diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 7776f178..3867870e 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -96,14 +96,16 @@ jobs:
         run: pnpm test:axe
 
   # The e2e jobs below are slow, so they run only when the package, the panel, the SSR demo, the
-  # tools docs (e2e:mcp reads them) or the scripts and fixtures they use change. A diff that cannot
-  # be computed (a new branch, a force push) runs them.
+  # tools docs (e2e:mcp reads them) or the scripts and fixtures they use change. The engines-floor
+  # job runs only when what the packed package is built from changes. A diff that cannot be
+  # computed (a new branch, a force push) runs them all.
   changes:
     name: Changed paths
     runs-on: ubuntu-latest
     timeout-minutes: 5
     outputs:
       e2e: ${{ steps.diff.outputs.e2e }}
+      package: ${{ steps.diff.outputs.package }}
     steps:
       - uses: actions/checkout@v7
         with:
@@ -121,6 +123,61 @@ jobs:
           else
             echo "e2e=true" >> "$GITHUB_OUTPUT"
           fi
+          # What the packed package is built from: the package, the panel it bundles and the toolchain.
+          packed=(packages/devtools app package.json pnpm-lock.yaml pnpm-workspace.yaml .nvmrc
+            .github/actions/setup .github/workflows/ci.yml)
+          if git diff --quiet "$BASE" HEAD -- "${packed[@]}"; then
+            echo "package=false" >> "$GITHUB_OUTPUT"
+          else
+            echo "package=true" >> "$GITHUB_OUTPUT"
+          fi
+
+  # The source tests can't run on 22.12 (Node runs .ts files only from 22.18, and the build tools
+  # need newer versions), so this job checks the packed package there instead.
+  engines-floor:
+    name: Packed package on Node.js 22.12
+    needs: changes
+    if: needs.changes.outputs.package == 'true'
+    runs-on: ubuntu-latest
+    timeout-minutes: 20
+    steps:
+      - uses: actions/checkout@v7
+        with:
+          persist-credentials: false
+
+      - uses: ./.github/actions/setup
+
+      # `prepack` builds the library and the panel first, on the `.nvmrc` version.
+      - name: Pack the package
+        run: pnpm --filter @pangular-inspector/devtools pack --pack-destination "$RUNNER_TEMP/pack"
+
+      # The engines floor: the lowest version `engines.node` in packages/devtools/package.json allows.
+      # Keep the two in step.
+      - uses: actions/setup-node@v7
+        with:
+          node-version: 22.12.0
+
+      - name: Install the tarball into an empty project
+        working-directory: ${{ runner.temp }}
+        run: |
+          mkdir floor
+          cd floor
+          npm init -y > /dev/null
+          npm install --no-audit --no-fund "$RUNNER_TEMP"/pack/*.tgz
+
+      # The Node.js entry points from `exports` in packages/devtools/package.json. The browser
+      # entries (overlay, popup and the hooks) need a DOM. `http` is left out too: it imports
+      # the optional Angular peers, which load in plain Node.js only with `@angular/compiler`
+      # (JIT), and the app's build bundles it.
+      - name: Run the CLI and load the entry points
+        working-directory: ${{ runner.temp }}/floor
+        run: |
+          node --version
+          npx pangular --version
+          for entry in '' /devframe /config /cli /hub /ssr /vite; do
+            node -e "import('@pangular-inspector/devtools$entry')"
+          done
+          node -e "require('@pangular-inspector/devtools/hub')"
 
   e2e-security:
     name: Security e2e
diff --git a/app/src/__tests__/analog-inspector-pages.test.ts b/app/src/__tests__/analog-inspector-pages.test.ts
index 925e7b9c..f960edf1 100644
--- a/app/src/__tests__/analog-inspector-pages.test.ts
+++ b/app/src/__tests__/analog-inspector-pages.test.ts
@@ -110,3 +110,41 @@ describe('Analog route filter', () => {
     expect(box.value).toBe('');
   });
 });
+
+describe('Analog open pages', () => {
+  afterEach(() => {
+    document.body.innerHTML = '';
+  });
+
+  it('marks pages in named outlets with the outlet name', async () => {
+    const route = (file: string) => ({
+      id: file,
+      fullPath: '/',
+      file,
+      kind: 'page' as const,
+      params: [],
+      children: [],
+    });
+    const fixture = await render(
+      client({
+        state: {
+          pages: [
+            {
+              pageId: 'A',
+              url: '/inbox(sidebar:chat)',
+              chain: [
+                { path: '/inbox', file: '/src/app/pages/inbox.page.ts' },
+                { path: '/chat', file: '/src/app/pages/chat.page.ts', outlet: 'sidebar' },
+              ],
+            },
+          ],
+        },
+      }),
+    );
+    const inspector = fixture.componentInstance;
+    expect(inspector.openText(route('/src/app/pages/inbox.page.ts'))).toBe('open');
+    expect(inspector.isOpen(route('/src/app/pages/chat.page.ts'))).toBe(true);
+    expect(inspector.openText(route('/src/app/pages/chat.page.ts'))).toBe('open in sidebar');
+    expect(inspector.isOpen(route('/src/app/pages/about.page.ts'))).toBe(false);
+  });
+});
diff --git a/app/src/__tests__/app-shell.test.ts b/app/src/__tests__/app-shell.test.ts
index 171ecc21..11a335dd 100644
--- a/app/src/__tests__/app-shell.test.ts
+++ b/app/src/__tests__/app-shell.test.ts
@@ -305,4 +305,18 @@ describe('App tab bar', () => {
     expect(now.filter((b) => b.tabIndex === 0)).toEqual([now[2]]);
     fixture.destroy();
   });
+
+  it('puts the scrolling content in the Tab order with a name, and still focuses it from code', async () => {
+    connection.answers = [true];
+    const fixture = TestBed.createComponent(App);
+    document.body.appendChild(host(fixture));
+    await settle(fixture);
+
+    const main = host(fixture).querySelector<HTMLElement>('main')!;
+    expect(main.tabIndex).toBe(0);
+    expect(main.getAttribute('aria-label')).toBeTruthy();
+    main.focus();
+    expect(document.activeElement).toBe(main);
+    fixture.destroy();
+  });
 });
diff --git a/app/src/__tests__/cd-recording-status.test.ts b/app/src/__tests__/cd-recording-status.test.ts
index 085e56fd..9453a9bf 100644
--- a/app/src/__tests__/cd-recording-status.test.ts
+++ b/app/src/__tests__/cd-recording-status.test.ts
@@ -74,10 +74,13 @@ describe('CdRecording status', () => {
       pageId: 'p1',
       on: true,
     });
-    expect(live()).toBe('Recording started.');
+    // The server took the request; the page has not said it records yet.
+    expect(live()).not.toContain('started');
+    expect(visible()).toBe('Starting…');
 
     await show(true, 3);
     expect(live()).toBe('Recording started.');
+    expect(visible()).toBe('Recording. 3 cycles so far.');
 
     await click('Stop recording');
     // The page's last report still brings cycles: the total waits for it.
@@ -89,20 +92,51 @@ describe('CdRecording status', () => {
     expect(live()).toBe('Cleared the recorded cycles.');
   });
 
-  it('announces the count it has when the last report does not come', async () => {
-    await show(true, 2);
+  /** Clicks with fake timers, so the confirmation wait can run out. */
+  async function clickAndWait(text: string, ms: number) {
     vi.useFakeTimers({ toFake: ['setTimeout', 'clearTimeout'] });
     try {
-      button('Stop recording').click();
+      button(text).click();
       await vi.advanceTimersByTimeAsync(0);
       fixture.detectChanges();
-      expect(live()).not.toContain('stopped');
-      await vi.advanceTimersByTimeAsync(3000);
+      const before = live();
+      await vi.advanceTimersByTimeAsync(ms);
       fixture.detectChanges();
-      expect(live()).toBe('Recording stopped. 2 cycles recorded.');
+      return before;
     } finally {
       vi.useRealTimers();
     }
+  }
+
+  it('says the page did not confirm when no report shows the recording on', async () => {
+    const before = await clickAndWait('Record', 3000);
+    expect(before).not.toContain('started');
+    const failed =
+      'The page did not confirm that the recording started. The tab may be in the background, closed or reloading.';
+    expect(live()).toBe(failed);
+    expect(visible()).toBe(failed);
+    // The page still reports no recording, so the button still offers Record.
+    expect(button('Record')).toBeTruthy();
+    expect(button('Stop recording')).toBeUndefined();
+  });
+
+  it('announces the start once a late report confirms it', async () => {
+    await clickAndWait('Record', 3000);
+    expect(live()).toContain('did not confirm');
+    await show(true, 1);
+    expect(live()).toBe('Recording started.');
+    expect(visible()).toBe('Recording. 1 cycle so far.');
+    expect(button('Stop recording')).toBeTruthy();
+  });
+
+  it('says the page did not confirm when the report after Stop does not come', async () => {
+    await show(true, 2);
+    const before = await clickAndWait('Stop recording', 3000);
+    expect(before).not.toContain('stopped');
+    expect(live()).toBe(
+      'The page did not confirm that the recording stopped. The tab may be in the background, closed or reloading.',
+    );
+    expect(button('Stop recording')).toBeTruthy();
   });
 
   it('announces a repeated message again', async () => {
diff --git a/app/src/__tests__/component-tree-defer.test.ts b/app/src/__tests__/component-tree-defer.test.ts
index 293f9147..3e3b2871 100644
--- a/app/src/__tests__/component-tree-defer.test.ts
+++ b/app/src/__tests__/component-tree-defer.test.ts
@@ -1,11 +1,14 @@
 import { TestBed } from '@angular/core/testing';
 import type { DevframeRpcClient } from 'devframe/client';
-import { afterEach, describe, expect, it } from 'vitest';
+import { afterEach, describe, expect, it, vi } from 'vitest';
 import { ComponentTree } from '../pages/component-tree';
 
-function client(pages: Record<string, unknown>): DevframeRpcClient {
+function client(
+  pages: Record<string, unknown>,
+  call: (...args: unknown[]) => Promise<unknown> = () => Promise.resolve([]),
+): DevframeRpcClient {
   const rpc = {
-    call: () => Promise.resolve([]),
+    call,
     callEvent: () => Promise.resolve(),
     sharedState: (name: string) =>
       Promise.resolve({
@@ -19,6 +22,7 @@ function client(pages: Record<string, unknown>): DevframeRpcClient {
 describe('defer blocks', () => {
   afterEach(() => {
     document.body.innerHTML = '';
+    vi.useRealTimers();
   });
 
   it('style the state badge apart from the empty-state box', async () => {
@@ -120,4 +124,111 @@ describe('defer blocks', () => {
     expect(await pill(page())).toBe('2');
     expect(await pill(page(true))).toBe('2+');
   });
+
+  it('shows the notes the agent tool prints, the @error block and the block times', async () => {
+    const hour = 3_600_000;
+    // Fix the panel clock so the ages stay exact; timers stay real for the waits.
+    vi.useFakeTimers({ toFake: ['Date'] });
+    vi.setSystemTime(1_700_000_000_000);
+    // The page's clock runs an hour ahead of the panel's.
+    const pageNow = Date.now() + hour;
+    const block = (id: string, extra: Record<string, unknown>) => ({
+      id,
+      owner: { id: 'c1', name: 'App', tag: 'app-root' },
+      state: 'complete',
+      hydration: 'not-configured',
+      triggers: ['on idle'],
+      rootIds: [],
+      since: pageNow,
+      hasErrorBlock: false,
+      ...extra,
+    });
+    const page = {
+      pageId: 'p1',
+      roots: [{ id: 'c1', name: 'App', tag: 'app-root', children: [] }],
+      count: 1,
+      detail: null,
+      reportedAt: 1000,
+      clockOffset: -hour,
+      deferBlocks: [
+        block('d1', { state: 'error', hasErrorBlock: true }),
+        block('d2', { state: 'placeholder', since: pageNow - 30_000 }),
+        block('d3', { state: 'placeholder', since: pageNow - 2_000 }),
+        block('d4', { hydration: 'dehydrated', triggers: ['hydrate on viewport'] }),
+        block('d5', {
+          state: 'loading',
+          loading: { minimumTime: 1000, afterTime: 100 },
+          placeholder: { minimumTime: 500 },
+        }),
+      ],
+    };
+    const fixture = TestBed.createComponent(ComponentTree);
+    fixture.componentRef.setInput('rpc', client({ p1: page }));
+    for (let i = 0; i < 3; i++) {
+      await new Promise((resolve) => setTimeout(resolve));
+      await fixture.whenStable();
+    }
+    const rows = Array.from(
+      (fixture.nativeElement as HTMLElement).querySelectorAll<HTMLElement>('.defer-row'),
+    );
+    const flags = (row: HTMLElement) =>
+      Array.from(row.querySelectorAll('.flag')).map((el) => el.textContent?.trim());
+    expect(flags(rows[0]!)).toEqual(['failed', '@error block']);
+    expect(rows[0]!.querySelector('.note-failed')?.getAttribute('title')).toBe('failed to load');
+    // 30 s on the page's clock, not an hour and 30 s.
+    expect(flags(rows[1]!)).toEqual(['stuck 30s']);
+    expect(rows[1]!.querySelector('.note-stuck')?.getAttribute('title')).toBe(
+      'on its placeholder for 30s',
+    );
+    expect(flags(rows[2]!)).toEqual([]);
+    expect(flags(rows[3]!)).toEqual(['dehydrated']);
+    expect(rows[4]!.querySelector('.timings')?.textContent?.trim()).toBe(
+      'placeholder min 500ms · loading after 100ms, min 1s',
+    );
+    expect(rows[0]!.querySelector('.timings')).toBeNull();
+    fixture.destroy();
+  });
+
+  it('highlights every root element of a block in one request', async () => {
+    const call = vi.fn((..._args: unknown[]) => Promise.resolve([] as unknown));
+    const block = (id: string, rootIds: string[]) => ({
+      id,
+      owner: { id: 'c1', name: 'App', tag: 'app-root' },
+      state: 'complete',
+      hydration: 'not-configured',
+      triggers: [],
+      rootIds,
+    });
+    const page = {
+      pageId: 'p1',
+      roots: [{ id: 'c1', name: 'App', tag: 'app-root', children: [] }],
+      count: 1,
+      detail: null,
+      reportedAt: 1000,
+      deferBlocks: [block('d1', ['e1', 'e2']), block('d2', ['e3']), block('d3', [])],
+    };
+    const fixture = TestBed.createComponent(ComponentTree);
+    fixture.componentRef.setInput('rpc', client({ p1: page }, call));
+    for (let i = 0; i < 3; i++) {
+      await new Promise((resolve) => setTimeout(resolve));
+      await fixture.whenStable();
+    }
+    const rows = (fixture.nativeElement as HTMLElement).querySelectorAll('.defer-row');
+    const highlights = () =>
+      call.mock.calls.filter((args) => args[0] === 'request-page-highlight').map((args) => args[1]);
+    call.mockClear();
+    for (const row of Array.from(rows)) {
+      row.dispatchEvent(new Event('mouseenter'));
+      row.dispatchEvent(new Event('mouseleave'));
+    }
+    expect(highlights()).toEqual([
+      { pageId: 'p1', ids: ['e1', 'e2'] },
+      null,
+      { pageId: 'p1', id: 'e3' },
+      null,
+      { pageId: 'p1', id: 'c1' },
+      null,
+    ]);
+    fixture.destroy();
+  });
 });
diff --git a/app/src/__tests__/defer-blocks-timer.test.ts b/app/src/__tests__/defer-blocks-timer.test.ts
new file mode 100644
index 00000000..df862f65
--- /dev/null
+++ b/app/src/__tests__/defer-blocks-timer.test.ts
@@ -0,0 +1,71 @@
+import { TestBed } from '@angular/core/testing';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { DeferBlocksSection, type DeferBlock } from '../pages/defer-blocks-section';
+
+const block = (id: string, extra: Partial<DeferBlock> = {}): DeferBlock => ({
+  id,
+  owner: { id: 'c1', name: 'App', tag: 'app-root' },
+  state: 'complete',
+  hydration: 'not-configured',
+  triggers: ['on idle'],
+  rootIds: [],
+  since: Date.now(),
+  ...extra,
+});
+
+describe('Defer blocks timer', () => {
+  beforeEach(() => vi.useFakeTimers());
+  afterEach(() => {
+    vi.useRealTimers();
+    TestBed.resetTestingModule();
+  });
+
+  function render(blocks: DeferBlock[]) {
+    const fixture = TestBed.createComponent(DeferBlocksSection);
+    fixture.componentRef.setInput('blocks', blocks);
+    fixture.detectChanges();
+    return fixture;
+  }
+
+  it('runs only while a block is on its placeholder', () => {
+    const fixture = render([]);
+    expect(vi.getTimerCount()).toBe(0);
+    fixture.componentRef.setInput('blocks', [block('d1')]);
+    fixture.detectChanges();
+    expect(vi.getTimerCount()).toBe(0);
+    fixture.componentRef.setInput('blocks', [block('d1', { state: 'placeholder' })]);
+    fixture.detectChanges();
+    expect(vi.getTimerCount()).toBe(1);
+    fixture.componentRef.setInput('blocks', [block('d1')]);
+    fixture.detectChanges();
+    expect(vi.getTimerCount()).toBe(0);
+    fixture.componentRef.setInput('blocks', [block('d1', { state: 'initial' })]);
+    fixture.detectChanges();
+    expect(vi.getTimerCount()).toBe(1);
+    fixture.destroy();
+    expect(vi.getTimerCount()).toBe(0);
+  });
+
+  it('counts the age up without changing the row name', () => {
+    const fixture = render([block('d1', { state: 'placeholder', since: Date.now() - 30_000 })]);
+    const row = () => (fixture.nativeElement as HTMLElement).querySelector('.defer-row')!;
+    /** The text a screen reader takes the name from: everything not aria-hidden. */
+    const name = () => {
+      const copy = row().cloneNode(true) as HTMLElement;
+      copy.querySelectorAll('[aria-hidden="true"]').forEach((el) => el.remove());
+      return copy.textContent!.replace(/\s+/g, ' ').trim();
+    };
+    const before = name();
+    expect(before).toContain('stuck');
+    expect(row().querySelector('.note-stuck')!.textContent!.replace(/\s+/g, ' ').trim()).toBe(
+      'stuck 30s',
+    );
+    vi.advanceTimersByTime(5000);
+    fixture.detectChanges();
+    expect(row().querySelector('.note-stuck')!.textContent!.replace(/\s+/g, ' ').trim()).toBe(
+      'stuck 35s',
+    );
+    expect(name()).toBe(before);
+    fixture.destroy();
+  });
+});
diff --git a/app/src/__tests__/forms-panels.test.ts b/app/src/__tests__/forms-panels.test.ts
index fce2eda9..f9869d41 100644
--- a/app/src/__tests__/forms-panels.test.ts
+++ b/app/src/__tests__/forms-panels.test.ts
@@ -20,6 +20,15 @@ function fakeClient(call: Call, forms: CollectedForm[] = []): DevframeRpcClient
   return { connectionMeta: {}, scope: () => ({ rpc }) } as unknown as DevframeRpcClient;
 }
 
+function stateClient(snapshot: Record<string, unknown>): DevframeRpcClient {
+  const rpc = {
+    call: () => Promise.resolve(''),
+    callEvent: () => Promise.resolve(),
+    sharedState: () => Promise.resolve({ value: () => snapshot, on: () => () => {} }),
+  };
+  return { connectionMeta: {}, scope: () => ({ rpc }) } as unknown as DevframeRpcClient;
+}
+
 const fail: Call = () => Promise.reject(new Error('offline'));
 
 function field(path: string, extra: Partial<FormFieldNode> = {}): FormFieldNode {
@@ -741,6 +750,148 @@ describe('FormsWebMcp', () => {
   });
 });
 
+describe('FormsInspector WebMCP tools not linked to a form', () => {
+  const unlinked = {
+    name: 'search_flights',
+    description: 'Find flights',
+    status: 'registered' as const,
+    seen: 'register' as const,
+    inputs: ['from: string'],
+    required: ['from'],
+  };
+
+  afterEach(() => scopeToPage(null));
+
+  it('lists them in their own section, with what the per-form block shows', async () => {
+    const fixture = TestBed.createComponent(FormsInspector);
+    fixture.componentRef.setInput(
+      'rpc',
+      stateClient({
+        forms: [form],
+        webMcp: [{ pageId: 'p1', modelContext: true, tools: [unlinked] }],
+      }),
+    );
+    document.body.append(fixture.nativeElement);
+    await settle(fixture);
+    const host = fixture.nativeElement as HTMLElement;
+    const section = host.querySelector('app-forms-webmcp-others section')!;
+    expect(section.querySelector('h2')?.textContent).toContain('Other WebMCP tools');
+    expect(section.textContent).toContain('search_flights');
+    expect(section.textContent).toContain('Find flights');
+    expect(section.querySelector('.inputs li')?.textContent).toContain('required');
+    expect(section.textContent).toContain('No agent has called this tool');
+  });
+
+  it('shows them when the page has no form, and gives each tool a unique name', async () => {
+    const fixture = TestBed.createComponent(FormsInspector);
+    fixture.componentRef.setInput(
+      'rpc',
+      stateClient({
+        webMcp: [
+          {
+            pageId: 'p1',
+            modelContext: true,
+            tools: [unlinked, { ...unlinked, name: 'book_hotel', inputs: undefined }],
+          },
+        ],
+      }),
+    );
+    document.body.append(fixture.nativeElement);
+    await settle(fixture);
+    const host = fixture.nativeElement as HTMLElement;
+    expect(text(fixture)).toContain('No forms on the page yet');
+    const tools = Array.from(host.querySelectorAll('app-forms-webmcp-others .webmcp'));
+    expect(tools).toHaveLength(2);
+    const ids = Array.from(host.querySelectorAll('[id]'), (el) => el.id);
+    expect(new Set(ids).size).toBe(ids.length);
+    const names = tools.map((tool) =>
+      tool
+        .getAttribute('aria-labelledby')!
+        .split(' ')
+        .map((id) => host.querySelector(`#${id}`)?.textContent?.trim())
+        .join(' '),
+    );
+    expect(names).toEqual(['WebMCP tool search_flights', 'WebMCP tool book_hotel']);
+  });
+
+  it('shows nothing when every tool is linked, and only the tools of the page it runs in', async () => {
+    scopeToPage('p1');
+    const fixture = TestBed.createComponent(FormsInspector);
+    fixture.componentRef.setInput(
+      'rpc',
+      stateClient({
+        forms: [form],
+        webMcp: [
+          { pageId: 'p1', modelContext: true, tools: [] },
+          { pageId: 'p2', modelContext: true, tools: [unlinked] },
+        ],
+      }),
+    );
+    await settle(fixture);
+    const host = fixture.nativeElement as HTMLElement;
+    expect(host.querySelector('app-forms-webmcp-others section')).toBeNull();
+    fixture.componentInstance.allPages.set(true);
+    await settle(fixture);
+    expect(host.querySelector('app-forms-webmcp-others section')?.textContent).toContain(
+      'search_flights',
+    );
+  });
+});
+
+describe('FormsInspector setup errors', () => {
+  afterEach(() => scopeToPage(null));
+
+  it('lists them in a status notice, even when no form reached the list', async () => {
+    const fixture = TestBed.createComponent(FormsInspector);
+    fixture.componentRef.setInput(
+      'rpc',
+      stateClient({
+        setupErrors: [
+          { pageId: 'p1', message: "NG01203: No value accessor for form control name: 'age'" },
+        ],
+      }),
+    );
+    await settle(fixture);
+    const notice = (fixture.nativeElement as HTMLElement).querySelector('.setup-errors')!;
+    expect(notice.getAttribute('role')).toBe('status');
+    expect(notice.textContent).toContain('1 forms setup error');
+    expect(notice.textContent).toContain('NG01203: No value accessor');
+    expect(text(fixture)).toContain('No forms on the page yet');
+  });
+
+  it('shows only the errors of the page it runs in until All pages is checked', async () => {
+    scopeToPage('p1');
+    const fixture = TestBed.createComponent(FormsInspector);
+    fixture.componentRef.setInput(
+      'rpc',
+      stateClient({
+        forms: [form, { ...form, id: 'signup@p2' }],
+        setupErrors: [
+          { pageId: 'p1', message: 'NG01050: one' },
+          { pageId: 'p2', message: 'NG01050: two' },
+        ],
+      }),
+    );
+    await settle(fixture);
+    const host = fixture.nativeElement as HTMLElement;
+    const notice = () => host.querySelector('.setup-errors')?.textContent ?? '';
+    expect(notice()).toContain('NG01050: one');
+    expect(notice()).not.toContain('NG01050: two');
+    expect(notice()).not.toContain('on page');
+    fixture.componentInstance.allPages.set(true);
+    await settle(fixture);
+    expect(notice()).toContain('2 forms setup errors');
+    expect(notice()).toContain('on page p2');
+  });
+
+  it('shows no notice without setup errors', async () => {
+    const fixture = TestBed.createComponent(FormsInspector);
+    fixture.componentRef.setInput('rpc', stateClient({ forms: [form], setupErrors: [] }));
+    await settle(fixture);
+    expect((fixture.nativeElement as HTMLElement).querySelector('.setup-errors')).toBeNull();
+  });
+});
+
 describe('FormsInspector selection', () => {
   it("does not hand a closed tab's selected form over to another tab's form with the same label", async () => {
     const login = (page: string): CollectedForm => ({
diff --git a/app/src/__tests__/network-hydration-mismatch.test.ts b/app/src/__tests__/network-hydration-mismatch.test.ts
new file mode 100644
index 00000000..6185b50d
--- /dev/null
+++ b/app/src/__tests__/network-hydration-mismatch.test.ts
@@ -0,0 +1,58 @@
+import { TestBed, type ComponentFixture } from '@angular/core/testing';
+import type { DevframeRpcClient } from 'devframe/client';
+import { afterEach, describe, expect, it } from 'vitest';
+import { NetworkInspector } from '../pages/network-inspector';
+
+const page = {
+  pageId: 'p1',
+  url: 'http://localhost:4000/products',
+  title: 'Products',
+  hydration: {
+    enabled: true,
+    nodes: { hydrated: 10, skipped: 0, mismatched: 2 },
+    mismatches: [
+      { component: 'ProductCard', isClass: true, expected: '<div>', actual: '<span>' },
+      { component: '#text', expected: 'Price' },
+    ],
+    skipHydrationHosts: [],
+    warnings: [],
+  },
+  calls: [],
+  reportedAt: 1,
+};
+
+function client(): DevframeRpcClient {
+  const values: Record<string, unknown> = {
+    http: { serverCalls: [], pages: [page], rules: [], ssrOverrides: [] },
+  };
+  const rpc = {
+    sharedState: (name: string) =>
+      Promise.resolve({ value: () => values[name], on: () => () => {} }),
+  };
+  return {
+    connectionMeta: { configs: { pangular: { actions: {} } } },
+    scope: () => ({ rpc }),
+  } as unknown as DevframeRpcClient;
+}
+
+let fixture: ComponentFixture<NetworkInspector>;
+
+describe('NetworkInspector hydration mismatches', () => {
+  afterEach(() => {
+    fixture?.destroy();
+    TestBed.resetTestingModule();
+  });
+
+  it('shows a component class as is and a node name in angle brackets', async () => {
+    fixture = TestBed.createComponent(NetworkInspector);
+    fixture.componentRef.setInput('rpc', client());
+    await fixture.whenStable();
+    await new Promise((resolve) => setTimeout(resolve));
+    await fixture.whenStable();
+    const host = fixture.nativeElement as HTMLElement;
+    const names = [...host.querySelectorAll('.mismatches > li > code:first-child')].map(
+      (code) => code.textContent,
+    );
+    expect(names).toEqual(['ProductCard', '<#text>']);
+  });
+});
diff --git a/app/src/app.ts b/app/src/app.ts
index 36e38e11..b4cb2f1c 100644
--- a/app/src/app.ts
+++ b/app/src/app.ts
@@ -479,7 +479,8 @@ function readView(): View | null {
         }}
       </span>
     </header>
-    <main #main tabindex="-1" [attr.aria-label]="mainLabel()">
+    <!-- In the Tab order, so keyboard users can scroll content that has nothing focusable. -->
+    <main #main tabindex="0" [attr.aria-label]="mainLabel()">
       <p class="background-note" role="status">{{ backgroundNote() }}</p>
       <p class="sr-only" role="status">{{ connectedNote() }}</p>
       @if (tab() === 'settings') {
@@ -961,6 +962,9 @@ function readView(): View | null {
     main:focus {
       outline: none;
     }
+    main:focus-visible {
+      @include m.focus-ring(-2px);
+    }
     main > * {
       animation: enter 0.28s var(--ease) both;
     }
diff --git a/app/src/pages/analog-inspector.ts b/app/src/pages/analog-inspector.ts
index 456ea53f..3fef1caa 100644
--- a/app/src/pages/analog-inspector.ts
+++ b/app/src/pages/analog-inspector.ts
@@ -84,7 +84,7 @@ interface AnalogCall {
 interface AnalogPage {
   pageId: string;
   url: string;
-  chain: { path: string; file?: string; serverFile?: string }[];
+  chain: { path: string; file?: string; serverFile?: string; outlet?: string }[];
   load?: { preview: string; bytes: number; keys: string[] };
   serverContext?: string;
   hydrated: number;
@@ -497,7 +497,7 @@ function walk(routes: AnalogRoute[], depth = 0, out: { route: AnalogRoute; depth
                             kindText(row.route)
                           }}</span>
                           @if (isOpen(row.route)) {
-                            <span class="pill live">open</span>
+                            <span class="pill live">{{ openText(row.route) }}</span>
                           }
                         </div>
                       </td>
@@ -2198,7 +2198,15 @@ export class AnalogInspector {
     const pages = this.state().pages ?? [];
     return (this.hostPageId ? pages.find((p) => p.pageId === this.hostPageId) : pages[0]) ?? null;
   });
-  readonly openFiles = computed(() => new Set((this.page()?.chain ?? []).map((c) => c.file)));
+  /** Open page files, mapped to their named outlet ('' for the primary outlet). */
+  readonly openFiles = computed(() => {
+    const open = new Map<string, string>();
+    for (const c of this.page()?.chain ?? []) {
+      // The primary outlet wins when one file renders in several outlets.
+      if (c.file && (!open.has(c.file) || !c.outlet)) open.set(c.file, c.outlet ?? '');
+    }
+    return open;
+  });
   readonly allCalls = computed(() => this.state().calls ?? []);
   readonly maxServerCalls = MAX_SERVER_CALLS;
   readonly callQuery = signal('');
@@ -2381,6 +2389,11 @@ export class AnalogInspector {
     return !!route.file && this.openFiles().has(route.file);
   }
 
+  openText(route: AnalogRoute): string {
+    const outlet = route.file ? this.openFiles().get(route.file) : undefined;
+    return outlet ? `open in ${outlet}` : 'open';
+  }
+
   kindText(route: AnalogRoute): string {
     if (route.catchAll) return route.catchAll === 'optional' ? 'optional catch-all' : 'catch-all';
     if (route.kind === 'implicit') return 'folder';
diff --git a/app/src/pages/cd-recording.ts b/app/src/pages/cd-recording.ts
index 551ab994..5015753a 100644
--- a/app/src/pages/cd-recording.ts
+++ b/app/src/pages/cd-recording.ts
@@ -34,8 +34,11 @@ export type {
   CdCycle,
 } from '@pangular-inspector/devtools/internal/config';
 
-/** How long Stop waits for the page's last report before it announces the count it has. */
-const STOP_REPORT_WAIT_MS = 3000;
+/**
+ * How long Record and Stop wait for the page's report that says the recording is on or off
+ * before they say the page did not confirm. The same wait as `record-change-detection`.
+ */
+const CONFIRM_WAIT_MS = 3000;
 /** One page's recording, as the page reports it. */
 export type CdPage = CdReport;
 
@@ -541,38 +544,60 @@ export class CdRecording {
     return cdCauseText(cause);
   }
 
-  /** Set after Stop: the total is announced once the page's last report says it stopped. */
-  private readonly stopping = signal(false);
-  private stopTimer: ReturnType<typeof setTimeout> | undefined;
+  /**
+   * Set after Record (`true`) or Stop (`false`) reached the server: the result is announced
+   * once the page reports the recording on or off. Stop's report also brings the last cycles.
+   */
+  private readonly confirming = signal<boolean | null>(null);
+  private confirmTimer: ReturnType<typeof setTimeout> | undefined;
 
   constructor() {
     effect(() => {
-      if (!this.stopping() || this.livePage()?.recording === true) return;
-      untracked(() => this.announceStopped());
+      const on = this.confirming();
+      if (on === null) return;
+      const recording = this.livePage()?.recording === true;
+      if (recording !== on) return;
+      untracked(() => this.confirmed(on));
     });
-    inject(DestroyRef).onDestroy(() => clearTimeout(this.stopTimer));
+    inject(DestroyRef).onDestroy(() => clearTimeout(this.confirmTimer));
   }
 
-  private announceStopped() {
-    clearTimeout(this.stopTimer);
-    this.stopping.set(false);
+  private confirmed(on: boolean) {
+    clearTimeout(this.confirmTimer);
+    this.confirming.set(null);
+    this.message.set('');
     const count = this.livePage()?.cycles.length ?? 0;
-    this.announce(`Recording stopped. ${count} ${count === 1 ? 'cycle' : 'cycles'} recorded.`);
+    this.announce(
+      on
+        ? 'Recording started.'
+        : `Recording stopped. ${count} ${count === 1 ? 'cycle' : 'cycles'} recorded.`,
+    );
+  }
+
+  /** No report confirmed in time: the button keeps the state the page last reported. */
+  private unconfirmed(on: boolean) {
+    const failed = `The page did not confirm that the recording ${on ? 'started' : 'stopped'}. The tab may be in the background, closed or reloading.`;
+    this.message.set(failed);
+    this.announce(failed);
   }
 
   async toggle() {
-    if (this.recording()) {
-      const sent = await this.send({ on: false }, '', () => '', 'request-change-detection-record', {
-        quiet: true,
-      });
-      if (!sent) return;
-      // The page sends its last cycles with the report that says it stopped.
-      this.stopping.set(true);
-      clearTimeout(this.stopTimer);
-      this.stopTimer = setTimeout(() => this.announceStopped(), STOP_REPORT_WAIT_MS);
-    } else {
-      await this.send({ on: true }, 'Starting…', () => 'Recording started.');
-    }
+    const on = !this.recording();
+    clearTimeout(this.confirmTimer);
+    this.confirming.set(null);
+    const sent = await this.send(
+      { on },
+      on ? 'Starting…' : 'Stopping…',
+      () => '',
+      'request-change-detection-record',
+      { quiet: true, keepPending: true },
+    );
+    if (!sent) return;
+    this.confirming.set(on);
+    // A report that comes after the wait still confirms, and replaces the note.
+    this.confirmTimer = setTimeout(() => {
+      if (this.confirming() === on) this.unconfirmed(on);
+    }, CONFIRM_WAIT_MS);
   }
 
   showImport(file: CdImported) {
@@ -621,7 +646,7 @@ export class CdRecording {
     pending: string,
     done: () => string,
     rpc = 'request-change-detection-record',
-    { quiet = false } = {},
+    { quiet = false, keepPending = false } = {},
   ): Promise<boolean> {
     this.message.set(pending);
     try {
@@ -630,7 +655,7 @@ export class CdRecording {
         pageId: this.pageId(),
         ...request,
       });
-      this.message.set('');
+      if (!keepPending) this.message.set('');
       if (!quiet) this.announce(done());
       return true;
     } catch {
diff --git a/app/src/pages/component-tree.ts b/app/src/pages/component-tree.ts
index 3cddb9ca..3f94567d 100644
--- a/app/src/pages/component-tree.ts
+++ b/app/src/pages/component-tree.ts
@@ -50,6 +50,7 @@ import { ValueTree } from './component-value-tree';
 import { ValueStore } from './component-value-store';
 import { nestedMatches } from './component-value-state';
 import { StoreGlobal } from '../ui/store-global';
+import { DeferBlocksSection, type DeferBlock } from './defer-blocks-section';
 import { ForBlocksSection, type ForBlock } from './for-blocks-section';
 import { LeaksSection, type LeaksPage } from './leaks-section';
 import { VirtualWindow } from '../ui/virtual-window';
@@ -115,16 +116,6 @@ interface Detail {
   expanded?: Record<string, unknown>;
 }
 
-interface DeferBlock {
-  id: string;
-  owner?: { id: string; name: string; tag: string };
-  state: string;
-  hydration: string;
-  hydrateNever?: boolean;
-  triggers: string[];
-  rootIds: string[];
-}
-
 interface Page {
   pageId: string;
   url?: string;
@@ -144,6 +135,8 @@ interface Page {
   truncatedBy?: { components?: number; depth?: number; directiveHosts?: number };
   detail: Detail | null;
   reportedAt: number;
+  /** The server clock minus the page clock, in ms, for ages of page times. */
+  clockOffset?: number;
 }
 
 interface OutletInfo {
@@ -204,6 +197,7 @@ function storedDirectiveHosts(): boolean {
     SourceLink,
     ValueTree,
     StoreGlobal,
+    DeferBlocksSection,
     ForBlocksSection,
     HydrationSection,
     LeaksSection,
@@ -759,43 +753,13 @@ function storedDirectiveHosts(): boolean {
         }
       </div>
 
-      @if (deferBlocks().length) {
-        <section class="defer" aria-labelledby="ct-defer-title">
-          <h2 id="ct-defer-title" class="defer-title">
-            Defer blocks
-            <span class="pill">{{ deferCount() }}</span>
-          </h2>
-          <ul class="defer-list">
-            @for (block of deferBlocks(); track block.id) {
-              <li>
-                <button
-                  type="button"
-                  class="defer-row"
-                  [attr.aria-disabled]="block.owner ? null : 'true'"
-                  (click)="showOwner(block)"
-                  (focus)="highlightBlock(block)"
-                  (blur)="highlight(null)"
-                  (mouseenter)="highlightBlock(block)"
-                  (mouseleave)="highlight(null)"
-                >
-                  <span class="name mono">{{ block.owner?.name ?? 'Unknown component' }}</span>
-                  <span class="defer-state" [class]="'defer-state-' + block.state">{{
-                    block.state
-                  }}</span>
-                  @if (block.hydrateNever) {
-                    <span class="flag">hydrate never</span>
-                  } @else if (block.hydration !== 'not-configured') {
-                    <span class="flag">{{ block.hydration }}</span>
-                  }
-                  <span class="triggers mono">{{
-                    block.triggers.join(', ') || 'no triggers'
-                  }}</span>
-                </button>
-              </li>
-            }
-          </ul>
-        </section>
-      }
+      <app-defer-blocks
+        [blocks]="deferBlocks()"
+        [truncated]="page()?.deferTruncated === true"
+        [clockOffset]="page()?.clockOffset ?? 0"
+        (showOwner)="showOwner($event)"
+        (highlight)="$event ? highlightBlock($event) : highlight(null)"
+      />
       @if (deferUnavailable()) {
         <app-angular-unavailable
           class="defer"
@@ -1131,58 +1095,6 @@ function storedDirectiveHosts(): boolean {
     .defer {
       margin-top: 16px;
     }
-    .defer-title {
-      @include m.label;
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      margin: 0 0 8px;
-    }
-    .defer-list {
-      display: grid;
-      gap: 6px;
-      margin: 0;
-      padding: 0;
-      list-style: none;
-    }
-    .defer-row {
-      justify-content: flex-start;
-      flex-wrap: wrap;
-      width: 100%;
-      height: auto;
-      min-height: var(--control-h);
-      padding: 6px 12px;
-      background: var(--surface);
-      border-color: var(--border);
-      text-align: left;
-    }
-    .defer-row[aria-disabled='true'] {
-      cursor: default;
-    }
-    .defer-state {
-      padding: 0 8px;
-      border-radius: 99px;
-      background: var(--surface-3);
-      color: var(--text-2);
-      font-size: 11px;
-      line-height: 18px;
-    }
-    .defer-state-complete {
-      @include m.tint(ok);
-    }
-    .defer-state-error {
-      @include m.tint(danger);
-    }
-    .defer-state-loading,
-    .defer-state-placeholder {
-      @include m.tint(warn);
-    }
-    .triggers {
-      min-width: 0;
-      color: var(--text-2);
-      font-size: 12px;
-      @include m.truncate;
-    }
     .pick-message {
       margin: 0 0 12px;
       color: var(--text-2);
@@ -1929,10 +1841,6 @@ export class ComponentTree {
   );
 
   readonly deferBlocks = computed(() => this.page()?.deferBlocks ?? []);
-  /** The block count, with a `+` when the page has more blocks than it reported. */
-  readonly deferCount = computed(
-    () => `${this.deferBlocks().length}${this.page()?.deferTruncated ? '+' : ''}`,
-  );
 
   readonly countLabel = computed(() =>
     countText(
@@ -2645,19 +2553,24 @@ export class ComponentTree {
   }
 
   highlight(id: string | null) {
+    this.requestHighlight(id ? { id } : null);
+  }
+
+  /** One box around every root element of the block, or its owner when none is rendered. */
+  highlightBlock(block: DeferBlock) {
+    if (block.rootIds.length > 1) this.requestHighlight({ ids: block.rootIds });
+    else this.highlight(block.rootIds[0] ?? block.owner?.id ?? null);
+  }
+
+  private requestHighlight(target: { id: string } | { ids: string[] } | null) {
     const client = this.rpc();
     if (!client) return;
-    const target = id ? { pageId: this.page()?.pageId, id } : null;
     void client
       .scope('pangular')
-      .rpc.call('request-page-highlight', target)
+      .rpc.call('request-page-highlight', target && { pageId: this.page()?.pageId, ...target })
       .catch(() => {});
   }
 
-  highlightBlock(block: DeferBlock) {
-    this.highlight(block.rootIds[0] ?? block.owner?.id ?? null);
-  }
-
   showOwner(block: DeferBlock) {
     if (block.owner && this.index().map.has(block.owner.id)) this.reveal(block.owner.id);
   }
diff --git a/app/src/pages/defer-blocks-section.ts b/app/src/pages/defer-blocks-section.ts
new file mode 100644
index 00000000..77b84b75
--- /dev/null
+++ b/app/src/pages/defer-blocks-section.ts
@@ -0,0 +1,269 @@
+import {
+  Component,
+  DestroyRef,
+  computed,
+  effect,
+  inject,
+  input,
+  output,
+  signal,
+} from '@angular/core';
+import { deferNotes, type DeferNote } from '@pangular-inspector/devtools/internal/config';
+
+export interface DeferBlock {
+  id: string;
+  owner?: { id: string; name: string; tag: string };
+  state: string;
+  hydration: string;
+  hydrateNever?: boolean;
+  triggers: string[];
+  rootIds: string[];
+  /** Page clock, ms since epoch, when the state or hydration state last changed. */
+  since?: number;
+  hasErrorBlock?: boolean;
+  /** Times from `@loading (after …; minimum …)`, in ms. */
+  loading?: { minimumTime: number | null; afterTime: number | null };
+  /** The time from `@placeholder (minimum …)`, in ms. */
+  placeholder?: { minimumTime: number | null };
+}
+
+interface Row {
+  block: DeferBlock;
+  notes: DeferNote[];
+  timings: string;
+}
+
+/** `500ms`, `1s`, `1.5s`. */
+function duration(ms: number): string {
+  return ms < 1000 ? `${ms}ms` : `${Number((ms / 1000).toFixed(2))}s`;
+}
+
+/** The `@placeholder` and `@loading` times of a block, such as `loading after 100ms, min 1s`. */
+export function deferTimings(block: DeferBlock): string {
+  const parts: string[] = [];
+  const placeholder = block.placeholder?.minimumTime;
+  if (placeholder != null) parts.push(`placeholder min ${duration(placeholder)}`);
+  const loading = [
+    block.loading?.afterTime != null ? `after ${duration(block.loading.afterTime)}` : '',
+    block.loading?.minimumTime != null ? `min ${duration(block.loading.minimumTime)}` : '',
+  ].filter(Boolean);
+  if (loading.length) parts.push(`loading ${loading.join(', ')}`);
+  return parts.join(' · ');
+}
+
+/**
+ * The Defer blocks list on the Components page. Each row has the block's owner,
+ * state, hydration, the notes the defer-blocks agent tool prints (failed, stuck
+ * on its placeholder, dehydrated), whether it has an `@error` block, its
+ * `@placeholder` and `@loading` times and its triggers. Ages are read on the
+ * page's clock, through `clockOffset`, which assumes the panel's clock agrees
+ * with the server's.
+ */
+@Component({
+  selector: 'app-defer-blocks',
+  template: `
+    @if (rows().length) {
+      <section class="defer" aria-labelledby="ct-defer-title">
+        <h2 id="ct-defer-title" class="defer-title">
+          Defer blocks
+          <span class="pill">{{ rows().length }}{{ truncated() ? '+' : '' }}</span>
+        </h2>
+        <ul class="defer-list">
+          @for (row of rows(); track row.block.id) {
+            <li>
+              <button
+                type="button"
+                class="defer-row"
+                [attr.aria-disabled]="row.block.owner ? null : 'true'"
+                (click)="showOwner.emit(row.block)"
+                (focus)="highlight.emit(row.block)"
+                (blur)="highlight.emit(null)"
+                (mouseenter)="highlight.emit(row.block)"
+                (mouseleave)="highlight.emit(null)"
+              >
+                <span class="name mono">{{ row.block.owner?.name ?? 'Unknown component' }}</span>
+                <span class="defer-state" [class]="'defer-state-' + row.block.state">{{
+                  row.block.state
+                }}</span>
+                @for (note of row.notes; track note.kind) {
+                  <span class="flag" [class]="'note-' + note.kind" [attr.title]="note.text">
+                    @if (note.seconds === undefined) {
+                      {{ note.label }}
+                    } @else {
+                      <!-- The age ticks every second; keep it out of the row's name. -->
+                      {{ note.kind }} <span aria-hidden="true">{{ note.seconds }}s</span>
+                    }
+                  </span>
+                }
+                @if (row.block.hydration === 'hydrated') {
+                  <span class="flag">hydrated</span>
+                }
+                @if (row.block.hasErrorBlock) {
+                  <span class="flag">&#64;error block</span>
+                }
+                @if (row.timings) {
+                  <span class="timings">{{ row.timings }}</span>
+                }
+                <span class="triggers mono">{{
+                  row.block.triggers.join(', ') || 'no triggers'
+                }}</span>
+              </button>
+            </li>
+          }
+        </ul>
+      </section>
+    }
+  `,
+  styles: `
+    @use 'mixins' as m;
+
+    :host {
+      display: block;
+    }
+    .defer {
+      margin-top: 16px;
+    }
+    .defer-title {
+      @include m.label;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      margin: 0 0 8px;
+    }
+    .pill {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      min-width: 18px;
+      height: 16px;
+      padding: 0 5px;
+      border-radius: 99px;
+      background: var(--surface-3);
+      color: var(--text-2);
+      font-size: 10px;
+      font-weight: 600;
+      letter-spacing: 0;
+    }
+    .defer-list {
+      display: grid;
+      gap: 6px;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+    .defer-row {
+      justify-content: flex-start;
+      flex-wrap: wrap;
+      width: 100%;
+      height: auto;
+      min-height: var(--control-h);
+      padding: 6px 12px;
+      background: var(--surface);
+      border-color: var(--border);
+      text-align: left;
+    }
+    .defer-row:focus-visible {
+      @include m.focus-ring;
+    }
+    .defer-row[aria-disabled='true'] {
+      cursor: default;
+    }
+    .name {
+      min-width: 0;
+      color: var(--text-strong);
+      font-size: 12px;
+      font-weight: 600;
+      @include m.truncate;
+    }
+    .mono {
+      font-family: var(--font-mono);
+    }
+    .defer-state {
+      padding: 0 8px;
+      border-radius: 99px;
+      background: var(--surface-3);
+      color: var(--text-2);
+      font-size: 11px;
+      line-height: 18px;
+    }
+    .defer-state-complete {
+      @include m.tint(ok);
+    }
+    .defer-state-error {
+      @include m.tint(danger);
+    }
+    .defer-state-loading,
+    .defer-state-placeholder {
+      @include m.tint(warn);
+    }
+    .flag {
+      padding: 0 6px;
+      border: 1px solid var(--border-strong);
+      border-radius: 5px;
+      color: var(--text-2);
+      font-family: var(--font-mono);
+      font-size: 10px;
+      line-height: 16px;
+    }
+    .note-failed {
+      @include m.tint(danger);
+    }
+    .note-stuck {
+      @include m.tint(warn);
+    }
+    .timings {
+      color: var(--text-2);
+      font-size: 11px;
+    }
+    .triggers {
+      min-width: 0;
+      color: var(--text-2);
+      font-size: 12px;
+      @include m.truncate;
+    }
+  `,
+})
+export class DeferBlocksSection {
+  readonly blocks = input<DeferBlock[]>([]);
+  /** The page has more defer blocks than the ones in `blocks`. */
+  readonly truncated = input(false);
+  /** The server clock minus the page clock, in ms, so ages are read on the page's clock. */
+  readonly clockOffset = input(0);
+  readonly showOwner = output<DeferBlock>();
+  /** The block to highlight in the app, or `null` to clear it. */
+  readonly highlight = output<DeferBlock | null>();
+
+  /** Moves every second while a block waits, so its time on its placeholder counts up. */
+  private readonly now = signal(Date.now());
+  /** Some block is still on its placeholder, so its age can grow into a note. */
+  private readonly waiting = computed(() =>
+    this.blocks().some(
+      (block) => !!block.since && (block.state === 'placeholder' || block.state === 'initial'),
+    ),
+  );
+
+  protected readonly rows = computed<Row[]>(() => {
+    const pageNow = this.now() - this.clockOffset();
+    return this.blocks().map((block) => ({
+      block,
+      // A block without a time (an older page) gets no age notes.
+      notes: deferNotes({ ...block, since: block.since || pageNow }, pageNow),
+      timings: deferTimings(block),
+    }));
+  });
+
+  constructor() {
+    let tick: ReturnType<typeof setInterval> | undefined;
+    const stop = () => {
+      clearInterval(tick);
+      tick = undefined;
+    };
+    effect(() => {
+      if (!this.waiting()) return stop();
+      if (tick !== undefined) return;
+      this.now.set(Date.now());
+      tick = setInterval(() => this.now.set(Date.now()), 1000);
+    });
+    inject(DestroyRef).onDestroy(stop);
+  }
+}
diff --git a/app/src/pages/forms-inspector.ts b/app/src/pages/forms-inspector.ts
index 2b457964..aed5c06f 100644
--- a/app/src/pages/forms-inspector.ts
+++ b/app/src/pages/forms-inspector.ts
@@ -21,7 +21,7 @@ import { LimitNote } from '../ui/limit-note';
 import { FormsFieldDetail } from './forms-field-detail';
 import { FormsLint, FormsSubmit } from './forms-report';
 import { FormsTimeline } from './forms-timeline';
-import { FormsWebMcp } from './forms-webmcp';
+import { FormsWebMcp, FormsWebMcpOthers } from './forms-webmcp';
 import {
   FORMS_STYLES,
   KIND_LABELS,
@@ -34,6 +34,7 @@ import {
   type FormEvent,
   type FormFieldError,
   type FormFieldNode,
+  type FormSetupError,
   type WebMcpPage,
 } from './forms-types';
 
@@ -76,6 +77,7 @@ interface FormsSnapshot {
   instrumented?: string[];
   dropped?: Record<string, number>;
   webMcp?: WebMcpPage[];
+  setupErrors?: FormSetupError[];
 }
 
 interface FieldRow {
@@ -101,6 +103,7 @@ function countFields(node: FormFieldNode): number {
     FormsSubmit,
     FormsLint,
     FormsWebMcp,
+    FormsWebMcpOthers,
     LimitNote,
   ],
   host: { '(keydown.escape)': 'cancelPick()' },
@@ -109,6 +112,28 @@ function countFields(node: FormFieldNode): number {
       Signal Forms, reactive and template-driven forms on the live page, with each field's state and
       errors, a change timeline, submit explanations and a lint. Development builds only.
     </p>
+    @if (pageSetupErrors().length) {
+      <div class="setup-errors" role="status">
+        <p class="setup-title">
+          Angular reported {{ pageSetupErrors().length }} forms setup
+          {{ pageSetupErrors().length === 1 ? 'error' : 'errors' }}
+        </p>
+        <p class="setup-hint">
+          A form with a setup error can be missing from the list or behave unlike its template.
+          Check the directives and value accessors it names.
+        </p>
+        <ul>
+          @for (error of pageSetupErrors(); track $index) {
+            <li>
+              <code>{{ error.message }}</code>
+              @if (setupErrorPages()) {
+                <span class="setup-page">on page {{ error.pageId }}</span>
+              }
+            </li>
+          }
+        </ul>
+      </div>
+    }
     @if (!rpc()) {
       <div class="empty" role="status">
         <span class="spinner" aria-hidden="true"></span>
@@ -610,6 +635,9 @@ function countFields(node: FormFieldNode): number {
         }
       </div>
     }
+    @if (rpc() && !failed() && !loading()) {
+      <app-forms-webmcp-others [pages]="pageWebMcp()" />
+    }
   `,
   styles: `
     ${FORMS_STYLES}
@@ -618,6 +646,38 @@ function countFields(node: FormFieldNode): number {
       color: var(--text-2);
       line-height: 1.5;
     }
+    .setup-errors {
+      display: grid;
+      gap: 4px;
+      margin: 0 0 12px;
+      padding: 10px 12px;
+      border: 1px solid;
+      @include m.tint(warn);
+      border-radius: var(--radius-sm);
+      font-size: 13px;
+      line-height: 1.5;
+    }
+    .setup-errors p {
+      margin: 0;
+    }
+    .setup-title {
+      font-weight: 600;
+    }
+    .setup-errors ul {
+      display: grid;
+      gap: 2px;
+      margin: 0;
+      padding: 0 0 0 16px;
+      min-width: 0;
+    }
+    .setup-errors code {
+      font-family: var(--font-mono);
+      font-size: 12.5px;
+      overflow-wrap: anywhere;
+    }
+    .setup-page {
+      margin-left: 6px;
+    }
     .search {
       position: relative;
       display: flex;
@@ -1385,6 +1445,22 @@ export class FormsInspector {
   readonly version = signal(0);
   readonly message = signal('');
 
+  readonly setupErrors = signal<FormSetupError[]>([]);
+  /** Setup errors of the pages the form list shows. */
+  readonly pageSetupErrors = computed(() => this.onShownPages(this.setupErrors()));
+  readonly setupErrorPages = computed(
+    () => new Set(this.pageSetupErrors().map((error) => error.pageId)).size > 1,
+  );
+  /** WebMCP state of the pages the form list shows, for the tools not linked to a form. */
+  readonly pageWebMcp = computed(() =>
+    this.onShownPages(this.webMcp()).filter((entry) => entry.tools.length),
+  );
+
+  private onShownPages<T extends { pageId?: string }>(entries: T[]): T[] {
+    const page = this.hostPageId;
+    return page && !this.allPages() ? entries.filter((entry) => entry.pageId === page) : entries;
+  }
+
   webMcpPage(formId: string): WebMcpPage | undefined {
     const page = pageOf(formId);
     return this.webMcp().find((entry) => entry.pageId === page);
@@ -1530,6 +1606,7 @@ export class FormsInspector {
         this.instrumented.set(snapshot?.instrumented ?? []);
         this.dropped.set(snapshot?.dropped ?? {});
         this.webMcp.set(snapshot?.webMcp ?? []);
+        this.setupErrors.set(snapshot?.setupErrors ?? []);
         this.version.update((v) => v + 1);
       };
       apply(state.value());
diff --git a/app/src/pages/forms-types.ts b/app/src/pages/forms-types.ts
index d97fc327..c24afbe0 100644
--- a/app/src/pages/forms-types.ts
+++ b/app/src/pages/forms-types.ts
@@ -81,6 +81,12 @@ export interface WebMcpPage {
   tools: WebMcpTool[];
 }
 
+/** An Angular forms error the page logged while setting up a form, such as `NG01203`. */
+export interface FormSetupError {
+  pageId: string;
+  message: string;
+}
+
 export function pageOf(formId: string): string {
   return formId.split('@')[1] ?? '';
 }
diff --git a/app/src/pages/forms-webmcp.ts b/app/src/pages/forms-webmcp.ts
index 816d5b56..c4ca6be5 100644
--- a/app/src/pages/forms-webmcp.ts
+++ b/app/src/pages/forms-webmcp.ts
@@ -2,6 +2,8 @@ import { DatePipe } from '@angular/common';
 import { Component, computed, input } from '@angular/core';
 import type { WebMcpPage, WebMcpTool } from './forms-types';
 
+let nextId = 0;
+
 const OUTCOMES: Record<string, string> = {
   running: 'running',
   submitted: 'submitted',
@@ -15,10 +17,10 @@ const OUTCOMES: Record<string, string> = {
   imports: [DatePipe],
   template: `
     @if (tool(); as tool) {
-      <section class="webmcp" aria-labelledby="forms-webmcp-title">
+      <section class="webmcp" [attr.aria-labelledby]="uid + '-title ' + uid + '-name'">
         <div class="head">
-          <h3 id="forms-webmcp-title" class="section-label">WebMCP tool</h3>
-          <code class="name">{{ tool.name }}</code>
+          <h3 [id]="uid + '-title'" class="section-label">WebMCP tool</h3>
+          <code class="name" [id]="uid + '-name'">{{ tool.name }}</code>
           <span class="state" [attr.data-state]="tool.status">{{ statusText() }}</span>
           @if (tool.duplicate) {
             <span class="state" data-state="failed">duplicate name</span>
@@ -216,6 +218,7 @@ const OUTCOMES: Record<string, string> = {
   `,
 })
 export class FormsWebMcp {
+  protected readonly uid = `forms-webmcp-${++nextId}`;
   tool = input<WebMcpTool | undefined>();
   page = input<WebMcpPage | undefined>();
   signalForm = input(false);
@@ -246,3 +249,105 @@ export class FormsWebMcp {
     return new Date(at).toISOString();
   }
 }
+
+/** WebMCP tools the page registered that the collector could not link to a form. */
+@Component({
+  selector: 'app-forms-webmcp-others',
+  imports: [FormsWebMcp],
+  template: `
+    @if (tools().length) {
+      <section class="others" aria-labelledby="forms-webmcp-others-title">
+        <h2 id="forms-webmcp-others-title">
+          Other WebMCP tools <span class="count">{{ tools().length }}</span>
+        </h2>
+        <p class="muted">
+          Tools registered on the page that are not linked to a form in the list, such as tools the
+          app registers itself.
+        </p>
+        <ul class="tools">
+          @for (entry of tools(); track $index) {
+            <li>
+              @if (manyPages()) {
+                <p class="page">
+                  Page <code>{{ entry.pageId }}</code>
+                </p>
+              }
+              <app-forms-webmcp [tool]="entry.tool" />
+            </li>
+          }
+        </ul>
+      </section>
+    }
+  `,
+  styles: `
+    @use 'mixins' as m;
+
+    :host {
+      display: block;
+    }
+    .others {
+      display: grid;
+      gap: 8px;
+      min-width: 0;
+      margin-top: 16px;
+      padding: 12px;
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      background: var(--surface);
+    }
+    h2 {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+      margin: 0;
+      color: var(--text-3);
+      font-size: 11px;
+      font-weight: 600;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+    .count {
+      padding: 0 6px;
+      border-radius: 99px;
+      background: var(--surface-3);
+      color: var(--text-2);
+      font-size: 11px;
+      letter-spacing: 0;
+      line-height: 18px;
+      font-variant-numeric: tabular-nums;
+    }
+    .muted,
+    .page {
+      margin: 0;
+      color: var(--text-2);
+      font-size: 13px;
+      line-height: 1.5;
+    }
+    code {
+      font-family: var(--font-mono);
+      font-size: 12.5px;
+      overflow-wrap: anywhere;
+    }
+    .tools {
+      display: grid;
+      gap: 8px;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+    .tools > li {
+      display: grid;
+      gap: 4px;
+      min-width: 0;
+    }
+  `,
+})
+export class FormsWebMcpOthers {
+  pages = input<WebMcpPage[]>([]);
+
+  readonly tools = computed(() =>
+    this.pages().flatMap((page) => page.tools.map((tool) => ({ tool, pageId: page.pageId }))),
+  );
+
+  readonly manyPages = computed(() => new Set(this.tools().map((t) => t.pageId)).size > 1);
+}
diff --git a/app/src/pages/network-inspector.ts b/app/src/pages/network-inspector.ts
index dfb1f90f..d7b00b47 100644
--- a/app/src/pages/network-inspector.ts
+++ b/app/src/pages/network-inspector.ts
@@ -153,6 +153,8 @@ interface PayloadEntry {
 
 interface HydrationMismatch {
   component: string;
+  /** `component` is a class name (`ProductCard`), not a node name (`app-card`). */
+  isClass?: boolean;
   expected?: string;
   actual?: string;
 }
@@ -1168,7 +1170,7 @@ const HTTP_STATUS_OPTIONS: SelectOption[] = [
             <ul class="plain mismatches">
               @for (m of h.mismatches; track $index) {
                 <li>
-                  <code>{{ '<' + m.component + '>' }}</code>
+                  <code>{{ m.isClass ? m.component : '<' + m.component + '>' }}</code>
                   @if (m.expected) {
                     <span class="mismatch-row"
                       ><span class="mismatch-label">Expected</span>
diff --git a/apps/docs/src/content/agents/tools.md b/apps/docs/src/content/agents/tools.md
index bd72a29f..51cb4ab4 100644
--- a/apps/docs/src/content/agents/tools.md
+++ b/apps/docs/src/content/agents/tools.md
@@ -184,7 +184,7 @@ When the hub is mounted, each finished call of an `action` or `destructive` tool
 
 ### Turn tools off
 
-The server decides which tools exist. Set `agent.readOnly` to keep only the `read` tools. `change-detection` reads a recording the panel started, and `audit` stays 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. `wait-for` stays while any of the Components, Router, SSR & HTTP, Errors and Forms inspectors is on, with only the conditions of the inspectors that are. A [plugin's own tools](#plugins) follow the same switches, with the tier the plugin declares. `actions.router` drops `navigate` and `probe-route` and keeps `record-guards` and `list-routes` with `resolveLazy`. 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` reads a recording the panel started, and its hints, like those of `diagnose-change-detection` and `audit`, name only **Record** in the panel. `audit` stays 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. `wait-for` stays while any of the Components, Router, SSR & HTTP, Errors and Forms inspectors is on, with only the conditions of the inspectors that are. A [plugin's own tools](#plugins) follow the same switches, with the tier the plugin declares. `actions.router` drops `navigate` and `probe-route` and keeps `record-guards` and `list-routes` with `resolveLazy`. See [Inspectors and agent tools](../getting-started/configuration.md#inspectors-and-agent-tools).
 
 ## Source scan
 
@@ -257,7 +257,7 @@ Without `page`, it lists the default page among the tabs that have a component t
 
 ### defer-blocks
 
-The `@defer` blocks of each page: the component that holds each one, its state, its incremental hydration state, its triggers and whether it has `@loading`, `@placeholder` and `@error` blocks. A **Needs attention** list names blocks that failed to load and blocks still on their placeholder after 10 seconds. A block whose triggers only wait for the user (`on viewport`, `on interaction` or `on hover`) is not listed there: its row notes that it is waiting for its trigger. Reads: page.
+The `@defer` blocks of each page: the component that holds each one, its state, its incremental hydration state, its triggers and whether it has `@loading`, `@placeholder` and `@error` blocks. A **Needs attention** list names blocks that failed to load and blocks still on their placeholder after 10 seconds. A block whose triggers only wait for the user (`on viewport`, `on interaction` or `on hover`) is not listed there: its row notes that it is waiting for its trigger. Times are counted on the page's clock, which the page sends with each report, so a page whose clock differs from the server's still gets the right age. Reads: page.
 
 It takes only `page`.
 
@@ -448,11 +448,14 @@ The signal graph the page reported: nodes (`signal`, `computed`, `linkedSignal`,
 
 | Argument    | Required | Value                                                                                                                                                        |
 | ----------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `component` | yes      | Host tag, class name or instance id of the component, like `app-root`. Or `root`, or a route path like `/admin` or `Route: admin`.                           |
+| `component` | one of   | Host tag, class name or instance id of the component, like `app-root`. Or `root`, or a route path like `/admin` or `Route: admin`.                           |
+| `selector`  | one of   | A CSS selector for a component host, like `app-card.featured`. The first match is read. At most 500 characters.                                              |
 | `node`      | no       | A node id or label. The answer holds only that node, or every node with that label, with its direct producers and consumers and their resources and history. |
 | `history`   | no       | `false` leaves out the value history. Defaults to `true`.                                                                                                    |
 | `framework` | no       | `false` leaves out the nodes Angular itself created (`framework: true`). Defaults to `true`.                                                                 |
 
+Pass `component` or `selector`, not both. When the graph the page last reported belongs to another component or injector, the tool asks the page for the one you named, once, and the Signals page keeps showing what it showed. A `component` the component tree knows is read by its first instance. A `component` it doesn't know answers with the graph the page reported and says what that graph covers. A `selector` that matches no component host is refused.
+
 The answer also holds:
 
 | Field            | Value                                                                                                                                    |
@@ -967,7 +970,7 @@ These tools cover *Analog apps. Most read your source. Some also read what the V
 
 | Tool                       | What it answers                                                                                                                                                                                                              | Reads       | Arguments                                                          |
 | -------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | ------------------------------------------------------------------ |
-| `analog-inspect-page`      | The open page: its files, the `load()` data it received, server rendering and hydration state, and hydration errors.                                                                                                         | page        | none                                                               |
+| `analog-inspect-page`      | The open page: its files (layouts first, then pages in named outlets with the outlet name), the `load()` data it received, server rendering and hydration state, and hydration errors.                                       | page        | none                                                               |
 | `analog-list-server-calls` | Recent page renders, `load()` fetches, form actions (with their outcome), server functions by name and API calls, with status, time and size. Flags a `load()` fetched twice and a seeded server function read called again. | Vite plugin | `kind` (`page`, `load`, `action`, `fn` or `api`), `route`, `limit` |
 
 ### Rendering
diff --git a/apps/docs/src/content/contributing/development.md b/apps/docs/src/content/contributing/development.md
index eccdf696..ac363408 100644
--- a/apps/docs/src/content/contributing/development.md
+++ b/apps/docs/src/content/contributing/development.md
@@ -158,7 +158,7 @@ pnpm commit:check                   # Commit messages on your branch
 
 `pnpm typecheck` runs `ngc` on `app/tsconfig.json` and `examples/analog/tsconfig.app.json`, so template errors fail it. `app/tsconfig.json` turns on `strictTemplates`.
 
-`pnpm test:panel` runs the tests in `app/src/__tests__` in jsdom, with the Analog Angular plugin compiling the components. `pnpm test:axe` builds the package, writes a static report of Angular Travel to `dist/panel-axe`, serves it, and runs axe on every tab and on each hub view (`?view=ngrx`, `analog`, `nativescript`, `capacitor`) in both dark and light color schemes. It fails on any violation or page error. Run `pnpm exec playwright install chromium` once before the first run.
+`pnpm test:panel` runs the tests in `app/src/__tests__` in jsdom, with the Analog Angular plugin compiling the components. `pnpm test:axe` builds the package, writes a static report of Angular Travel to `dist/panel-axe`, serves it, and runs axe on every tab and on each hub view (`?view=ngrx`, `analog`, `nativescript`, `capacitor`) in both dark and light color schemes. It also checks each tab's states: a filter that matches nothing in every search box, a project whose source scans come back empty, a server that answers every call with an error, and a server that has not answered yet. Seeded pages stand in for a live app on the Capacitor, Errors, Plugins, Queries and Forms tabs, and for long lists on Components and **SSR & HTTP**. It fails on any violation, page error or state that does not show. Run `pnpm exec playwright install chromium` once before the first run.
 
 `pnpm skills:check` validates the frontmatter of every skill and role and checks that the files and links they mention exist. `pnpm commit:check` checks every commit on your branch that is not on `main` (it compares with `upstream/main`, then `origin/main`, then `main`).
 
@@ -189,6 +189,8 @@ pnpm commit:check                   # Commit messages on your branch
 
 A separate `axe` job in the same workflow installs Chromium and runs `pnpm test:axe`. A `node-22` job runs `pnpm test:devtools` on the newest Node.js 22, the oldest major `engines.node` (`>=22.12.0`) allows.
 
+The source tests can't run on Node.js 22.12 itself: Node.js runs `.ts` files only from 22.18, and the build tools need newer versions too. So when a pull request or push changes `packages/devtools`, `app`, the root manifests, the lockfile, `.nvmrc` or the CI setup, the `engines-floor` job (**Packed package on Node.js 22.12**) packs the package on the `.nvmrc` version, switches to Node.js 22.12.0 and installs the tarball into an empty project with npm. It then runs `npx pangular --version`, imports the `cli`, `hub`, `ssr` and `vite` entry points, and loads the `hub` entry with `require()`. When `engines.node` changes, change the version in that job too.
+
 Two more jobs run when a pull request or push changes `packages/devtools`, `app`, `e2e`, the lockfile or their scripts. `Security e2e` builds the package and runs `pnpm e2e:security`, the redaction and access checks. `MCP e2e` runs `pnpm e2e:mcp`, which builds the package and the SSR demo, then calls every agent tool, resource and prompt and compares the list with the agent tools page.
 
 ### End-to-end scripts
diff --git a/apps/docs/src/content/guides/inspect-fix-verify.md b/apps/docs/src/content/guides/inspect-fix-verify.md
index 3e67e77e..658f3787 100644
--- a/apps/docs/src/content/guides/inspect-fix-verify.md
+++ b/apps/docs/src/content/guides/inspect-fix-verify.md
@@ -57,7 +57,7 @@ Call `list-pages`. If more than one tab reports, pass its id as `page` to every
 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"}}
+{"tool": "pangular:record-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.
@@ -104,7 +104,7 @@ Call `open-in-panel` with `tab: "audit"` to give the user a link to the same lis
 ## 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.
+  With <code>agent.readOnly</code>, <code>audit</code> has no <code>axe</code> argument and <code>record-change-detection</code> is not registered. 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.
diff --git a/apps/docs/src/content/inspectors/analog.md b/apps/docs/src/content/inspectors/analog.md
index 38af57a6..c6555217 100644
--- a/apps/docs/src/content/inspectors/analog.md
+++ b/apps/docs/src/content/inspectors/analog.md
@@ -48,6 +48,8 @@ The summary at the top shows the Analog version, and the number of pages, API ro
 
 Every page (`.page.ts`, `.page.analog` or `.page.ag`), layout and markdown file with its URL, route groups, `[param]` and catch-all segments, `.server.ts` files and `routeMeta`.
 
+The pages that render the URL open in the browser show an **open** pill. A page in a named outlet, such as `<router-outlet name="sidebar">`, shows the outlet name too, like **open in sidebar**.
+
 Type a URL into **Test a URL** and click **Explain** to see which files render it: the layout chain, the page and its params. A URL that matches nothing gets the closest candidates. The result names the URL it explains, so it stays correct while you type the next one. If the devtools server does not answer, the result says so.
 
 ### Server
diff --git a/apps/docs/src/content/inspectors/components.md b/apps/docs/src/content/inspectors/components.md
index 40adb112..39aa33a5 100644
--- a/apps/docs/src/content/inspectors/components.md
+++ b/apps/docs/src/content/inspectors/components.md
@@ -143,7 +143,18 @@ Set [`actions.components`](../getting-started/configuration.md#actions) to `fals
 
 When the page renders `@defer` blocks, a **Defer blocks** list follows the tree. Each row shows the component whose template holds the block, its state (`placeholder`, `loading`, `complete` or `error`) and its triggers. With [incremental hydration](https://angular.dev/guide/incremental-hydration), a row also shows `dehydrated` or `hydrated`, and a **hydrate never** flag marks a block that stays as server HTML.
 
-Hover or focus a row to highlight the block in the page. Click it to select the component that holds it. The list is hidden when the page renders no defer blocks, or when its Angular version has no util to read them.
+A row also carries the notes the [`defer-blocks`](../agents/tools.md#defer-blocks) tool prints. Hover a note to read it in full.
+
+| Badge                | Meaning                                                                                                      |
+| -------------------- | ------------------------------------------------------------------------------------------------------------ |
+| **failed**           | The block failed to load.                                                                                    |
+| **stuck** _N_ s      | The block has been on its placeholder for 10 seconds or more.                                                |
+| **waiting** _N_ s    | The same, for a block whose triggers only wait for the user (`on viewport`, `on interaction` or `on hover`). |
+| **&#64;error block** | The block has an `@error` block.                                                                             |
+
+When the block sets times, the row lists them, such as `placeholder min 500ms · loading after 100ms, min 1s`. Ages are counted on the page's clock, so a page on another device with its clock set wrong still shows the right age. The panel counts on from its own clock, so it assumes the panel and the server agree on the time, as they do when both run on one machine. A screen reader reads the badge as **stuck** or **waiting** without the seconds, so the row's name does not change while the age counts up.
+
+Hover or focus a row to highlight the block in the page. A block with several root elements gets one box around all of them. Click it to select the component that holds it. The list is hidden when the page renders no defer blocks, or when its Angular version has no util to read them.
 
 The list holds the first 500 blocks of a page. When the page has more, the count reads **500+**.
 
@@ -178,7 +189,7 @@ The list needs Angular 22.0 or later in a development build. On an older Angular
 
 ### Change detection
 
-Below the tree and the defer blocks, the **Change detection** section records change detection cycles with Angular's profiler. Click **Record**, use the app, then click **Stop recording**. A check is a component whose template Angular ran. A clean OnPush component that Angular only walked past is not a check, and neither is the second pass that development builds run to catch `ExpressionChangedAfterItHasBeenChecked` errors. The flash overlay and the Performance panel track count the same way. **Clear** empties the recording. Each new recording starts empty, but a start sent while the page records, such as an agent's `record: "start"`, keeps the cycles recorded so far.
+Below the tree and the defer blocks, the **Change detection** section records change detection cycles with Angular's profiler. Click **Record**, use the app, then click **Stop recording**. A check is a component whose template Angular ran. A clean OnPush component that Angular only walked past is not a check, and neither is the second pass that development builds run to catch `ExpressionChangedAfterItHasBeenChecked` errors. The flash overlay and the Performance panel track count the same way. **Clear** empties the recording. Each new recording starts empty, but a start sent while the page records, such as an agent's `record-change-detection` call with `record: "start"`, keeps the cycles recorded so far. **Record** and **Stop recording** wait up to 3 seconds for the page to report the recording on or off before they announce it. If no report comes, the status says the page did not confirm, and the button keeps the state the page last reported.
 
 - **Cycles**: a bar chart with one bar per recorded cycle, its height the cycle's duration. A line marks the 16.6 ms frame budget (one frame at 60 frames per second). A cycle over the budget has a striped bar, a triangle under it, and says "over budget" in its tooltip and in the table. Hover or focus a bar to see the cycle number, duration, output trigger, checks and its three slowest components.
 - **Spans in the picked cycles**: when the page reports timed spans, a flame graph of the picked cycles. Time runs left to right, cycle after cycle with the idle time between them left out, and a span nested in another sits one row lower. Each span is a component check (solid), a lifecycle hook (stripes), an `afterRender` callback (dots) or the output listener that triggered the cycle (lines, drawn before the cycle's start), with a key under the graph. Hover or focus a span to read its total and self time. The arrow keys move along a row, **Up** goes to the enclosing span and **Down** to the first nested one. **Enter** or a click on a component, hook or output selects that component in the tree. **Show the spans as a table** lists the same spans. The graph shows at most 30 cycles; pick a smaller range when more are picked.
diff --git a/apps/docs/src/content/inspectors/forms.md b/apps/docs/src/content/inspectors/forms.md
index e02f0ca7..63d800de 100644
--- a/apps/docs/src/content/inspectors/forms.md
+++ b/apps/docs/src/content/inspectors/forms.md
@@ -21,6 +21,8 @@ The sidebar lists each form with its label, its kind (**Signal Forms**, **Reacti
 
 Select a form to see its status, whether it is dirty or touched, whether it was submitted or is submitting, and an **Error summary**.
 
+If Angular logs a forms setup error on the page, such as `NG01203` (no value accessor) or `NG01050` (`formControlName` without a parent `formGroup`), a notice above the list shows each message. A form with a setup error can be missing from the list. The notice follows the **All pages** setting, and names the page of each error when it shows more than one page.
+
 Click an entry in the **Error summary** to open that field. The tab switches to the **Fields** view, opens the field's [details](#field-details) and moves focus to them. If the path filter or the chips hide the field, the tab clears them, the filter first and the chips only if the field is still hidden.
 
 ### WebMCP tool
@@ -40,6 +42,8 @@ Agent calls set the value and submit the form. Those changes show in the timelin
 
 If the app provides `provideExperimentalWebMcpForms()` but the browser has no `modelContext`, Angular registers no tool. The block says so instead.
 
+A tool the overlay cannot link to a form, such as a tool the app registers with `modelContext.registerTool` itself, shows under **Other WebMCP tools** below the forms, with the same parts. The section appears only when the page has such a tool, and it follows the **All pages** setting.
+
 ### Fields view
 
 Each field shows its value, status, touched and dirty state, and errors. Extra facts depend on the kind:
@@ -237,7 +241,7 @@ In `user` mode, a write to a `date`, `datetime-local`, `time`, `month` or `week`
 
 ### WebMCP is best effort
 
-`experimentalWebMcpTool` is experimental in Angular. The overlay wraps `modelContext.registerTool` when it loads, so it records registrations and calls from then on. The overlay has no hook that runs before your app. For a tool registered earlier, it reads the browser's tool list when the browser offers one (`getTools()` or `listTools()`), and the block says **registered before the inspector attached**. Calls to those tools are not recorded. If the browser offers no tool list, a form that registered before the overlay loaded shows no **WebMCP tool** block. To see every registration and call, register the form after the overlay loads, for example on a route you open later. The overlay links a tool to its form by its input schema, or by the form an agent call submits. A tool it cannot link shows in the `inspect-forms` output under **WebMCP**.
+`experimentalWebMcpTool` is experimental in Angular. The overlay wraps `modelContext.registerTool` when it loads, so it records registrations and calls from then on. The overlay has no hook that runs before your app. For a tool registered earlier, it reads the browser's tool list when the browser offers one (`getTools()` or `listTools()`), and the block says **registered before the inspector attached**. Calls to those tools are not recorded. If the browser offers no tool list, a form that registered before the overlay loaded shows no **WebMCP tool** block. To see every registration and call, register the form after the overlay loads, for example on a route you open later. The overlay links a tool to its form by its input schema, or by the form an agent call submits. A tool it cannot link shows under **Other WebMCP tools** in the tab, and in the `inspect-forms` output under **WebMCP**.
 
 ### Try WebMCP in the demo
 
diff --git a/apps/docs/src/content/inspectors/router.md b/apps/docs/src/content/inspectors/router.md
index 26cde9a5..db593b4a 100644
--- a/apps/docs/src/content/inspectors/router.md
+++ b/apps/docs/src/content/inspectors/router.md
@@ -226,7 +226,7 @@ The tab lists only the last one, marked **before Pangular Inspector connected**,
 
 ### Redaction
 
-The devtools replace query, matrix and fragment values with secret-looking keys with `[redacted]`. They also redact tokens, `Bearer` values, and route params with secret-looking names such as `:token`. You can't replay a navigation with a redacted URL. See [what the devtools redact](../security.md).
+The devtools replace query, matrix and fragment values with secret-looking keys with `[redacted]`. They also redact tokens, `Bearer` values, and route params with secret-looking names such as `:token`, in the primary outlet and in named outlets. You can't replay a navigation with a redacted URL. See [what the devtools redact](../security.md).
 
 ### History and config caps
 
diff --git a/apps/docs/src/content/inspectors/signals.md b/apps/docs/src/content/inspectors/signals.md
index 57752f5f..64f3a14a 100644
--- a/apps/docs/src/content/inspectors/signals.md
+++ b/apps/docs/src/content/inspectors/signals.md
@@ -229,7 +229,7 @@ Entries are sampled instead of exact in these cases:
 
 ### Switch the graph from an agent
 
-The `pangular:highlight` tool also switches the graph to the component it highlights. The picker does not show that choice. Calling `pangular:inspect-signals` with `root` or a route path reads that injector's graph once and does not change what the Signals page shows.
+The `pangular:highlight` tool also switches the graph to the component it highlights. The picker does not show that choice. Calling `pangular:inspect-signals` with `root`, a route path, a component the page is not showing, or a CSS `selector` for a component host reads that injector's graph once and does not change what the Signals page shows.
 
 ### Find a stuck effect in a root service
 
@@ -244,15 +244,15 @@ The `pangular:highlight` tool also switches the graph to the component it highli
 
 ## Agent tools
 
-| Tool or resource           | Kind     | What it does                                                                                                                       |
-| -------------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------- |
-| `pangular:scan-signals`    | tool     | Signal declarations from source, with signal inputs, models and queries. Pages through a large project with `filter` and `offset`. |
-| `pangular:inspect-signals` | tool     | The graph the page reported, with edges, resources and history. Takes a host tag, class name, instance id, `root` or a route path. |
-| `pangular:watch-signal`    | tool     | Watches a signal and turns write stacks on or off on a page.                                                                       |
-| `pangular:highlight`       | tool     | Highlights a component and makes it the target of the graph.                                                                       |
-| `pangular:signal-graph`    | resource | The live graph per page.                                                                                                           |
+| Tool or resource           | Kind     | What it does                                                                                                                                                  |
+| -------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `pangular:scan-signals`    | tool     | Signal declarations from source, with signal inputs, models and queries. Pages through a large project with `filter` and `offset`.                            |
+| `pangular:inspect-signals` | tool     | The graph of a component or injector, with edges, resources and history. Takes a host tag, class name, instance id, `root`, a route path or a CSS `selector`. |
+| `pangular:watch-signal`    | tool     | Watches a signal and turns write stacks on or off on a page.                                                                                                  |
+| `pangular:highlight`       | tool     | Highlights a component and makes it the target of the graph.                                                                                                  |
+| `pangular:signal-graph`    | resource | The live graph per page.                                                                                                                                      |
 
-`inspect-signals` returns the graph of the chosen component. Call `highlight` first to switch it to another component. See [Tools](../agents/tools.md).
+`inspect-signals` reads the graph of the component or injector you name, without switching the Signals page. Call `highlight` to switch the page itself. See [Tools](../agents/tools.md).
 
 ## Limits and gotchas
 
@@ -268,6 +268,10 @@ Signals join the graph when a template or an effect reads them. If a signal is m
 
 The graph shows up to 400 nodes. When Angular reports more, a notice says **Showing 400 of N signals**, and the edges to the rest are left out. The drawing holds up to 120 nodes. Past that, it draws the selected node and as much of its chain as fits, or the first 120 nodes when none is selected, and says **Drawing N of M signals**. The history keeps 50 entries per signal, and the **N changes** count keeps counting past that.
 
+### Secret form fields are masked
+
+A Signal Forms field keeps its value in a signal with no name, which the graph shows as a `computed` or `linkedSignal` node without a label. When the field is secret (by name, `type="password"`, a credential `autocomplete` or a mask marker), that node, any other node that holds the value, and their history show `[redacted]`. See [Access and redaction](../security.md#components-signals-ngrx-and-pipes).
+
 ### Injector graphs hold effects only
 
 The root and route graphs start from the effects registered on that injector. A signal in a root service that no effect reads doesn't appear there. It appears in the graph of a component whose template reads it.
diff --git a/apps/docs/src/content/inspectors/ssr-http.md b/apps/docs/src/content/inspectors/ssr-http.md
index 176f3a0d..e629d855 100644
--- a/apps/docs/src/content/inspectors/ssr-http.md
+++ b/apps/docs/src/content/inspectors/ssr-http.md
@@ -180,7 +180,7 @@ The Prerender fallback mode can't be forced. The engine reads render modes from
 - **App stable after**: the time from navigation start until the app first became stable, which is when hydration is done. It needs `providePangularHttp()`.
 - Hydrated components and nodes, skipped components, and incremental defer blocks. When a `@defer (hydrate on interaction)` or `(hydrate on hover)` block hydrates, the tab counts its nodes again right away. Blocks with other hydrate triggers show up with the next update.
 - DOM nodes hydrated and skipped, and `ngSkipHydration` hosts.
-- Mismatched components, with the expected and actual DOM.
+- Mismatched components, with the expected and actual DOM. A mismatch is named by its component class, such as `ProductCard`, or by the node name (`app-card`, `#text`) when the node hosts no component.
 - The hydration warnings (NG05xx) Angular logged in the browser.
 
 ### TransferState payload
diff --git a/apps/docs/src/content/security.md b/apps/docs/src/content/security.md
index 8612014e..d0853bd0 100644
--- a/apps/docs/src/content/security.md
+++ b/apps/docs/src/content/security.md
@@ -297,7 +297,7 @@ These are replaced with `[redacted]` in URLs, params, data and messages:
 - URL passwords, `Authorization` credentials, JWTs, bearer tokens and long opaque tokens,
 - route params with secret-looking names.
 
-A secret route param is known from the route config before a navigation is recognized, so link targets and a navigation that was already running when the overlay attached are masked too. A navigation that fails before that (for example inside a lazy route that failed to load) can still show it in its URL. JWTs are masked before long values are cut, so a long token never leaves a readable start behind.
+A secret route param is known from the route config before a navigation is recognized, so link targets and a navigation that was already running when the overlay attached are masked too. This covers routes in every outlet, so the token in `/(side:reset/:token)` is masked like the one in `/reset/:token`. A navigation that fails before that (for example inside a lazy route that failed to load) can still show it in its URL. JWTs are masked before long values are cut, so a long token never leaves a readable start behind.
 
 <ngmd-alert severity="info">
   A navigation whose URL was redacted cannot be replayed.
@@ -313,6 +313,8 @@ TanStack Query keys and mutation variables have positional parts with no name to
 
 Component values follow the form masks of the fields in the component, not only their names. When a form field in the component's template is masked by its element (a password field, a credential `autocomplete`, `data-pangular="mask"` or another mask marker), its value is replaced with `[redacted]` wherever it shows in the component's inputs and properties: the `FormGroup` that holds it, the `ngModel` model object and the Signal Forms model. Values such a field held earlier stay masked too (the last 50 on the page).
 
+Signal graphs follow the same form masks. Signal Forms keeps each field's value in a signal of its own, which has no name, so the name rules can't see it. The page masks those values by value instead, before the graph leaves it: the values of the masked fields in the component's template, and of the Signal Forms fields of the component whose name looks secret, or matches `redaction.secretNames`, also when the template doesn't bind them. Such a value shows as `[redacted]` in every node, resource and history entry of the graph, as a whole value and inside objects and strings, and values the fields held earlier stay masked too (the last 50 on the page). This holds for the graph the Signals page shows, for `inspect-signals` and `watch-signal`, the `signal-graph` resource, WebMCP and the static report. Root and route injector graphs mask the values the page already knows as secret. Fields named in `unmask` or marked `data-pangular="unmask"` stay readable.
+
 NgRx signal store method calls in the change log mask their arguments. When the call writes a state key whose name looks secret, at any depth, every argument shows as `[redacted]`, for that call, its earlier entries and every later call of the method. A method that returns a promise counts as making the writes that follow its `await` until the promise settles: if such a write touches a secret key, the arguments of every call of the store still running are masked, also in the entries the panel already received. An `rxMethod` stream returns no promise, so a secret it writes later doesn't mask the arguments it was called with. Otherwise an argument whose parameter name looks secret (`password` in `login(email, password)`) is masked, and values the store holds under secret keys are cut out of the other arguments. The URL and title of the NgRx page, and the request URL of an `httpResource`, are redacted like router URLs.
 
 The **Components** tab and the `set-component-property` and `set-signal` tools never write a value you could not see: a name on the path that looks secret, or a value that shows `[redacted]` anywhere, is refused. Write a field next to a secret instead of the object that holds it. See [Editing values](./inspectors/components.md#editing-values).
diff --git a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-DUv2cyy-.js b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-CA8CCnXn.js
similarity index 93%
rename from extension/ui/assets/browser-agent-rpc-BXhoSh1z-DUv2cyy-.js
rename to extension/ui/assets/browser-agent-rpc-BXhoSh1z-CA8CCnXn.js
index 31ff7eba..0b1c23a3 100644
--- a/extension/ui/assets/browser-agent-rpc-BXhoSh1z-DUv2cyy-.js
+++ b/extension/ui/assets/browser-agent-rpc-BXhoSh1z-CA8CCnXn.js
@@ -1 +1 @@
-import{t as e}from"./index-CLuERur2.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-CgBAozdh.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-CLuERur2.js b/extension/ui/assets/index-CgBAozdh.js
similarity index 63%
rename from extension/ui/assets/index-CLuERur2.js
rename to extension/ui/assets/index-CgBAozdh.js
index f62f5e15..4906ce7e 100644
--- a/extension/ui/assets/index-CLuERur2.js
+++ b/extension/ui/assets/index-CgBAozdh.js
@@ -1,14 +1,14 @@
-(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),t.credentials=e.crossOrigin===`use-credentials`?`include`:e.crossOrigin===`anonymous`?`omit`:`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,i=(t,n,r)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[n]=r,a=(e,a)=>{for(var o in a||={})n.call(a,o)&&i(e,o,a[o]);if(t)for(var o of t(a))r.call(a,o)&&i(e,o,a[o]);return e},o=(e,t,n)=>(i(e,typeof t==`symbol`?t:t+``,n),n),s=globalThis;function c(e){let t=s.__Zone_symbol_prefix;return(typeof t==`string`?t:`__zone_symbol__`)+e}function l(){let e=s.performance;function t(t){e&&e.mark&&e.mark(t)}function n(t,n){e&&e.measure&&e.measure(t,n)}t(`Zone`);let r=class e{constructor(e,t){o(this,`_parent`),o(this,`_name`),o(this,`_properties`),o(this,`_zoneDelegate`),this._parent=e,this._name=t?t.name||`unnamed`:`<root>`,this._properties=t&&t.properties||{},this._zoneDelegate=new l(this,this._parent&&this._parent._zoneDelegate,t)}static assertZonePatched(){if(s.Promise!==pe.ZoneAwarePromise)throw Error("Zone.js has detected that ZoneAwarePromise `(window|global).Promise` has been overwritten.\nMost likely cause is that a Promise polyfill has been loaded after Zone.js (Polyfilling Promise api is not necessary when zone.js is loaded. If you must load one, do so before loading zone.js.)")}static get root(){let t=e.current;for(;t.parent;)t=t.parent;return t}static get current(){return he.zone}static get currentTask(){return ge}static __load_patch(r,i,a=!1){if(Object.hasOwn(pe,r)){let e=s[c(`forceDuplicateZoneCheck`)]===!0;if(!a&&e)throw Error(`Already loaded patch: `+r)}else if(!s[`__Zone_disable_`+r]){let a=`Zone:`+r;t(a),pe[r]=i(s,e,me),n(a,a)}}get parent(){return this._parent}get name(){return this._name}get(e){let t=this.getZoneWith(e);if(t)return t._properties[e]}getZoneWith(e){let t=this;for(;t;){if(Object.hasOwn(t._properties,e))return t;t=t._parent}return null}fork(e){if(!e)throw Error(`ZoneSpec required!`);return this._zoneDelegate.fork(this,e)}wrap(e,t){if(typeof e!=`function`)throw Error(`Expecting function got: `+e);let n=this._zoneDelegate.intercept(this,e,t),r=this;return function(){return r.runGuarded(n,this,arguments,t)}}run(e,t,n,r){he={parent:he,zone:this};try{return this._zoneDelegate.invoke(this,e,t,n,r)}finally{he=he.parent}}runGuarded(e,t=null,n,r){he={parent:he,zone:this};try{try{return this._zoneDelegate.invoke(this,e,t,n,r)}catch(e){if(this._zoneDelegate.handleError(this,e))throw e}}finally{he=he.parent}}runTask(e,t,n){if(e.zone!=this)throw Error(`A task can only be run in the zone of creation! (Creation: `+(e.zone||re).name+`; Execution: `+this.name+`)`);let r=e,{type:i,data:{isPeriodic:a=!1,isRefreshable:o=!1}={}}=e;if(e.state===ie&&(i===fe||i===de))return;let s=e.state!=se;s&&r._transitionTo(se,oe);let c=ge;ge=r,he={parent:he,zone:this};try{i==de&&e.data&&!a&&!o&&(e.cancelFn=void 0);try{return this._zoneDelegate.invokeTask(this,r,t,n)}catch(e){if(this._zoneDelegate.handleError(this,e))throw e}}finally{let t=e.state;if(t!==ie&&t!==le){if(i==fe||a||o&&t===ae)s&&r._transitionTo(oe,se,ae);else{let e=r._zoneDelegates;this._updateTaskCount(r,-1),s&&r._transitionTo(ie,se,ie),o&&(r._zoneDelegates=e)}}he=he.parent,ge=c}}scheduleTask(e){if(e.zone&&e.zone!==this){let t=this;for(;t;){if(t===e.zone)throw Error(`can not reschedule task to ${this.name} which is descendants of the original zone ${e.zone.name}`);t=t.parent}}e._transitionTo(ae,ie);let t=[];e._zoneDelegates=t,e._zone=this;try{e=this._zoneDelegate.scheduleTask(this,e)}catch(t){throw e._transitionTo(le,ae,ie),this._zoneDelegate.handleError(this,t),t}return e._zoneDelegates===t&&this._updateTaskCount(e,1),e.state==ae&&e._transitionTo(oe,ae),e}scheduleMicroTask(e,t,n,r){return this.scheduleTask(new u(ue,e,t,n,r,void 0))}scheduleMacroTask(e,t,n,r,i){return this.scheduleTask(new u(de,e,t,n,r,i))}scheduleEventTask(e,t,n,r,i){return this.scheduleTask(new u(fe,e,t,n,r,i))}cancelTask(e){if(e.zone!=this)throw Error(`A task can only be cancelled in the zone of creation! (Creation: `+(e.zone||re).name+`; Execution: `+this.name+`)`);if(e.state===oe||e.state===se){e._transitionTo(ce,oe,se);try{this._zoneDelegate.cancelTask(this,e)}catch(t){throw e._transitionTo(le,ce),this._zoneDelegate.handleError(this,t),t}return this._updateTaskCount(e,-1),e._transitionTo(ie,ce),e.runCount=-1,e}}_updateTaskCount(e,t){let n=e._zoneDelegates;t==-1&&(e._zoneDelegates=null);for(let r=0;r<n.length;r++)n[r]._updateTaskCount(e.type,t)}};o(r,`__symbol__`,c);let i=r,a={name:``,onHasTask:(e,t,n,r)=>e.hasTask(n,r),onScheduleTask:(e,t,n,r)=>e.scheduleTask(n,r),onInvokeTask:(e,t,n,r,i,a)=>e.invokeTask(n,r,i,a),onCancelTask:(e,t,n,r)=>e.cancelTask(n,r)};class l{constructor(e,t,n){o(this,`_zone`),o(this,`_taskCounts`,{microTask:0,macroTask:0,eventTask:0}),o(this,`_forkDlgt`),o(this,`_forkZS`),o(this,`_forkCurrZone`),o(this,`_interceptDlgt`),o(this,`_interceptZS`),o(this,`_interceptCurrZone`),o(this,`_invokeDlgt`),o(this,`_invokeZS`),o(this,`_invokeCurrZone`),o(this,`_handleErrorDlgt`),o(this,`_handleErrorZS`),o(this,`_handleErrorCurrZone`),o(this,`_scheduleTaskDlgt`),o(this,`_scheduleTaskZS`),o(this,`_scheduleTaskCurrZone`),o(this,`_invokeTaskDlgt`),o(this,`_invokeTaskZS`),o(this,`_invokeTaskCurrZone`),o(this,`_cancelTaskDlgt`),o(this,`_cancelTaskZS`),o(this,`_cancelTaskCurrZone`),o(this,`_hasTaskDlgt`),o(this,`_hasTaskDlgtOwner`),o(this,`_hasTaskZS`),o(this,`_hasTaskCurrZone`),this._zone=e,this._forkZS=n&&(n&&n.onFork?n:t._forkZS),this._forkDlgt=n&&(n.onFork?t:t._forkDlgt),this._forkCurrZone=n&&(n.onFork?this._zone:t._forkCurrZone),this._interceptZS=n&&(n.onIntercept?n:t._interceptZS),this._interceptDlgt=n&&(n.onIntercept?t:t._interceptDlgt),this._interceptCurrZone=n&&(n.onIntercept?this._zone:t._interceptCurrZone),this._invokeZS=n&&(n.onInvoke?n:t._invokeZS),this._invokeDlgt=n&&(n.onInvoke?t:t._invokeDlgt),this._invokeCurrZone=n&&(n.onInvoke?this._zone:t._invokeCurrZone),this._handleErrorZS=n&&(n.onHandleError?n:t._handleErrorZS),this._handleErrorDlgt=n&&(n.onHandleError?t:t._handleErrorDlgt),this._handleErrorCurrZone=n&&(n.onHandleError?this._zone:t._handleErrorCurrZone),this._scheduleTaskZS=n&&(n.onScheduleTask?n:t._scheduleTaskZS),this._scheduleTaskDlgt=n&&(n.onScheduleTask?t:t._scheduleTaskDlgt),this._scheduleTaskCurrZone=n&&(n.onScheduleTask?this._zone:t._scheduleTaskCurrZone),this._invokeTaskZS=n&&(n.onInvokeTask?n:t._invokeTaskZS),this._invokeTaskDlgt=n&&(n.onInvokeTask?t:t._invokeTaskDlgt),this._invokeTaskCurrZone=n&&(n.onInvokeTask?this._zone:t._invokeTaskCurrZone),this._cancelTaskZS=n&&(n.onCancelTask?n:t._cancelTaskZS),this._cancelTaskDlgt=n&&(n.onCancelTask?t:t._cancelTaskDlgt),this._cancelTaskCurrZone=n&&(n.onCancelTask?this._zone:t._cancelTaskCurrZone),this._hasTaskZS=null,this._hasTaskDlgt=null,this._hasTaskDlgtOwner=null,this._hasTaskCurrZone=null;let r=n&&n.onHasTask,i=t&&t._hasTaskZS;(r||i)&&(this._hasTaskZS=r?n:a,this._hasTaskDlgt=t,this._hasTaskDlgtOwner=this,this._hasTaskCurrZone=this._zone,n.onScheduleTask||(this._scheduleTaskZS=a,this._scheduleTaskDlgt=t,this._scheduleTaskCurrZone=this._zone),n.onInvokeTask||(this._invokeTaskZS=a,this._invokeTaskDlgt=t,this._invokeTaskCurrZone=this._zone),n.onCancelTask||(this._cancelTaskZS=a,this._cancelTaskDlgt=t,this._cancelTaskCurrZone=this._zone))}get zone(){return this._zone}fork(e,t){return this._forkZS?this._forkZS.onFork(this._forkDlgt,this.zone,e,t):new i(e,t)}intercept(e,t,n){return this._interceptZS?this._interceptZS.onIntercept(this._interceptDlgt,this._interceptCurrZone,e,t,n):t}invoke(e,t,n,r,i){return this._invokeZS?this._invokeZS.onInvoke(this._invokeDlgt,this._invokeCurrZone,e,t,n,r,i):t.apply(n,r)}handleError(e,t){return!this._handleErrorZS||this._handleErrorZS.onHandleError(this._handleErrorDlgt,this._handleErrorCurrZone,e,t)}scheduleTask(e,t){let n=t;if(this._scheduleTaskZS)this._hasTaskZS&&n._zoneDelegates.push(this._hasTaskDlgtOwner),n=this._scheduleTaskZS.onScheduleTask(this._scheduleTaskDlgt,this._scheduleTaskCurrZone,e,t),n||=t;else if(t.scheduleFn)t.scheduleFn(t);else if(t.type==ue)te(t);else throw Error(`Task is missing scheduleFn.`);return n}invokeTask(e,t,n,r){return this._invokeTaskZS?this._invokeTaskZS.onInvokeTask(this._invokeTaskDlgt,this._invokeTaskCurrZone,e,t,n,r):t.callback.apply(n,r)}cancelTask(e,t){let n;if(this._cancelTaskZS)n=this._cancelTaskZS.onCancelTask(this._cancelTaskDlgt,this._cancelTaskCurrZone,e,t);else{if(!t.cancelFn)throw Error(`Task is not cancelable`);n=t.cancelFn(t)}return n}hasTask(e,t){try{this._hasTaskZS&&this._hasTaskZS.onHasTask(this._hasTaskDlgt,this._hasTaskCurrZone,e,t)}catch(t){this.handleError(e,t)}}_updateTaskCount(e,t){let n=this._taskCounts,r=n[e],i=n[e]=r+t;if(i<0)throw Error(`More tasks executed then were scheduled.`);if(r==0||i==0){let t={microTask:n.microTask>0,macroTask:n.macroTask>0,eventTask:n.eventTask>0,change:e};this.hasTask(this._zone,t)}}}class u{constructor(e,t,n,r,i,a){if(o(this,`type`),o(this,`source`),o(this,`invoke`),o(this,`callback`),o(this,`data`),o(this,`scheduleFn`),o(this,`cancelFn`),o(this,`_zone`,null),o(this,`runCount`,0),o(this,`_zoneDelegates`,null),o(this,`_state`,`notScheduled`),this.type=e,this.source=t,this.data=r,this.scheduleFn=i,this.cancelFn=a,!n)throw Error(`callback is not defined`);this.callback=n;let c=this;this.invoke=e===fe&&r&&r.useG?u.invokeTask:function(){return u.invokeTask.call(s,c,this,arguments)}}static invokeTask(e,t,n){e||=this,_e++;try{return e.runCount++,e.zone.runTask(e,t,n)}finally{try{_e===1&&!s[m]&&ne()}finally{_e--}}}get zone(){return this._zone}get state(){return this._state}cancelScheduleRequest(){this._transitionTo(ie,ae)}_transitionTo(e,t,n){if(this._state===t||this._state===n)this._state=e,e==ie&&(this._zoneDelegates=null);else throw Error(`${this.type} '${this.source}': can not transition to '${e}', expecting state '${t}'${n?` or '`+n+`'`:``}, was '${this._state}'.`)}toString(){return this.data&&this.data.handleId!==void 0?this.data.handleId.toString():Object.prototype.toString.call(this)}toJSON(){return{type:this.type,state:this.state,source:this.source,zone:this.zone.name,runCount:this.runCount}}}let d=c(`setTimeout`),f=c(`Promise`),p=c(`then`),m=c(`enable_native_microtask_draining`),h=[],g=!1,_;function ee(e){!_&&s[f]&&(_=s[f].resolve(0)),_?(_[p]??_.then).call(_,e):s[d](e,0)}function te(e){let t=s[m],n=t&&h.length===0&&!g,r=!t&&_e===0&&h.length===0;(n||r)&&ee(ne),e&&h.push(e)}function ne(){if(!g){g=!0;try{for(;h.length;){let e=h;h=[];for(let t of e)try{t.zone.runTask(t,null,null)}catch(e){me.onUnhandledError(e)}}}finally{if(s[m])g=!1,me.microtaskDrainDone();else try{me.microtaskDrainDone()}finally{g=!1}}}}let re={name:`NO ZONE`},ie=`notScheduled`,ae=`scheduling`,oe=`scheduled`,se=`running`,ce=`canceling`,le=`unknown`,ue=`microTask`,de=`macroTask`,fe=`eventTask`,pe=Object.create(null),me={symbol:c,currentZoneFrame:()=>he,onUnhandledError:ve,microtaskDrainDone:ve,scheduleMicroTask:te,showUncaughtError:()=>!i[c(`ignoreConsoleErrorUncaughtError`)],patchEventTarget:()=>[],patchOnProperties:ve,patchMethod:()=>ve,bindArguments:()=>[],patchThen:()=>ve,patchMacroTask:()=>ve,patchEventPrototype:()=>ve,getGlobalObjects:()=>void 0,ObjectDefineProperty:()=>ve,ObjectGetOwnPropertyDescriptor:()=>void 0,ObjectCreate:()=>void 0,ArraySlice:()=>[],patchClass:()=>ve,wrapWithCurrentZone:()=>ve,filterProperties:()=>[],attachOriginToPatched:()=>ve,_redefineProperty:()=>ve,patchCallbacks:()=>ve,nativeScheduleMicroTask:ee},he={parent:null,zone:new i(null,null)},ge=null,_e=0;function ve(){}return n(`Zone`,`Zone`),i}function u(){let e=globalThis,t=e[c(`forceDuplicateZoneCheck`)]===!0;if(e.Zone&&(t||typeof e.Zone.__symbol__!=`function`))throw Error(`Zone already loaded.`);return e.Zone??=l(),e.Zone}var d=Object.getOwnPropertyDescriptor,f=Object.defineProperty,p=Object.getPrototypeOf,m=Object.create,h=Array.prototype.slice,g=`addEventListener`,_=`removeEventListener`,ee=c(g),te=c(_),ne=`true`,re=`false`,ie=c(``);function ae(e,t){return Zone.current.wrap(e,t)}function oe(e,t,n,r,i){return Zone.current.scheduleMacroTask(e,t,n,r,i)}var se=c,ce=typeof window<`u`,le=ce?window:void 0,ue=ce&&le||globalThis,de=`removeAttribute`;function fe(e,t){for(let n=e.length-1;n>=0;n--)typeof e[n]==`function`&&(e[n]=ae(e[n],t+`_`+n));return e}function pe(e,t){let n=e.constructor.name;for(let r=0;r<t.length;r++){let i=t[r],a=e[i];if(a){if(!me(d(e,i)))continue;e[i]=(e=>{let t=function(){return e.apply(this,fe(arguments,n+`.`+i))};return Oe(t,e),t})(a)}}}function me(e){return e?e.writable===!1?!1:typeof e.get!=`function`||e.set!==void 0:!0}var he=typeof WorkerGlobalScope<`u`&&self instanceof WorkerGlobalScope,ge=!(`nw`in ue)&&ue.process!==void 0&&ue.process.toString()===`[object process]`,_e=!ge&&!he&&!!(ce&&le.HTMLElement),ve=ue.process!==void 0&&ue.process.toString()===`[object process]`&&!he&&!!(ce&&le.HTMLElement),ye=Object.create(null),be=se(`enable_beforeunload`),xe=function(e){if(e||=ue.event,!e)return;let t=ye[e.type];t||=ye[e.type]=se(`ON_PROPERTY`+e.type);let n=this||e.target||ue,r=n[t],i;if(_e&&n===le&&e.type===`error`){let t=e;i=r&&r.call(this,t.message,t.filename,t.lineno,t.colno,t.error),i===!0&&e.preventDefault()}else i=r&&r.apply(this,arguments),e.type===`beforeunload`&&ue[be]&&typeof i==`string`?e.returnValue=i:i!=null&&!i&&e.preventDefault();return i};function Se(e,t,n){let r=d(e,t);if(!r&&n&&d(n,t)&&(r={enumerable:!0,configurable:!0}),!r||!r.configurable)return;let i=se(`on`+t+`patched`);if(Object.hasOwn(e,i)&&e[i])return;delete r.writable,delete r.value;let a=r.get,o=r.set,s=t.slice(2),c=ye[s];c||=ye[s]=se(`ON_PROPERTY`+s),r.set=function(t){let n=this;!n&&e===ue&&(n=ue),n&&(typeof n[c]==`function`&&n.removeEventListener(s,xe),o?.call(n,null),n[c]=t,typeof t==`function`&&n.addEventListener(s,xe,!1))},r.get=function(){let n=this;if(!n&&e===ue&&(n=ue),!n)return null;let i=n[c];if(i)return i;if(a){let e=a.call(this);if(e)return r.set.call(this,e),typeof n[de]==`function`&&n.removeAttribute(t),e}return null},f(e,t,r),e[i]=!0}function Ce(e,t,n){if(t)for(let r=0;r<t.length;r++)Se(e,`on`+t[r],n);else{let t=[];for(let n in e)n.slice(0,2)==`on`&&t.push(n);for(let r=0;r<t.length;r++)Se(e,t[r],n)}}var we=se(`originalInstance`);function Te(e){let t=ue[e];if(!t)return;ue[se(e)]=t,ue[e]=function(){let n=fe(arguments,e);switch(n.length){case 0:this[we]=new t;break;case 1:this[we]=new t(n[0]);break;case 2:this[we]=new t(n[0],n[1]);break;case 3:this[we]=new t(n[0],n[1],n[2]);break;case 4:this[we]=new t(n[0],n[1],n[2],n[3]);break;default:throw Error(`Arg list too long.`)}},Oe(ue[e],t);let n=new t(function(){}),r;for(r in n)(e!==`XMLHttpRequest`||r!==`responseBlob`)&&(function(t){typeof n[t]==`function`?ue[e].prototype[t]=function(){return this[we][t].apply(this[we],arguments)}:f(ue[e].prototype,t,{set:function(n){typeof n==`function`?(this[we][t]=ae(n,e+`.`+t),Oe(this[we][t],n)):this[we][t]=n},get:function(){return this[we][t]}})})(r);for(r in t)r!==`prototype`&&Object.hasOwn(t,r)&&(ue[e][r]=t[r])}function Ee(e,t,n){let r=e;for(;r&&!Object.hasOwn(r,t);)r=p(r);!r&&e[t]&&(r=e);let i=se(t),a=null;if(r&&(!(a=r[i])||!Object.hasOwn(r,i))&&(a=r[i]=r[t],me(r&&d(r,t)))){let e=n(a,i,t);r[t]=function(){return e(this,arguments)},Oe(r[t],a)}return a}function De(e,t,n){let r=null;function i(e){let t=e.data;return t.args[t.cbIdx]=function(){e.invoke.apply(this,arguments)},r.apply(t.target,t.args),e}r=Ee(e,t,e=>function(t,r){let a=n(t,r);return a.cbIdx>=0&&typeof r[a.cbIdx]==`function`?oe(a.name,r[a.cbIdx],a,i):e.apply(t,r)})}function Oe(e,t){e[se(`OriginalDelegate`)]=t}function ke(e){return typeof e==`function`}function Ae(e){return typeof e==`number`}var je={useG:!0},Me=Object.create(null),Ne={},Pe=RegExp(`^`+ie+`(\\w+)(true|false)$`),Fe=se(`propagationStopped`),Ie=[`capture`,`once`,`passive`,`signal`];function Le(e,t){let n=(t?t(e):e)+re,r=(t?t(e):e)+ne,i=ie+n,a=ie+r;Me[e]={[re]:i,[ne]:a}}function Re(e,t,n,r){let i=r&&r.add||g,o=r&&r.rm||_,s=r&&r.listeners||`eventListeners`,c=r&&r.rmAll||`removeAllListeners`,l=se(i),u=`.`+i+`:`,d=function(e,t,n){if(e.isRemoved)return;let r=e.callback;typeof r==`object`&&r.handleEvent&&(e.callback=e=>r.handleEvent(e),e.originalDelegate=r);let i;try{e.invoke(e,t,[n])}catch(e){i=e}let a=e.options;if(a&&typeof a==`object`&&a.once){let r=e.originalDelegate?e.originalDelegate:e.callback;t[o].call(t,n.type,r,a)}return i};function f(n,r,i){if(r||=e.event,!r)return;let a=n||r.target||e,o=a[Me[r.type][i?ne:re]];if(o){let e=[];if(o.length===1){let t=d(o[0],a,r);t&&e.push(t)}else{let t=o.slice();for(let n=0;n<t.length&&!(r&&r[Fe]===!0);n++){let i=d(t[n],a,r);i&&e.push(i)}}if(e.length===1)throw e[0];for(let n=0;n<e.length;n++){let r=e[n];t.nativeScheduleMicroTask(()=>{throw r})}}}let m=function(e){return f(this,e,!1)},h=function(e){return f(this,e,!0)};function ee(t,n){if(!t)return!1;let r=!0;n&&n.useG!==void 0&&(r=n.useG);let d=n&&n.vh,f=!0;n&&n.chkDup!==void 0&&(f=n.chkDup);let g=!1;n&&n.rt!==void 0&&(g=n.rt);let _=t;for(;_&&!Object.hasOwn(_,i);)_=p(_);if(!_&&t[i]&&(_=t),!_||_[l])return!1;let ee=n&&n.eventNameToString,te={},ae=_[l]=_[i],oe=_[se(o)]=_[o],ce=_[se(s)]=_[s],le=_[se(c)]=_[c],ue;n&&n.prepend&&(ue=_[se(n.prepend)]=_[n.prepend]);function de(e,t){return t?typeof e==`boolean`?{capture:e,passive:!0}:e?(typeof e==`object`&&e.passive!==!1&&(e.passive=!0),e):{passive:!0}:e}let fe=function(e){if(!te.isExisting)return ae.call(te.target,te.eventName,te.capture?h:m,te.options)},pe=function(e){if(!e.isRemoved){let t=Me[e.eventName],n;t&&(n=t[e.capture?ne:re]);let r=n&&e.target[n];if(r){for(let t=0;t<r.length;t++)if(r[t]===e){r.splice(t,1),e.isRemoved=!0,e.removeAbortListener&&=(e.removeAbortListener(),null),r.length===0&&(e.allRemoved=!0,e.target[n]=null);break}}}if(e.allRemoved)return oe.call(e.target,e.eventName,e.capture?h:m,e.options)},me=function(e){return ae.call(te.target,te.eventName,e.invoke,te.options)},he=function(e){return ue.call(te.target,te.eventName,e.invoke,te.options)},_e=function(e){return oe.call(e.target,e.eventName,e.invoke,e.options)},ve=r?fe:me,ye=r?pe:_e,be=n?.diff||function(e,t){let n=typeof t;return n===`function`&&e.callback===t||n===`object`&&e.originalDelegate===t},xe=Zone[se(`UNPATCHED_EVENTS`)],Se=e[se(`PASSIVE_EVENTS`)];function Ce(e){if(typeof e!=`object`||!e)return e;let t=a({},e);for(let n of Ie)!Object.hasOwn(t,n)&&n in e&&(t[n]=e[n]);return t}let we=function(t,i,a,o,s=!1,c=!1){return function(){let l=this||e,u=arguments[0];n&&n.transferEventName&&(u=n.transferEventName(u));let p=arguments[1];if(!p||ge&&u===`uncaughtException`)return t.apply(this,arguments);let m=!1;if(typeof p!=`function`){if(!p.handleEvent)return t.apply(this,arguments);m=!0}if(d&&!d(t,p,l,arguments))return;let h=!!Se&&Se.indexOf(u)!==-1,g=de(Ce(arguments[2]),h),_=g?.signal;if(_?.aborted)return;if(xe){for(let e=0;e<xe.length;e++)if(u===xe[e])return h?t.call(l,u,p,g):t.apply(this,arguments)}let ie=g?typeof g==`boolean`||g.capture:!1,ae=g&&typeof g==`object`?g.once:!1,oe=Zone.current,se=Me[u];se||=(Le(u,ee),Me[u]);let ce=se[ie?ne:re],le=l[ce],ue=!1;if(le){if(ue=!0,f){for(let e=0;e<le.length;e++)if(be(le[e],p))return}}else le=l[ce]=[];let fe,pe=l.constructor.name,me=Ne[pe];me&&(fe=me[u]),fe||=pe+i+(ee?ee(u):u),te.options=g,ae&&(te.options.once=!1),te.target=l,te.capture=ie,te.eventName=u,te.isExisting=ue;let he=r?je:void 0;he&&(he.taskData=te),_&&(te.options.signal=void 0);let _e=oe.scheduleEventTask(fe,p,he,a,o);if(_){te.options.signal=_;let e=()=>_e.zone.cancelTask(_e);t.call(_,`abort`,e,{once:!0}),_e.removeAbortListener=()=>_.removeEventListener(`abort`,e)}if(te.target=null,he&&(he.taskData=null),ae&&(te.options.once=!0),typeof _e.options!=`boolean`&&(_e.options=g),_e.target=l,_e.capture=ie,_e.eventName=u,m&&(_e.originalDelegate=p),c?le.unshift(_e):le.push(_e),s)return l}};return _[i]=we(ae,u,ve,ye,g),ue&&(_.prependListener=we(ue,`.prependListener:`,he,ye,g,!0)),_[o]=function(){let t=this||e,r=arguments[0];n&&n.transferEventName&&(r=n.transferEventName(r));let i=arguments[2],a=i?typeof i==`boolean`||i.capture:!1,o=arguments[1];if(!o)return oe.apply(this,arguments);if(d&&!d(oe,o,t,arguments))return;let s=Me[r],c;s&&(c=s[a?ne:re]);let l=c&&t[c];if(l)for(let e=0;e<l.length;e++){let n=l[e];if(be(n,o)){if(l.splice(e,1),n.isRemoved=!0,l.length===0&&(n.allRemoved=!0,t[c]=null,!a&&typeof r==`string`)){let e=ie+`ON_PROPERTY`+r;t[e]=null}return n.zone.cancelTask(n),g?t:void 0}}return oe.apply(this,arguments)},_[s]=function(){let t=this||e,r=arguments[0];n&&n.transferEventName&&(r=n.transferEventName(r));let i=[],a=ze(t,ee?ee(r):r);for(let e=0;e<a.length;e++){let t=a[e],n=t.originalDelegate?t.originalDelegate:t.callback;i.push(n)}return i},_[c]=function(){let t=this||e,r=arguments[0];if(r){n&&n.transferEventName&&(r=n.transferEventName(r));let e=Me[r];if(e){let n=e[re],i=e[ne],a=t[n],s=t[i];if(a){let e=a.slice();for(let t=0;t<e.length;t++){let n=e[t],i=n.originalDelegate?n.originalDelegate:n.callback;this[o].call(this,r,i,n.options)}}if(s){let e=s.slice();for(let t=0;t<e.length;t++){let n=e[t],i=n.originalDelegate?n.originalDelegate:n.callback;this[o].call(this,r,i,n.options)}}}}else{let e=Object.keys(t);for(let t=0;t<e.length;t++){let n=e[t],r=Pe.exec(n),i=r&&r[1];i&&i!==`removeListener`&&this[c].call(this,i)}this[c].call(this,`removeListener`)}if(g)return this},Oe(_[i],ae),Oe(_[o],oe),le&&Oe(_[c],le),ce&&Oe(_[s],ce),!0}let te=[];for(let e=0;e<n.length;e++)te[e]=ee(n[e],r);return te}function ze(e,t){if(!t){let n=[];for(let r in e){let i=Pe.exec(r),a=i&&i[1];if(a&&(!t||a===t)){let t=e[r];if(t)for(let e=0;e<t.length;e++)n.push(t[e])}}return n}let n=Me[t];n||=(Le(t),Me[t]);let r=e[n[re]],i=e[n[ne]];return r?i?r.concat(i):r.slice():i?i.slice():[]}function eee(e,t){let n=e.Event;n&&n.prototype&&t.patchMethod(n.prototype,`stopImmediatePropagation`,e=>function(t,n){t[Fe]=!0,e&&e.apply(t,n)})}function Be(e,t){t.patchMethod(e,`queueMicrotask`,e=>function(e,t){Zone.current.scheduleMicroTask(`queueMicrotask`,t[0])})}var Ve=se(`zoneTask`);function He(e,t,n,r){let i=null,a=null;t+=r,n+=r;let o={};function s(t){let n=t.data;n.args[0]=function(){return t.invoke.apply(this,arguments)};let r=i.apply(e,n.args);return Ae(r)?n.handleId=r:(n.handle=r,n.isRefreshable=ke(r?.refresh)),t}function c(t){let{handle:n,handleId:r}=t.data;return a.call(e,n??r)}i=Ee(e,t,n=>function(i,a){if(ke(a[0])){let e={isRefreshable:!1,isPeriodic:r===`Interval`,delay:r===`Timeout`||r===`Interval`?a[1]||0:void 0,args:a},n=a[0];a[0]=function(){try{return n.apply(this,arguments)}finally{let{handle:t,handleId:n,isPeriodic:r,isRefreshable:i}=e;!r&&!i&&(n?delete o[n]:t&&(t[Ve]=null))}};let i=oe(t,a[0],e,s,c);if(!i)return i;let{handleId:l,handle:u,isRefreshable:d,isPeriodic:f}=i.data;if(l)o[l]=i;else if(u&&(u[Ve]=i,d&&!f)){let e=u.refresh;u.refresh=function(){let{zone:t,state:n}=i;return n===`notScheduled`?(i._state=`scheduled`,t._updateTaskCount(i,1)):n===`running`&&(i._state=`scheduling`),e.call(this)}}return u??l??i}return n.apply(e,a)}),a=Ee(e,n,t=>function(n,r){let i=r[0],a;Ae(i)?(a=o[i],delete o[i]):(a=i?.[Ve],a?i[Ve]=null:a=i),a?.type?a.cancelFn&&a.zone.cancelTask(a):t.apply(e,r)})}function Ue(e,t){let{isBrowser:n,isMix:r}=t.getGlobalObjects();(n||r)&&e.customElements&&`customElements`in e&&t.patchCallbacks(t,e.customElements,`customElements`,`define`,[`connectedCallback`,`disconnectedCallback`,`adoptedCallback`,`attributeChangedCallback`,`formAssociatedCallback`,`formDisabledCallback`,`formResetCallback`,`formStateRestoreCallback`])}function We(e,t){if(Zone[t.symbol(`patchEventTarget`)])return;let{eventNames:n,zoneSymbolEventNames:r,TRUE_STR:i,FALSE_STR:a,ZONE_SYMBOL_PREFIX:o}=t.getGlobalObjects();for(let e=0;e<n.length;e++){let t=n[e],s=t+a,c=t+i,l=o+s,u=o+c;r[t]={},r[t][a]=l,r[t][i]=u}let s=e.EventTarget;if(s&&s.prototype)return t.patchEventTarget(e,t,[s&&s.prototype]),!0}function Ge(e,t){t.patchEventPrototype(e,t)}function Ke(e,t,n){if(!n||n.length===0)return t;let r=n.filter(t=>t.target===e);if(r.length===0)return t;let i=r[0].ignoreProperties;return t.filter(e=>i.indexOf(e)===-1)}function qe(e,t,n,r){e&&Ce(e,Ke(e,t,n),r)}function Je(e){return Object.getOwnPropertyNames(e).filter(e=>e.startsWith(`on`)&&e.length>2).map(e=>e.substring(2))}function Ye(e,t){if(ge&&!ve||Zone[e.symbol(`patchEvents`)])return;let n=t.__Zone_ignore_on_properties,r=[];if(_e){let e=window;r=r.concat([`Document`,`SVGElement`,`Element`,`HTMLElement`,`HTMLBodyElement`,`HTMLMediaElement`,`HTMLFrameSetElement`,`HTMLFrameElement`,`HTMLIFrameElement`,`HTMLMarqueeElement`,`Worker`]),qe(e,Je(e),n,p(e))}r=r.concat([`XMLHttpRequest`,`XMLHttpRequestEventTarget`,`IDBIndex`,`IDBRequest`,`IDBOpenDBRequest`,`IDBDatabase`,`IDBTransaction`,`IDBCursor`,`WebSocket`]);for(let e=0;e<r.length;e++){let i=t[r[e]];i!=null&&i.prototype&&qe(i.prototype,Je(i.prototype),n)}}function Xe(e){e.__load_patch(`timers`,e=>{let t=`clear`;He(e,`set`,t,`Timeout`),He(e,`set`,t,`Interval`),He(e,`set`,t,`Immediate`)}),e.__load_patch(`requestAnimationFrame`,e=>{He(e,`request`,`cancel`,`AnimationFrame`),He(e,`mozRequest`,`mozCancel`,`AnimationFrame`),He(e,`webkitRequest`,`webkitCancel`,`AnimationFrame`)}),e.__load_patch(`blocking`,(e,t)=>{let n=[`alert`,`prompt`,`confirm`];for(let r=0;r<n.length;r++){let i=n[r];Ee(e,i,(n,r,i)=>function(r,a){return t.current.run(n,e,a,i)})}}),e.__load_patch(`EventTarget`,(e,t,n)=>{Ge(e,n),We(e,n);let r=e.XMLHttpRequestEventTarget;r&&r.prototype&&n.patchEventTarget(e,n,[r.prototype])}),e.__load_patch(`MutationObserver`,(e,t,n)=>{Te(`MutationObserver`),Te(`WebKitMutationObserver`)}),e.__load_patch(`IntersectionObserver`,(e,t,n)=>{Te(`IntersectionObserver`)}),e.__load_patch(`FileReader`,(e,t,n)=>{Te(`FileReader`)}),e.__load_patch(`on_property`,(e,t,n)=>{Ye(n,e)}),e.__load_patch(`customElements`,(e,t,n)=>{Ue(e,n)}),e.__load_patch(`XHR`,(e,t)=>{c(e);let n=se(`xhrTask`),r=se(`xhrSync`),i=se(`xhrListener`),a=se(`xhrScheduled`),o=se(`xhrURL`),s=se(`xhrErrorBeforeScheduled`);function c(e){let c=e.XMLHttpRequest;if(!c)return;let l=c.prototype;function u(e){return e[n]}let d=l[ee],f=l[te];if(!d){let t=e.XMLHttpRequestEventTarget;if(t){let e=t.prototype;d=e[ee],f=e[te]}}let p=`readystatechange`,m=`scheduled`;function h(e){let r=e.data,o=r.target;o[a]=!1,o[s]=!1;let c=o[i];d||(d=o[ee],f=o[te]),c&&f.call(o,p,c);let l=o[i]=()=>{if(o.readyState===o.DONE){if(!r.aborted&&o[a]&&e.state===m){let n=o[t.__symbol__(`loadfalse`)];if(o.status!==0&&n&&n.length>0){let i=e.invoke;e.invoke=function(){let n=o[t.__symbol__(`loadfalse`)];for(let t=0;t<n.length;t++)n[t]===e&&n.splice(t,1);!r.aborted&&e.state===m&&i.call(e)},n.push(e)}else e.invoke()}else!r.aborted&&o[a]===!1&&(o[s]=!0)}};return d.call(o,p,l),o[n]||(o[n]=e),ae.apply(o,r.args),o[a]=!0,e}function g(){}function _(e){let t=e.data;return t.aborted=!0,ce.apply(t.target,t.args)}let ne=Ee(l,`open`,()=>function(e,t){return e[r]=t[2]==0,e[o]=t[1],ne.apply(e,t)}),re=se(`fetchTaskAborting`),ie=se(`fetchTaskScheduling`),ae=Ee(l,`send`,()=>function(e,n){if(t.current[ie]===!0||e[r])return ae.apply(e,n);{let t={target:e,url:e[o],isPeriodic:!1,args:n,aborted:!1},r=oe(`XMLHttpRequest.send`,g,t,h,_);e&&e[s]===!0&&!t.aborted&&r.state===m&&r.invoke()}}),ce=Ee(l,`abort`,()=>function(e,n){let r=u(e);if(r&&typeof r.type==`string`){if(r.cancelFn==null||r.data&&r.data.aborted)return;r.zone.cancelTask(r)}else if(t.current[re]===!0)return ce.apply(e,n)})}}),e.__load_patch(`geolocation`,e=>{e.navigator&&e.navigator.geolocation&&pe(e.navigator.geolocation,[`getCurrentPosition`,`watchPosition`])}),e.__load_patch(`PromiseRejectionEvent`,(e,t)=>{function n(t){return function(n){ze(e,t).forEach(r=>{let i=e.PromiseRejectionEvent;if(i){let e=new i(t,{promise:n.promise,reason:n.rejection});r.invoke(e)}})}}e.PromiseRejectionEvent&&(t[se(`unhandledPromiseRejectionHandler`)]=n(`unhandledrejection`),t[se(`rejectionHandledHandler`)]=n(`rejectionhandled`))}),e.__load_patch(`queueMicrotask`,(e,t,n)=>{Be(e,n)})}function Ze(e){e.__load_patch(`ZoneAwarePromise`,(e,t,n)=>{let r=Object.getOwnPropertyDescriptor,i=Object.defineProperty;function a(e){return e&&e.toString===Object.prototype.toString?(e.constructor&&e.constructor.name||``)+`: `+JSON.stringify(e):e?e.toString():Object.prototype.toString.call(e)}let o=n.symbol,s=[],c=e[o(`DISABLE_WRAPPING_UNCAUGHT_PROMISE_REJECTION`)]!==!1,l=o(`Promise`),u=o(`then`);n.onUnhandledError=e=>{if(n.showUncaughtError()){let t=e&&e.rejection;t&&e.zone&&e.task?console.error(`Unhandled Promise rejection:`,t instanceof Error?t.message:t,`; Zone:`,e.zone.name,`; Task:`,e.task&&e.task.source,`; Value:`,t,t instanceof Error?t.stack:void 0):console.error(e)}},n.microtaskDrainDone=()=>{for(;s.length;){let e=s.shift();try{e.zone.runGuarded(()=>{throw e.throwOriginal?e.rejection:e})}catch(e){f(e)}}};let d=o(`unhandledPromiseRejectionHandler`);function f(e){n.onUnhandledError(e);try{let n=t[d];typeof n==`function`&&n.call(this,e)}catch{}}function p(e){return e&&typeof e.then==`function`}function m(e){return e}function h(e){return fe.reject(e)}let g=o(`state`),_=o(`value`),ee=o(`finally`),te=o(`parentPromiseValue`),ne=o(`parentPromiseState`);function re(e,t){return n=>{try{oe(e,t,n)}catch(t){oe(e,!1,t)}}}let ie=function(){let e=!1;return function(t){return function(){e||(e=!0,t.apply(null,arguments))}}},ae=o(`currentTaskTrace`);function oe(e,r,o){let l=ie();if(e===o)throw TypeError(`Promise resolved with itself`);if(e[g]===null){let u=null;try{(typeof o==`object`||typeof o==`function`)&&(u=o&&o.then)}catch(t){return l(()=>{oe(e,!1,t)})(),e}if(r!==!1&&o instanceof fe&&Object.hasOwn(o,g)&&Object.hasOwn(o,_)&&o[g]!==null)ce(o),oe(e,o[g],o[_]);else if(r!==!1&&typeof u==`function`)try{u.call(o,l(re(e,r)),l(re(e,!1)))}catch(t){l(()=>{oe(e,!1,t)})()}else{e[g]=r;let l=e[_];if(e[_]=o,e[ee]===ee&&r===!0&&(e[g]=e[ne],e[_]=e[te]),r===!1&&o instanceof Error){let e=t.currentTask&&t.currentTask.data&&t.currentTask.data.__creationTrace__;e&&i(o,ae,{configurable:!0,enumerable:!1,writable:!0,value:e})}for(let t=0;t<l.length;)le(e,l[t++],l[t++],l[t++],l[t++]);if(l.length==0&&r==0){e[g]=0;let r=o;try{throw Error(`Uncaught (in promise): `+a(o)+(o&&o.stack?`
-`+o.stack:``))}catch(e){r=e}c&&(r.throwOriginal=!0),r.rejection=o,r.promise=e,r.zone=t.current,r.task=t.currentTask,s.push(r),n.scheduleMicroTask()}}}return e}let se=o(`rejectionHandledHandler`);function ce(e){if(e[g]===0){try{let n=t[se];n&&typeof n==`function`&&n.call(this,{rejection:e[_],promise:e})}catch{}e[g]=!1;for(let t=0;t<s.length;t++)e===s[t].promise&&s.splice(t,1)}}function le(e,t,n,r,i){ce(e);let a=e[g],o=a?typeof r==`function`?r:m:typeof i==`function`?i:h;t.scheduleMicroTask(`Promise.then`,()=>{try{let r=e[_],i=!!n&&ee===n[ee];i&&(n[te]=r,n[ne]=a),oe(n,!0,t.run(o,void 0,i&&o!==h&&o!==m?[]:[r]))}catch(e){oe(n,!1,e)}},n)}let ue=function(){},de=e.AggregateError;class fe{static toString(){return`function ZoneAwarePromise() { [native code] }`}static resolve(e){return e instanceof fe?e:oe(new this(null),!0,e)}static reject(e){return oe(new this(null),!1,e)}static withResolvers(){let e={};return e.promise=new fe((t,n)=>{e.resolve=t,e.reject=n}),e}static any(e){if(!e||typeof e[Symbol.iterator]!=`function`)return Promise.reject(new de([],`All promises were rejected`));let t=[],n=0;try{for(let r of e)n++,t.push(fe.resolve(r))}catch{return Promise.reject(new de([],`All promises were rejected`))}if(n===0)return Promise.reject(new de([],`All promises were rejected`));let r=!1,i=[];return new fe((e,a)=>{for(let o=0;o<t.length;o++)t[o].then(t=>{r||(r=!0,e(t))},e=>{i.push(e),n--,n===0&&(r=!0,a(new de(i,`All promises were rejected`)))})})}static race(e){let t,n,r=new this((e,r)=>{t=e,n=r});function i(e){t(e)}function a(e){n(e)}for(let t of e)p(t)||(t=this.resolve(t)),t.then(i,a);return r}static all(e){return fe.allWithCallback(e)}static allSettled(e){return(this&&this.prototype instanceof fe?this:fe).allWithCallback(e,{thenCallback:e=>({status:`fulfilled`,value:e}),errorCallback:e=>({status:`rejected`,reason:e})})}static allWithCallback(e,t){let n,r,i=new this((e,t)=>{n=e,r=t}),a=2,o=0,s=[];for(let i of e){p(i)||(i=this.resolve(i));let e=o;try{i.then(r=>{s[e]=t?t.thenCallback(r):r,a--,a===0&&n(s)},i=>{t?(s[e]=t.errorCallback(i),a--,a===0&&n(s)):r(i)})}catch(e){r(e)}a++,o++}return a-=2,a===0&&n(s),i}constructor(e){let t=this;if(!(t instanceof fe))throw Error(`Must be an instanceof Promise.`);t[g]=null,t[_]=[];try{let n=ie();e&&e(n(re(t,!0)),n(re(t,!1)))}catch(e){oe(t,!1,e)}}get[Symbol.toStringTag](){return`Promise`}get[Symbol.species](){return fe}then(e,n){let r=this.constructor?.[Symbol.species];(!r||typeof r!=`function`)&&(r=this.constructor||fe);let i=new r(ue),a=t.current;return this[g]==null?this[_].push(a,i,e,n):le(this,a,i,e,n),i}catch(e){return this.then(null,e)}finally(e){let n=this.constructor?.[Symbol.species];(!n||typeof n!=`function`)&&(n=fe);let r=new n(ue);r[ee]=ee;let i=t.current;return this[g]==null?this[_].push(i,r,e,e):le(this,i,r,e,e),r}}fe.resolve=fe.resolve,fe.reject=fe.reject,fe.race=fe.race,fe.all=fe.all;let pe=e[l]=e.Promise;e.Promise=fe;let me=o(`thenPatched`);function he(e){let t=e.prototype,n=r(t,`then`);if(n&&(n.writable===!1||!n.configurable))return;let i=t.then;t[u]=i,e.prototype.then=function(e,t){return new fe((e,t)=>{i.call(this,e,t)}).then(e,t)},e[me]=!0}n.patchThen=he;function ge(e){return function(t,n){let r=e.apply(t,n);if(r instanceof fe)return r;let i=r.constructor;return i[me]||he(i),r}}if(pe){he(pe);let t=pe.try;t&&typeof t==`function`&&(fe.try=t),Ee(e,`fetch`,e=>ge(e))}return Promise[t.__symbol__(`uncaughtPromiseErrors`)]=s,fe})}function Qe(e){e.__load_patch(`toString`,e=>{let t=Function.prototype.toString,n=se(`OriginalDelegate`),r=se(`Promise`),i=se(`Error`),a=function(){if(typeof this==`function`){let a=this[n];if(a)return typeof a==`function`?t.call(a):Object.prototype.toString.call(a);if(this===Promise){let n=e[r];if(n)return t.call(n)}if(this===Error){let n=e[i];if(n)return t.call(n)}}return t.call(this)};a[n]=t,Function.prototype.toString=a;let o=Object.prototype.toString;Object.prototype.toString=function(){return typeof Promise==`function`&&this instanceof Promise?`[object Promise]`:o.call(this)}})}function $e(e,t,n,r,i){let a=Zone.__symbol__(r);if(t[a])return;let o=t[a]=t[r];t[r]=function(a,s,c){return s&&s.prototype&&i.forEach(function(t){let i=`${n}.${r}::`+t,a=s.prototype;try{if(Object.hasOwn(a,t)){let n=e.ObjectGetOwnPropertyDescriptor(a,t);n&&n.value?(n.value=e.wrapWithCurrentZone(n.value,i),e._redefineProperty(s.prototype,t,n)):a[t]&&(a[t]=e.wrapWithCurrentZone(a[t],i))}else a[t]&&(a[t]=e.wrapWithCurrentZone(a[t],i))}catch{}}),o.call(t,a,s,c)},e.attachOriginToPatched(t[r],o)}function et(e){e.__load_patch(`util`,(e,t,n)=>{let r=Je(e);n.patchOnProperties=Ce,n.patchMethod=Ee,n.bindArguments=fe,n.patchMacroTask=De;let i=t.__symbol__(`BLACK_LISTED_EVENTS`),a=t.__symbol__(`UNPATCHED_EVENTS`);e[a]&&(e[i]=e[a]),e[i]&&(t[i]=t[a]=e[i]),n.patchEventPrototype=eee,n.patchEventTarget=Re,n.ObjectDefineProperty=f,n.ObjectGetOwnPropertyDescriptor=d,n.ObjectCreate=m,n.ArraySlice=h,n.patchClass=Te,n.wrapWithCurrentZone=ae,n.filterProperties=Ke,n.attachOriginToPatched=Oe,n._redefineProperty=Object.defineProperty,n.patchCallbacks=$e,n.getGlobalObjects=()=>({globalSources:Ne,zoneSymbolEventNames:Me,eventNames:r,isBrowser:_e,isMix:ve,isNode:ge,TRUE_STR:ne,FALSE_STR:re,ZONE_SYMBOL_PREFIX:ie,ADD_EVENT_LISTENER_STR:g,REMOVE_EVENT_LISTENER_STR:_})})}function tt(e){Ze(e),Qe(e),et(e)}var nt=u();tt(nt),Xe(nt);var rt=(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})(rt||{}),it=(function(e){return e[e.None=0]=`None`,e[e.Const=1]=`Const`,e})(it||{}),at=class{modifiers;constructor(e=it.None){this.modifiers=e}hasModifier(e){return(this.modifiers&e)!==0}},ot=(function(e){return e[e.Dynamic=0]=`Dynamic`,e[e.Bool=1]=`Bool`,e[e.String=2]=`String`,e[e.Int=3]=`Int`,e[e.Number=4]=`Number`,e[e.Function=5]=`Function`,e[e.Inferred=6]=`Inferred`,e[e.None=7]=`None`,e})(ot||{}),st=class extends at{name;constructor(e,t){super(t),this.name=e}visitType(e,t){return e.visitBuiltinType(this,t)}};ot.Dynamic;var ct=new st(ot.Inferred);ot.Bool,ot.Int,ot.Number,ot.String,ot.Function,ot.None;var v=(function(e){return e[e.Equals=0]=`Equals`,e[e.NotEquals=1]=`NotEquals`,e[e.Assign=2]=`Assign`,e[e.Identical=3]=`Identical`,e[e.NotIdentical=4]=`NotIdentical`,e[e.Minus=5]=`Minus`,e[e.Plus=6]=`Plus`,e[e.Divide=7]=`Divide`,e[e.Multiply=8]=`Multiply`,e[e.Modulo=9]=`Modulo`,e[e.And=10]=`And`,e[e.Or=11]=`Or`,e[e.BitwiseOr=12]=`BitwiseOr`,e[e.BitwiseAnd=13]=`BitwiseAnd`,e[e.Lower=14]=`Lower`,e[e.LowerEquals=15]=`LowerEquals`,e[e.Bigger=16]=`Bigger`,e[e.BiggerEquals=17]=`BiggerEquals`,e[e.NullishCoalesce=18]=`NullishCoalesce`,e[e.Exponentiation=19]=`Exponentiation`,e[e.In=20]=`In`,e[e.InstanceOf=21]=`InstanceOf`,e[e.AdditionAssignment=22]=`AdditionAssignment`,e[e.SubtractionAssignment=23]=`SubtractionAssignment`,e[e.MultiplicationAssignment=24]=`MultiplicationAssignment`,e[e.DivisionAssignment=25]=`DivisionAssignment`,e[e.RemainderAssignment=26]=`RemainderAssignment`,e[e.ExponentiationAssignment=27]=`ExponentiationAssignment`,e[e.AndAssignment=28]=`AndAssignment`,e[e.OrAssignment=29]=`OrAssignment`,e[e.NullishCoalesceAssignment=30]=`NullishCoalesceAssignment`,e})(v||{});function lt(e,t){return e==null||t==null?e==t:e.isEquivalent(t)}function ut(e,t,n){let r=e.length;if(r!==t.length)return!1;for(let i=0;i<r;i++)if(!n(e[i],t[i]))return!1;return!0}function dt(e,t){return ut(e,t,(e,t)=>e.isEquivalent(t))}var ft=class{leadingComments;type;sourceSpan;constructor(e,t,n){this.leadingComments=n,this.type=e||null,this.sourceSpan=t||null}prop(e,t){return new nee(this,e,null,t)}key(e,t,n){return new ree(this,e,t,n)}callFn(e,t,n,r){return new ht(this,e,null,t,n,r)}instantiate(e,t,n,r){return new gt(this,e,t,n)}conditional(e,t=null,n,r){return new tee(this,e,t,null,n)}equals(e,t){return new bt(v.Equals,this,e,null,t)}notEquals(e,t){return new bt(v.NotEquals,this,e,null,t)}identical(e,t){return new bt(v.Identical,this,e,null,t)}notIdentical(e,t){return new bt(v.NotIdentical,this,e,null,t)}minus(e,t){return new bt(v.Minus,this,e,null,t)}plus(e,t){return new bt(v.Plus,this,e,null,t)}divide(e,t){return new bt(v.Divide,this,e,null,t)}multiply(e,t){return new bt(v.Multiply,this,e,null,t)}modulo(e,t){return new bt(v.Modulo,this,e,null,t)}power(e,t){return new bt(v.Exponentiation,this,e,null,t)}and(e,t){return new bt(v.And,this,e,null,t)}bitwiseOr(e,t){return new bt(v.BitwiseOr,this,e,null,t)}bitwiseAnd(e,t){return new bt(v.BitwiseAnd,this,e,null,t)}or(e,t){return new bt(v.Or,this,e,null,t)}lower(e,t){return new bt(v.Lower,this,e,null,t)}lowerEquals(e,t){return new bt(v.LowerEquals,this,e,null,t)}bigger(e,t){return new bt(v.Bigger,this,e,null,t)}biggerEquals(e,t){return new bt(v.BiggerEquals,this,e,null,t)}isBlank(e){return this.equals(cee,e)}nullishCoalesce(e,t){return new bt(v.NullishCoalesce,this,e,null,t)}toStmt(e){return new Ct(this,null,e)}},pt=class e extends ft{name;constructor(e,t,n,r){super(t,n,r),this.name=e}isEquivalent(t){return t instanceof e&&this.name===t.name}isConstant(){return!1}visitExpression(e,t){return e.visitReadVarExpr(this,t)}clone(){return new e(this.name,this.type,this.sourceSpan)}set(e){return new bt(v.Assign,this,e,null,this.sourceSpan)}},mt=class e extends ft{expr;constructor(e,t,n,r){super(t,n,r),this.expr=e}visitExpression(e,t){return e.visitTypeofExpr(this,t)}isEquivalent(t){return t instanceof e&&t.expr.isEquivalent(this.expr)}isConstant(){return this.expr.isConstant()}clone(){return new e(this.expr.clone())}},ht=class e extends ft{fn;args;pure;isOptional;constructor(e,t,n,r,i=!1,a,o=!1){super(n,r,a),this.fn=e,this.args=t,this.pure=i,this.isOptional=o}get receiver(){return this.fn}isEquivalent(t){return t instanceof e&&this.fn.isEquivalent(t.fn)&&dt(this.args,t.args)&&this.pure===t.pure}isConstant(){return!1}visitExpression(e,t){return e.visitInvokeFunctionExpr(this,t)}clone(){return new e(this.fn.clone(),this.args.map(e=>e.clone()),this.type,this.sourceSpan,this.pure,[],this.isOptional)}},gt=class e extends ft{classExpr;args;constructor(e,t,n,r,i){super(n,r,i),this.classExpr=e,this.args=t}isEquivalent(t){return t instanceof e&&this.classExpr.isEquivalent(t.classExpr)&&dt(this.args,t.args)}isConstant(){return!1}visitExpression(e,t){return e.visitInstantiateExpr(this,t)}clone(){return new e(this.classExpr.clone(),this.args.map(e=>e.clone()),this.type,this.sourceSpan)}},_t=class e extends ft{body;flags;constructor(e,t,n,r){super(null,n,r),this.body=e,this.flags=t}isEquivalent(t){return t instanceof e&&this.body===t.body&&this.flags===t.flags}isConstant(){return!0}visitExpression(e,t){return e.visitRegularExpressionLiteral(this,t)}clone(){return new e(this.body,this.flags,this.sourceSpan)}},vt=class e extends ft{value;constructor(e,t,n,r){super(t,n,r),this.value=e}isEquivalent(t){return t instanceof e&&this.value===t.value}isConstant(){return!0}visitExpression(e,t){return e.visitLiteralExpr(this,t)}clone(){return new e(this.value,this.type,this.sourceSpan)}},yt=class e extends ft{value;typeParams;constructor(e,t,n=null,r,i){super(t,r,i),this.value=e,this.typeParams=n}isEquivalent(t){return t instanceof e&&this.value.name===t.value.name&&this.value.moduleName===t.value.moduleName}isConstant(){return!1}visitExpression(e,t){return e.visitExternalExpr(this,t)}clone(){return new e(this.value,this.type,this.typeParams,this.sourceSpan)}},tee=class e extends ft{condition;falseCase;trueCase;constructor(e,t,n=null,r,i,a){super(r||t.type,i,a),this.condition=e,this.falseCase=n,this.trueCase=t}isEquivalent(t){return t instanceof e&&this.condition.isEquivalent(t.condition)&&this.trueCase.isEquivalent(t.trueCase)&&lt(this.falseCase,t.falseCase)}isConstant(){return!1}visitExpression(e,t){return e.visitConditionalExpr(this,t)}clone(){return new e(this.condition.clone(),this.trueCase.clone(),this.falseCase?.clone(),this.type,this.sourceSpan)}},bt=class e extends ft{operator;rhs;lhs;constructor(e,t,n,r,i,a){super(r||t.type,i,a),this.operator=e,this.rhs=n,this.lhs=t}isEquivalent(t){return t instanceof e&&this.operator===t.operator&&this.lhs.isEquivalent(t.lhs)&&this.rhs.isEquivalent(t.rhs)}isConstant(){return!1}visitExpression(e,t){return e.visitBinaryOperatorExpr(this,t)}clone(){return new e(this.operator,this.lhs.clone(),this.rhs.clone(),this.type,this.sourceSpan)}isAssignment(){let e=this.operator;return e===v.Assign||e===v.AdditionAssignment||e===v.SubtractionAssignment||e===v.MultiplicationAssignment||e===v.DivisionAssignment||e===v.RemainderAssignment||e===v.ExponentiationAssignment||e===v.AndAssignment||e===v.OrAssignment||e===v.NullishCoalesceAssignment}},nee=class e extends ft{receiver;name;isOptional;constructor(e,t,n,r,i,a=!1){super(n,r,i),this.receiver=e,this.name=t,this.isOptional=a}get index(){return this.name}isEquivalent(t){return t instanceof e&&this.receiver.isEquivalent(t.receiver)&&this.name===t.name&&this.isOptional===t.isOptional}isConstant(){return!1}visitExpression(e,t){return e.visitReadPropExpr(this,t)}set(e){return new bt(v.Assign,this.receiver.prop(this.name),e,null,this.sourceSpan)}clone(){return new e(this.receiver.clone(),this.name,this.type,this.sourceSpan,[],this.isOptional)}},ree=class e extends ft{receiver;index;isOptional;constructor(e,t,n,r,i,a=!1){super(n,r,i),this.receiver=e,this.index=t,this.isOptional=a}isEquivalent(t){return t instanceof e&&this.receiver.isEquivalent(t.receiver)&&this.index.isEquivalent(t.index)&&this.isOptional===t.isOptional}isConstant(){return!1}visitExpression(e,t){return e.visitReadKeyExpr(this,t)}set(e){return new bt(v.Assign,this.receiver.key(this.index),e,null,this.sourceSpan)}clone(){return new e(this.receiver.clone(),this.index.clone(),this.type,this.sourceSpan,[],this.isOptional)}},iee=class e extends ft{entries;constructor(e,t,n,r){super(t,n,r),this.entries=e}isConstant(){return this.entries.every(e=>e.isConstant())}isEquivalent(t){return t instanceof e&&dt(this.entries,t.entries)}visitExpression(e,t){return e.visitLiteralArrayExpr(this,t)}clone(){return new e(this.entries.map(e=>e.clone()),this.type,this.sourceSpan)}},aee=class e{expression;constructor(e){this.expression=e}isEquivalent(t){return t instanceof e&&this.expression.isEquivalent(t.expression)}clone(){return new e(this.expression.clone())}isConstant(){return this.expression.isConstant()}},oee=class e extends ft{entries;valueType=null;constructor(e,t,n,r){super(t,n,r),this.entries=e,t&&(this.valueType=t.valueType)}isEquivalent(t){return t instanceof e&&dt(this.entries,t.entries)}isConstant(){return this.entries.every(e=>e.isConstant())}visitExpression(e,t){return e.visitLiteralMapExpr(this,t)}clone(){let t=this.entries.map(e=>e.clone());return new e(t,this.type,this.sourceSpan)}},see=class e extends ft{expression;constructor(e,t,n){super(null,t,n),this.expression=e}isEquivalent(t){return t instanceof e&&this.expression.isEquivalent(t.expression)}isConstant(){return this.expression.isConstant()}visitExpression(e,t){return e.visitSpreadElementExpr(this,t)}clone(){return new e(this.expression.clone(),this.sourceSpan)}},cee=new vt(null,ct,null),xt=(function(e){return e[e.None=0]=`None`,e[e.Final=1]=`Final`,e[e.Private=2]=`Private`,e[e.Exported=4]=`Exported`,e[e.Static=8]=`Static`,e})(xt||{}),St=class{modifiers;sourceSpan;leadingComments;constructor(e=xt.None,t=null,n){this.modifiers=e,this.sourceSpan=t,this.leadingComments=n}hasModifier(e){return(this.modifiers&e)!==0}addLeadingComment(e){this.leadingComments=this.leadingComments??[],this.leadingComments.push(e)}},Ct=class e extends St{expr;constructor(e,t,n){super(xt.None,t,n),this.expr=e}isEquivalent(t){return t instanceof e&&this.expr.isEquivalent(t.expr)}visitStatement(e,t){return e.visitExpressionStmt(this,t)}};(class e{static INSTANCE=new e;keyOf(e){if(e instanceof vt&&typeof e.value==`string`)return`"${e.value}"`;if(e instanceof vt)return String(e.value);if(e instanceof _t)return`/${e.body}/${e.flags??``}`;if(e instanceof iee){let t=[];for(let n of e.entries)t.push(this.keyOf(n));return`[${t.join(`,`)}]`}if(e instanceof oee){let t=[];for(let n of e.entries)if(n instanceof aee)t.push(`...`+this.keyOf(n.expression));else{let e=n.key;n.quoted&&(e=`"${e}"`),t.push(e+`:`+this.keyOf(n.value))}return`{${t.join(`,`)}}`}if(e instanceof yt)return`import("${e.value.moduleName}", ${e.value.name})`;if(e instanceof pt)return`read(${e.name})`;if(e instanceof mt)return`typeof(${this.keyOf(e.expr)})`;if(e instanceof see)return`...${this.keyOf(e.expression)}`;throw Error(`${this.constructor.name} does not handle expressions of type ${e.constructor.name}`)}});var y=`@angular/core`,b=(()=>{class e{static core={name:null,moduleName:y};static namespaceHTML={name:`ɵɵnamespaceHTML`,moduleName:y};static namespaceMathML={name:`ɵɵnamespaceMathML`,moduleName:y};static namespaceSVG={name:`ɵɵnamespaceSVG`,moduleName:y};static element={name:`ɵɵelement`,moduleName:y};static elementStart={name:`ɵɵelementStart`,moduleName:y};static elementEnd={name:`ɵɵelementEnd`,moduleName:y};static foreignComponent={name:`ɵɵforeignComponent`,moduleName:y};static foreignContent={name:`ɵɵforeignContent`,moduleName:y};static foreignContentFn={name:`ɵɵforeignContentFn`,moduleName:y};static domElement={name:`ɵɵdomElement`,moduleName:y};static domElementStart={name:`ɵɵdomElementStart`,moduleName:y};static domElementEnd={name:`ɵɵdomElementEnd`,moduleName:y};static domElementContainer={name:`ɵɵdomElementContainer`,moduleName:y};static domElementContainerStart={name:`ɵɵdomElementContainerStart`,moduleName:y};static domElementContainerEnd={name:`ɵɵdomElementContainerEnd`,moduleName:y};static domTemplate={name:`ɵɵdomTemplate`,moduleName:y};static domListener={name:`ɵɵdomListener`,moduleName:y};static advance={name:`ɵɵadvance`,moduleName:y};static syntheticHostProperty={name:`ɵɵsyntheticHostProperty`,moduleName:y};static syntheticHostListener={name:`ɵɵsyntheticHostListener`,moduleName:y};static attribute={name:`ɵɵattribute`,moduleName:y};static classProp={name:`ɵɵclassProp`,moduleName:y};static elementContainerStart={name:`ɵɵelementContainerStart`,moduleName:y};static elementContainerEnd={name:`ɵɵelementContainerEnd`,moduleName:y};static elementContainer={name:`ɵɵelementContainer`,moduleName:y};static styleMap={name:`ɵɵstyleMap`,moduleName:y};static classMap={name:`ɵɵclassMap`,moduleName:y};static styleProp={name:`ɵɵstyleProp`,moduleName:y};static interpolate={name:`ɵɵinterpolate`,moduleName:y};static interpolate1={name:`ɵɵinterpolate1`,moduleName:y};static interpolate2={name:`ɵɵinterpolate2`,moduleName:y};static interpolate3={name:`ɵɵinterpolate3`,moduleName:y};static interpolate4={name:`ɵɵinterpolate4`,moduleName:y};static interpolate5={name:`ɵɵinterpolate5`,moduleName:y};static interpolate6={name:`ɵɵinterpolate6`,moduleName:y};static interpolate7={name:`ɵɵinterpolate7`,moduleName:y};static interpolate8={name:`ɵɵinterpolate8`,moduleName:y};static interpolateV={name:`ɵɵinterpolateV`,moduleName:y};static nextContext={name:`ɵɵnextContext`,moduleName:y};static resetView={name:`ɵɵresetView`,moduleName:y};static templateCreate={name:`ɵɵtemplate`,moduleName:y};static defer={name:`ɵɵdefer`,moduleName:y};static deferWhen={name:`ɵɵdeferWhen`,moduleName:y};static deferOnIdle={name:`ɵɵdeferOnIdle`,moduleName:y};static deferOnImmediate={name:`ɵɵdeferOnImmediate`,moduleName:y};static deferOnTimer={name:`ɵɵdeferOnTimer`,moduleName:y};static deferOnHover={name:`ɵɵdeferOnHover`,moduleName:y};static deferOnInteraction={name:`ɵɵdeferOnInteraction`,moduleName:y};static deferOnViewport={name:`ɵɵdeferOnViewport`,moduleName:y};static deferPrefetchWhen={name:`ɵɵdeferPrefetchWhen`,moduleName:y};static deferPrefetchOnIdle={name:`ɵɵdeferPrefetchOnIdle`,moduleName:y};static deferPrefetchOnImmediate={name:`ɵɵdeferPrefetchOnImmediate`,moduleName:y};static deferPrefetchOnTimer={name:`ɵɵdeferPrefetchOnTimer`,moduleName:y};static deferPrefetchOnHover={name:`ɵɵdeferPrefetchOnHover`,moduleName:y};static deferPrefetchOnInteraction={name:`ɵɵdeferPrefetchOnInteraction`,moduleName:y};static deferPrefetchOnViewport={name:`ɵɵdeferPrefetchOnViewport`,moduleName:y};static deferHydrateWhen={name:`ɵɵdeferHydrateWhen`,moduleName:y};static deferHydrateNever={name:`ɵɵdeferHydrateNever`,moduleName:y};static deferHydrateOnIdle={name:`ɵɵdeferHydrateOnIdle`,moduleName:y};static deferHydrateOnImmediate={name:`ɵɵdeferHydrateOnImmediate`,moduleName:y};static deferHydrateOnTimer={name:`ɵɵdeferHydrateOnTimer`,moduleName:y};static deferHydrateOnHover={name:`ɵɵdeferHydrateOnHover`,moduleName:y};static deferHydrateOnInteraction={name:`ɵɵdeferHydrateOnInteraction`,moduleName:y};static deferHydrateOnViewport={name:`ɵɵdeferHydrateOnViewport`,moduleName:y};static deferEnableTimerScheduling={name:`ɵɵdeferEnableTimerScheduling`,moduleName:y};static enableIncrementalHydrationRuntime={name:`ɵɵenableIncrementalHydrationRuntime`,moduleName:y};static conditionalCreate={name:`ɵɵconditionalCreate`,moduleName:y};static conditionalBranchCreate={name:`ɵɵconditionalBranchCreate`,moduleName:y};static conditional={name:`ɵɵconditional`,moduleName:y};static repeater={name:`ɵɵrepeater`,moduleName:y};static repeaterCreate={name:`ɵɵrepeaterCreate`,moduleName:y};static repeaterTrackByIndex={name:`ɵɵrepeaterTrackByIndex`,moduleName:y};static repeaterTrackByIdentity={name:`ɵɵrepeaterTrackByIdentity`,moduleName:y};static componentInstance={name:`ɵɵcomponentInstance`,moduleName:y};static text={name:`ɵɵtext`,moduleName:y};static enableBindings={name:`ɵɵenableBindings`,moduleName:y};static disableBindings={name:`ɵɵdisableBindings`,moduleName:y};static getCurrentView={name:`ɵɵgetCurrentView`,moduleName:y};static textInterpolate={name:`ɵɵtextInterpolate`,moduleName:y};static textInterpolate1={name:`ɵɵtextInterpolate1`,moduleName:y};static textInterpolate2={name:`ɵɵtextInterpolate2`,moduleName:y};static textInterpolate3={name:`ɵɵtextInterpolate3`,moduleName:y};static textInterpolate4={name:`ɵɵtextInterpolate4`,moduleName:y};static textInterpolate5={name:`ɵɵtextInterpolate5`,moduleName:y};static textInterpolate6={name:`ɵɵtextInterpolate6`,moduleName:y};static textInterpolate7={name:`ɵɵtextInterpolate7`,moduleName:y};static textInterpolate8={name:`ɵɵtextInterpolate8`,moduleName:y};static textInterpolateV={name:`ɵɵtextInterpolateV`,moduleName:y};static restoreView={name:`ɵɵrestoreView`,moduleName:y};static pureFunction0={name:`ɵɵpureFunction0`,moduleName:y};static pureFunction1={name:`ɵɵpureFunction1`,moduleName:y};static pureFunction2={name:`ɵɵpureFunction2`,moduleName:y};static pureFunction3={name:`ɵɵpureFunction3`,moduleName:y};static pureFunction4={name:`ɵɵpureFunction4`,moduleName:y};static pureFunction5={name:`ɵɵpureFunction5`,moduleName:y};static pureFunction6={name:`ɵɵpureFunction6`,moduleName:y};static pureFunction7={name:`ɵɵpureFunction7`,moduleName:y};static pureFunction8={name:`ɵɵpureFunction8`,moduleName:y};static pureFunctionV={name:`ɵɵpureFunctionV`,moduleName:y};static pipeBind1={name:`ɵɵpipeBind1`,moduleName:y};static pipeBind2={name:`ɵɵpipeBind2`,moduleName:y};static pipeBind3={name:`ɵɵpipeBind3`,moduleName:y};static pipeBind4={name:`ɵɵpipeBind4`,moduleName:y};static pipeBindV={name:`ɵɵpipeBindV`,moduleName:y};static domProperty={name:`ɵɵdomProperty`,moduleName:y};static ariaProperty={name:`ɵɵariaProperty`,moduleName:y};static property={name:`ɵɵproperty`,moduleName:y};static control={name:`ɵɵcontrol`,moduleName:y};static controlCreate={name:`ɵɵcontrolCreate`,moduleName:y};static animationEnterListener={name:`ɵɵanimateEnterListener`,moduleName:y};static animationLeaveListener={name:`ɵɵanimateLeaveListener`,moduleName:y};static animationEnter={name:`ɵɵanimateEnter`,moduleName:y};static animationLeave={name:`ɵɵanimateLeave`,moduleName:y};static i18n={name:`ɵɵi18n`,moduleName:y};static i18nAttributes={name:`ɵɵi18nAttributes`,moduleName:y};static i18nExp={name:`ɵɵi18nExp`,moduleName:y};static i18nStart={name:`ɵɵi18nStart`,moduleName:y};static i18nEnd={name:`ɵɵi18nEnd`,moduleName:y};static i18nApply={name:`ɵɵi18nApply`,moduleName:y};static i18nPostprocess={name:`ɵɵi18nPostprocess`,moduleName:y};static pipe={name:`ɵɵpipe`,moduleName:y};static projection={name:`ɵɵprojection`,moduleName:y};static projectionDef={name:`ɵɵprojectionDef`,moduleName:y};static reference={name:`ɵɵreference`,moduleName:y};static inject={name:`ɵɵinject`,moduleName:y};static injectAttribute={name:`ɵɵinjectAttribute`,moduleName:y};static directiveInject={name:`ɵɵdirectiveInject`,moduleName:y};static invalidFactory={name:`ɵɵinvalidFactory`,moduleName:y};static invalidFactoryDep={name:`ɵɵinvalidFactoryDep`,moduleName:y};static templateRefExtractor={name:`ɵɵtemplateRefExtractor`,moduleName:y};static forwardRef={name:`forwardRef`,moduleName:y};static resolveForwardRef={name:`resolveForwardRef`,moduleName:y};static replaceMetadata={name:`ɵɵreplaceMetadata`,moduleName:y};static getReplaceMetadataURL={name:`ɵɵgetReplaceMetadataURL`,moduleName:y};static ɵɵdefineInjectable={name:`ɵɵdefineInjectable`,moduleName:y};static declareInjectable={name:`ɵɵngDeclareInjectable`,moduleName:y};static InjectableDeclaration={name:`ɵɵInjectableDeclaration`,moduleName:y};static defineService={name:`ɵɵdefineService`,moduleName:y};static declareService={name:`ɵɵngDeclareService`,moduleName:y};static resolveWindow={name:`ɵɵresolveWindow`,moduleName:y};static resolveDocument={name:`ɵɵresolveDocument`,moduleName:y};static resolveBody={name:`ɵɵresolveBody`,moduleName:y};static getComponentDepsFactory={name:`ɵɵgetComponentDepsFactory`,moduleName:y};static defineComponent={name:`ɵɵdefineComponent`,moduleName:y};static declareComponent={name:`ɵɵngDeclareComponent`,moduleName:y};static setComponentScope={name:`ɵɵsetComponentScope`,moduleName:y};static ChangeDetectionStrategy={name:`ChangeDetectionStrategy`,moduleName:y};static ViewEncapsulation={name:`ViewEncapsulation`,moduleName:y};static ComponentDeclaration={name:`ɵɵComponentDeclaration`,moduleName:y};static FactoryDeclaration={name:`ɵɵFactoryDeclaration`,moduleName:y};static declareFactory={name:`ɵɵngDeclareFactory`,moduleName:y};static FactoryTarget={name:`ɵɵFactoryTarget`,moduleName:y};static defineDirective={name:`ɵɵdefineDirective`,moduleName:y};static declareDirective={name:`ɵɵngDeclareDirective`,moduleName:y};static DirectiveDeclaration={name:`ɵɵDirectiveDeclaration`,moduleName:y};static InjectorDef={name:`ɵɵInjectorDef`,moduleName:y};static InjectorDeclaration={name:`ɵɵInjectorDeclaration`,moduleName:y};static defineInjector={name:`ɵɵdefineInjector`,moduleName:y};static declareInjector={name:`ɵɵngDeclareInjector`,moduleName:y};static NgModuleDeclaration={name:`ɵɵNgModuleDeclaration`,moduleName:y};static ModuleWithProviders={name:`ModuleWithProviders`,moduleName:y};static defineNgModule={name:`ɵɵdefineNgModule`,moduleName:y};static declareNgModule={name:`ɵɵngDeclareNgModule`,moduleName:y};static setNgModuleScope={name:`ɵɵsetNgModuleScope`,moduleName:y};static registerNgModuleType={name:`ɵɵregisterNgModuleType`,moduleName:y};static PipeDeclaration={name:`ɵɵPipeDeclaration`,moduleName:y};static definePipe={name:`ɵɵdefinePipe`,moduleName:y};static declarePipe={name:`ɵɵngDeclarePipe`,moduleName:y};static declareClassMetadata={name:`ɵɵngDeclareClassMetadata`,moduleName:y};static declareClassMetadataAsync={name:`ɵɵngDeclareClassMetadataAsync`,moduleName:y};static setClassMetadata={name:`ɵsetClassMetadata`,moduleName:y};static setClassMetadataAsync={name:`ɵsetClassMetadataAsync`,moduleName:y};static setClassDebugInfo={name:`ɵsetClassDebugInfo`,moduleName:y};static queryRefresh={name:`ɵɵqueryRefresh`,moduleName:y};static viewQuery={name:`ɵɵviewQuery`,moduleName:y};static loadQuery={name:`ɵɵloadQuery`,moduleName:y};static contentQuery={name:`ɵɵcontentQuery`,moduleName:y};static viewQuerySignal={name:`ɵɵviewQuerySignal`,moduleName:y};static contentQuerySignal={name:`ɵɵcontentQuerySignal`,moduleName:y};static queryAdvance={name:`ɵɵqueryAdvance`,moduleName:y};static twoWayProperty={name:`ɵɵtwoWayProperty`,moduleName:y};static twoWayBindingSet={name:`ɵɵtwoWayBindingSet`,moduleName:y};static twoWayListener={name:`ɵɵtwoWayListener`,moduleName:y};static declareLet={name:`ɵɵdeclareLet`,moduleName:y};static storeLet={name:`ɵɵstoreLet`,moduleName:y};static readContextLet={name:`ɵɵreadContextLet`,moduleName:y};static arrowFunction={name:`ɵɵarrowFunction`,moduleName:y};static attachSourceLocations={name:`ɵɵattachSourceLocations`,moduleName:y};static NgOnChangesFeature={name:`ɵɵNgOnChangesFeature`,moduleName:y};static ControlFeature={name:`ɵɵControlFeature`,moduleName:y};static InheritDefinitionFeature={name:`ɵɵInheritDefinitionFeature`,moduleName:y};static ProvidersFeature={name:`ɵɵProvidersFeature`,moduleName:y};static HostDirectivesFeature={name:`ɵɵHostDirectivesFeature`,moduleName:y};static ExternalStylesFeature={name:`ɵɵExternalStylesFeature`,moduleName:y};static listener={name:`ɵɵlistener`,moduleName:y};static getInheritedFactory={name:`ɵɵgetInheritedFactory`,moduleName:y};static sanitizeHtml={name:`ɵɵsanitizeHtml`,moduleName:y};static sanitizeStyle={name:`ɵɵsanitizeStyle`,moduleName:y};static validateAttribute={name:`ɵɵvalidateAttribute`,moduleName:y};static sanitizeResourceUrl={name:`ɵɵsanitizeResourceUrl`,moduleName:y};static sanitizeScript={name:`ɵɵsanitizeScript`,moduleName:y};static sanitizeUrl={name:`ɵɵsanitizeUrl`,moduleName:y};static sanitizeUrlOrResourceUrl={name:`ɵɵsanitizeUrlOrResourceUrl`,moduleName:y};static trustConstantHtml={name:`ɵɵtrustConstantHtml`,moduleName:y};static trustConstantResourceUrl={name:`ɵɵtrustConstantResourceUrl`,moduleName:y};static inputDecorator={name:`Input`,moduleName:y};static outputDecorator={name:`Output`,moduleName:y};static viewChildDecorator={name:`ViewChild`,moduleName:y};static viewChildrenDecorator={name:`ViewChildren`,moduleName:y};static contentChildDecorator={name:`ContentChild`,moduleName:y};static contentChildrenDecorator={name:`ContentChildren`,moduleName:y};static InputSignalBrandWriteType={name:`ɵINPUT_SIGNAL_BRAND_WRITE_TYPE`,moduleName:y};static UnwrapDirectiveSignalInputs={name:`ɵUnwrapDirectiveSignalInputs`,moduleName:y};static unwrapWritableSignal={name:`ɵunwrapWritableSignal`,moduleName:y};static assertType={name:`ɵassertType`,moduleName:y}}return e})();v.And,v.Bigger,v.BiggerEquals,v.BitwiseOr,v.BitwiseAnd,v.Divide,v.Assign,v.Equals,v.Identical,v.Lower,v.LowerEquals,v.Minus,v.Modulo,v.Exponentiation,v.Multiply,v.NotEquals,v.NotIdentical,v.NullishCoalesce,v.Or,v.Plus,v.In,v.InstanceOf,v.AdditionAssignment,v.SubtractionAssignment,v.MultiplicationAssignment,v.DivisionAssignment,v.RemainderAssignment,v.ExponentiationAssignment,v.AndAssignment,v.OrAssignment,v.NullishCoalesceAssignment;var wt=class{span;sourceSpan;constructor(e,t){this.span=e,this.sourceSpan=t}toString(){return`AST`}},Tt=class extends wt{receiver;args;argumentSpan;constructor(e,t,n,r,i){super(e,t),this.receiver=n,this.args=r,this.argumentSpan=i}visit(e,t=null){return e.visitCall(this,t)}},Et=(function(e){return e[e.Property=0]=`Property`,e[e.Attribute=1]=`Attribute`,e[e.Class=2]=`Class`,e[e.Style=3]=`Style`,e[e.LegacyAnimation=4]=`LegacyAnimation`,e[e.TwoWay=5]=`TwoWay`,e[e.Animation=6]=`Animation`,e})(Et||{}),Dt=`(:(where|is)\\()?`,Ot=`-shadowcsshost`,kt=`-shadowcsscontext`,At=`[^)(]*`,jt=String.raw`(?:\(${At}\)|${At})+?`,Mt=String.raw`(?:\(${jt}\)|${At})+?`,Nt=String.raw`(?:\((${Mt})\))`;String.raw`(:nth-[-\w]+)`+Nt,Ot+Nt+``,`${Dt}`,kt+Nt+``;var x=(function(e){return e[e.ListEnd=0]=`ListEnd`,e[e.Statement=1]=`Statement`,e[e.Variable=2]=`Variable`,e[e.ElementStart=3]=`ElementStart`,e[e.Element=4]=`Element`,e[e.ForeignComponent=5]=`ForeignComponent`,e[e.Template=6]=`Template`,e[e.ElementEnd=7]=`ElementEnd`,e[e.ContainerStart=8]=`ContainerStart`,e[e.Container=9]=`Container`,e[e.ContainerEnd=10]=`ContainerEnd`,e[e.DisableBindings=11]=`DisableBindings`,e[e.ConditionalCreate=12]=`ConditionalCreate`,e[e.ConditionalBranchCreate=13]=`ConditionalBranchCreate`,e[e.Conditional=14]=`Conditional`,e[e.EnableBindings=15]=`EnableBindings`,e[e.Text=16]=`Text`,e[e.Listener=17]=`Listener`,e[e.InterpolateText=18]=`InterpolateText`,e[e.Binding=19]=`Binding`,e[e.Property=20]=`Property`,e[e.StyleProp=21]=`StyleProp`,e[e.ClassProp=22]=`ClassProp`,e[e.StyleMap=23]=`StyleMap`,e[e.ClassMap=24]=`ClassMap`,e[e.Advance=25]=`Advance`,e[e.Pipe=26]=`Pipe`,e[e.Attribute=27]=`Attribute`,e[e.ExtractedAttribute=28]=`ExtractedAttribute`,e[e.Defer=29]=`Defer`,e[e.DeferOn=30]=`DeferOn`,e[e.DeferWhen=31]=`DeferWhen`,e[e.I18nMessage=32]=`I18nMessage`,e[e.DomProperty=33]=`DomProperty`,e[e.Namespace=34]=`Namespace`,e[e.ProjectionDef=35]=`ProjectionDef`,e[e.EnableIncrementalHydrationRuntime=36]=`EnableIncrementalHydrationRuntime`,e[e.Projection=37]=`Projection`,e[e.Content=38]=`Content`,e[e.RepeaterCreate=39]=`RepeaterCreate`,e[e.Repeater=40]=`Repeater`,e[e.TwoWayProperty=41]=`TwoWayProperty`,e[e.TwoWayListener=42]=`TwoWayListener`,e[e.DeclareLet=43]=`DeclareLet`,e[e.StoreLet=44]=`StoreLet`,e[e.I18nStart=45]=`I18nStart`,e[e.I18n=46]=`I18n`,e[e.I18nEnd=47]=`I18nEnd`,e[e.I18nExpression=48]=`I18nExpression`,e[e.I18nApply=49]=`I18nApply`,e[e.IcuStart=50]=`IcuStart`,e[e.IcuEnd=51]=`IcuEnd`,e[e.IcuPlaceholder=52]=`IcuPlaceholder`,e[e.I18nContext=53]=`I18nContext`,e[e.I18nAttributes=54]=`I18nAttributes`,e[e.SourceLocation=55]=`SourceLocation`,e[e.Animation=56]=`Animation`,e[e.AnimationString=57]=`AnimationString`,e[e.AnimationBinding=58]=`AnimationBinding`,e[e.AnimationListener=59]=`AnimationListener`,e[e.Control=60]=`Control`,e[e.ControlCreate=61]=`ControlCreate`,e})(x||{}),Pt=(function(e){return e[e.LexicalRead=0]=`LexicalRead`,e[e.Context=1]=`Context`,e[e.TrackContext=2]=`TrackContext`,e[e.ReadVariable=3]=`ReadVariable`,e[e.NextContext=4]=`NextContext`,e[e.Reference=5]=`Reference`,e[e.StoreLet=6]=`StoreLet`,e[e.ContextLetReference=7]=`ContextLetReference`,e[e.GetCurrentView=8]=`GetCurrentView`,e[e.RestoreView=9]=`RestoreView`,e[e.ResetView=10]=`ResetView`,e[e.PureFunctionExpr=11]=`PureFunctionExpr`,e[e.PureFunctionParameterExpr=12]=`PureFunctionParameterExpr`,e[e.PipeBinding=13]=`PipeBinding`,e[e.PipeBindingVariadic=14]=`PipeBindingVariadic`,e[e.SafePropertyRead=15]=`SafePropertyRead`,e[e.SafeKeyedRead=16]=`SafeKeyedRead`,e[e.SafeNavigationMigration=17]=`SafeNavigationMigration`,e[e.SafeTernaryExpr=18]=`SafeTernaryExpr`,e[e.EmptyExpr=19]=`EmptyExpr`,e[e.AssignTemporaryExpr=20]=`AssignTemporaryExpr`,e[e.ReadTemporaryExpr=21]=`ReadTemporaryExpr`,e[e.SlotLiteralExpr=22]=`SlotLiteralExpr`,e[e.ConditionalCase=23]=`ConditionalCase`,e[e.ConstCollected=24]=`ConstCollected`,e[e.TwoWayBindingSet=25]=`TwoWayBindingSet`,e[e.ForeignContent=26]=`ForeignContent`,e[e.ArrowFunction=27]=`ArrowFunction`,e})(Pt||{}),Ft=(function(e){return e[e.None=0]=`None`,e[e.AlwaysInline=1]=`AlwaysInline`,e})(Ft||{}),It=(function(e){return e[e.Context=0]=`Context`,e[e.Identifier=1]=`Identifier`,e[e.SavedView=2]=`SavedView`,e[e.Alias=3]=`Alias`,e})(It||{}),Lt=(function(e){return e[e.Attribute=0]=`Attribute`,e[e.ClassName=1]=`ClassName`,e[e.StyleProperty=2]=`StyleProperty`,e[e.Property=3]=`Property`,e[e.Template=4]=`Template`,e[e.I18n=5]=`I18n`,e[e.LegacyAnimation=6]=`LegacyAnimation`,e[e.TwoWayProperty=7]=`TwoWayProperty`,e[e.Animation=8]=`Animation`,e})(Lt||{}),Rt=(function(e){return e[e.Creation=0]=`Creation`,e[e.Postproccessing=1]=`Postproccessing`,e})(Rt||{}),zt=(function(e){return e[e.I18nText=0]=`I18nText`,e[e.I18nAttribute=1]=`I18nAttribute`,e})(zt||{}),Bt=(function(e){return e[e.None=0]=`None`,e[e.ElementTag=1]=`ElementTag`,e[e.TemplateTag=2]=`TemplateTag`,e[e.OpenTag=4]=`OpenTag`,e[e.CloseTag=8]=`CloseTag`,e[e.ExpressionIndex=16]=`ExpressionIndex`,e})(Bt||{}),Vt=(function(e){return e[e.HTML=0]=`HTML`,e[e.SVG=1]=`SVG`,e[e.Math=2]=`Math`,e})(Vt||{}),Ht=(function(e){return e[e.Idle=0]=`Idle`,e[e.Immediate=1]=`Immediate`,e[e.Timer=2]=`Timer`,e[e.Hover=3]=`Hover`,e[e.Interaction=4]=`Interaction`,e[e.Viewport=5]=`Viewport`,e[e.Never=6]=`Never`,e})(Ht||{}),Ut=(function(e){return e[e.RootI18n=0]=`RootI18n`,e[e.Icu=1]=`Icu`,e[e.Attr=2]=`Attr`,e})(Ut||{}),Wt=(function(e){return e[e.NgTemplate=0]=`NgTemplate`,e[e.Structural=1]=`Structural`,e[e.Block=2]=`Block`,e})(Wt||{}),Gt=(function(e){return e[e.None=0]=`None`,e[e.InChildOperation=1]=`InChildOperation`,e[e.InArrowFunctionOperation=2]=`InArrowFunctionOperation`,e[e.InSafeNavigationMigration=4]=`InSafeNavigationMigration`,e})(Gt||{});x.Element,x.ElementStart,x.Container,x.ContainerStart,x.Template,x.RepeaterCreate,x.ConditionalCreate,x.ConditionalBranchCreate;var S=(function(e){return e[e.Tmpl=0]=`Tmpl`,e[e.Host=1]=`Host`,e[e.Both=2]=`Both`,e})(S||{}),Kt=(function(e){return e[e.Full=0]=`Full`,e[e.DomOnly=1]=`DomOnly`,e})(Kt||{});b.ariaProperty,b.ariaProperty,b.attribute,b.attribute,b.classProp,b.classProp,b.element,b.element,b.elementContainer,b.elementContainer,b.elementContainerEnd,b.elementContainerEnd,b.elementContainerStart,b.elementContainerStart,b.elementEnd,b.elementEnd,b.elementStart,b.elementStart,b.domProperty,b.domProperty,b.i18nExp,b.i18nExp,b.listener,b.listener,b.listener,b.listener,b.property,b.property,b.styleProp,b.styleProp,b.syntheticHostListener,b.syntheticHostListener,b.syntheticHostProperty,b.syntheticHostProperty,b.templateCreate,b.templateCreate,b.twoWayProperty,b.twoWayProperty,b.twoWayListener,b.twoWayListener,b.declareLet,b.declareLet,b.conditionalCreate,b.conditionalBranchCreate,b.conditionalBranchCreate,b.conditionalBranchCreate,b.domElement,b.domElement,b.domElementStart,b.domElementStart,b.domElementEnd,b.domElementEnd,b.domElementContainer,b.domElementContainer,b.domElementContainerStart,b.domElementContainerStart,b.domElementContainerEnd,b.domElementContainerEnd,b.domListener,b.domListener,b.domTemplate,b.domTemplate,b.animationEnter,b.animationEnter,b.animationLeave,b.animationLeave,b.animationEnterListener,b.animationEnterListener,b.animationLeaveListener,b.animationLeaveListener,v.And,v.Bigger,v.BiggerEquals,v.BitwiseOr,v.BitwiseAnd,v.Divide,v.Assign,v.Equals,v.Identical,v.Lower,v.LowerEquals,v.Minus,v.Modulo,v.Exponentiation,v.Multiply,v.NotEquals,v.NotIdentical,v.NullishCoalesce,v.Or,v.Plus,v.In,v.InstanceOf,v.AdditionAssignment,v.SubtractionAssignment,v.MultiplicationAssignment,v.DivisionAssignment,v.RemainderAssignment,v.ExponentiationAssignment,v.AndAssignment,v.OrAssignment,v.NullishCoalesceAssignment,x.Property,x.Property,x.Property,x.Attribute,x.Attribute,x.Property,x.TwoWayProperty,x.Container,x.ContainerStart,x.ContainerEnd,x.Element,x.ElementStart,x.ElementEnd,x.Template,x.ElementEnd,x.ElementStart,x.Element,x.ContainerEnd,x.ContainerStart,x.Container,x.I18nEnd,x.I18nStart,x.I18n,x.Pipe;var qt=` \f
-\r	\v ᠎ - \u2028\u2029  　`;`${qt}`,`${qt}`;var Jt=(function(e){return e[e.Character=0]=`Character`,e[e.Identifier=1]=`Identifier`,e[e.PrivateIdentifier=2]=`PrivateIdentifier`,e[e.Keyword=3]=`Keyword`,e[e.String=4]=`String`,e[e.Operator=5]=`Operator`,e[e.Number=6]=`Number`,e[e.RegExpBody=7]=`RegExpBody`,e[e.RegExpFlags=8]=`RegExpFlags`,e[e.Error=9]=`Error`,e})(Jt||{}),Yt=(function(e){return e[e.Plain=0]=`Plain`,e[e.TemplateLiteralPart=1]=`TemplateLiteralPart`,e[e.TemplateLiteralEnd=2]=`TemplateLiteralEnd`,e})(Yt||{});Jt.Character,x.StyleMap,x.ClassMap,x.StyleProp,x.ClassProp,x.Attribute,x.Property,x.Attribute,x.Control,x.DomProperty,x.DomProperty,x.Attribute,x.StyleMap,x.ClassMap,x.StyleProp,x.ClassProp,x.Listener,x.TwoWayListener,x.AnimationListener,x.StyleMap,x.ClassMap,x.StyleProp,x.ClassProp,x.Property,x.TwoWayProperty,x.DomProperty,x.Attribute,x.Animation,x.Control,Ht.Idle,b.deferOnIdle,b.deferPrefetchOnIdle,b.deferHydrateOnIdle,Ht.Immediate,b.deferOnImmediate,b.deferPrefetchOnImmediate,b.deferHydrateOnImmediate,Ht.Timer,b.deferOnTimer,b.deferPrefetchOnTimer,b.deferHydrateOnTimer,Ht.Hover,b.deferOnHover,b.deferPrefetchOnHover,b.deferHydrateOnHover,Ht.Interaction,b.deferOnInteraction,b.deferPrefetchOnInteraction,b.deferHydrateOnInteraction,Ht.Viewport,b.deferOnViewport,b.deferPrefetchOnViewport,b.deferHydrateOnViewport,Ht.Never,b.deferHydrateNever,b.deferHydrateNever,b.deferHydrateNever,b.pipeBind1,b.pipeBind2,b.pipeBind3,b.pipeBind4,b.textInterpolate,b.textInterpolate1,b.textInterpolate2,b.textInterpolate3,b.textInterpolate4,b.textInterpolate5,b.textInterpolate6,b.textInterpolate7,b.textInterpolate8,b.textInterpolateV,b.interpolate,b.interpolate1,b.interpolate2,b.interpolate3,b.interpolate4,b.interpolate5,b.interpolate6,b.interpolate7,b.interpolate8,b.interpolateV,b.pureFunction0,b.pureFunction1,b.pureFunction2,b.pureFunction3,b.pureFunction4,b.pureFunction5,b.pureFunction6,b.pureFunction7,b.pureFunction8,b.pureFunctionV,b.resolveWindow,b.resolveDocument,b.resolveBody,rt.HTML,b.sanitizeHtml,rt.RESOURCE_URL,b.sanitizeResourceUrl,rt.SCRIPT,b.sanitizeScript,rt.STYLE,b.sanitizeStyle,rt.URL,b.sanitizeUrl,rt.ATTRIBUTE_NO_BINDING,b.validateAttribute,rt.HTML,b.trustConstantHtml,rt.RESOURCE_URL,b.trustConstantResourceUrl;var Xt=(function(e){return e[e.None=0]=`None`,e[e.ViewContextRead=1]=`ViewContextRead`,e[e.ViewContextWrite=2]=`ViewContextWrite`,e[e.SideEffectful=4]=`SideEffectful`,e})(Xt||{});S.Tmpl,S.Tmpl,S.Both,S.Host,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Both,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Both,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Both,S.Both,S.Both,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Tmpl,S.Both,S.Tmpl,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Both,Et.Property,Lt.Property,Et.TwoWay,Lt.TwoWayProperty,Et.Attribute,Lt.Attribute,Et.Class,Lt.ClassName,Et.Style,Lt.StyleProperty,Et.LegacyAnimation,Lt.LegacyAnimation,Et.Animation,Lt.Animation;var Zt=`%COMP%`;`${Zt}`,`${Zt}`,class e{static SINGLETON=new e;static veWillInferAnyFor(t){let n=e.SINGLETON;return t instanceof Tt?t.visit(n):t.receiver.visit(n)}visitUnary(e){return e.expr.visit(this)}visitBinary(e){return e.left.visit(this)||e.right.visit(this)}visitChain(){return!1}visitConditional(e){return e.condition.visit(this)||e.trueExp.visit(this)||e.falseExp.visit(this)}visitCall(){return!0}visitSafeCall(){return!1}visitImplicitReceiver(){return!1}visitThisReceiver(){return!1}visitInterpolation(e){return e.expressions.some(e=>e.visit(this))}visitKeyedRead(){return!1}visitLiteralArray(){return!0}visitLiteralMap(){return!0}visitLiteralPrimitive(){return!1}visitPipe(){return!0}visitPrefixNot(e){return e.expression.visit(this)}visitTypeofExpression(e){return e.expression.visit(this)}visitVoidExpression(e){return e.expression.visit(this)}visitNonNullAssert(e){return e.expression.visit(this)}visitPropertyRead(){return!1}visitSafePropertyRead(){return!1}visitSafeKeyedRead(){return!1}visitTemplateLiteral(){return!1}visitTemplateLiteralElement(){return!1}visitTaggedTemplateLiteral(){return!1}visitParenthesizedExpression(e){return e.expression.visit(this)}visitRegularExpressionLiteral(){return!1}visitSpreadElement(e){return e.expression.visit(this)}visitArrowFunction(e,t){return!1}};var Qt=null,$t=!1,en=1,tn=null,nn=Symbol(`SIGNAL`);function rn(e){let t=Qt;return Qt=e,t}function an(){return Qt}var on={version:0,lastCleanEpoch:0,dirty:!1,producers:void 0,producersTail:void 0,consumers:void 0,consumersTail:void 0,recomputing:!1,consumerAllowSignalWrites:!1,consumerIsAlwaysLive:!1,kind:`unknown`,producerMustRecompute:()=>!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{}};function sn(e){if($t)throw Error(``);if(Qt===null)return;Qt.consumerOnSignalRead(e);let t=Qt.producersTail;if(t!==void 0&&t.producer===e)return;let n,r=Qt.recomputing;if(r&&(n=t===void 0?Qt.producers:t.nextProducer,n!==void 0&&n.producer===e)){Qt.producersTail=n,n.lastReadVersion=e.version,n.knownValidAtEpoch=en;return}let i=e.consumersTail;if(i!==void 0&&i.consumer===Qt&&(!r||i.knownValidAtEpoch===en))return;let a=Sn(Qt),o={producer:e,consumer:Qt,nextProducer:n,prevConsumer:void 0,knownValidAtEpoch:en,lastReadVersion:e.version,nextConsumer:void 0};Qt.producersTail=o,t===void 0?Qt.producers=o:t.nextProducer=o,a&&bn(e,o)}function cn(){en++}function ln(e){if((!Sn(e)||e.dirty)&&(e.dirty||e.lastCleanEpoch!==en)){if(!e.producerMustRecompute(e)&&!vn(e)){pn(e);return}e.producerRecomputeValue(e),pn(e)}}function un(e){if(e.consumers===void 0)return;let t=$t;$t=!0;try{for(let t=e.consumers;t!==void 0;t=t.nextConsumer){let e=t.consumer;e.dirty||fn(e)}}finally{$t=t}}function dn(){return Qt?.consumerAllowSignalWrites!==!1}function fn(e){e.dirty=!0,un(e),e.consumerMarkedDirty?.(e)}function pn(e){e.dirty=!1,e.lastCleanEpoch=en}function mn(e){return e&&hn(e),rn(e)}function hn(e){if(e.producersTail?.knownValidAtEpoch===en){let t=e.producers;for(;t!==void 0;)t.knownValidAtEpoch=null,t=t.nextProducer}e.producersTail=void 0,e.recomputing=!0}function gn(e,t){rn(t),e&&_n(e)}function _n(e){e.recomputing=!1;let t=e.producersTail,n=t===void 0?e.producers:t.nextProducer;if(n!==void 0){if(Sn(e))do n=xn(n);while(n!==void 0);t===void 0?e.producers=void 0:t.nextProducer=void 0}}function vn(e){for(let t=e.producers;t!==void 0;t=t.nextProducer){let e=t.producer,n=t.lastReadVersion;if(n!==e.version||(ln(e),n!==e.version))return!0}return!1}function yn(e){if(Sn(e)){let t=e.producers;for(;t!==void 0;)t=xn(t)}e.producers=void 0,e.producersTail=void 0,e.consumers=void 0,e.consumersTail=void 0}function bn(e,t){let n=e.consumersTail,r=Sn(e);if(n===void 0?(t.nextConsumer=void 0,e.consumers=t):(t.nextConsumer=n.nextConsumer,n.nextConsumer=t),t.prevConsumer=n,e.consumersTail=t,!r)for(let t=e.producers;t!==void 0;t=t.nextProducer)bn(t.producer,t)}function xn(e){let t=e.producer,n=e.nextProducer,r=e.nextConsumer,i=e.prevConsumer;if(e.nextConsumer=void 0,e.prevConsumer=void 0,r===void 0?t.consumersTail=i:r.prevConsumer=i,i!==void 0)i.nextConsumer=r;else if(t.consumers=r,!Sn(t)){let e=t.producers;for(;e!==void 0;)e=xn(e)}return n}function Sn(e){return e.consumerIsAlwaysLive||e.consumers!==void 0}function Cn(e){tn?.(e)}function wn(e,t){return Object.is(e,t)}function Tn(e,t){let n=Object.create(kn);n.computation=e,t!==void 0&&(n.equal=t);let r=()=>{if(ln(n),sn(n),n.value===On)throw n.error;return n.value};return r[nn]=n,Cn(n),r}var En=Symbol(`UNSET`),Dn=Symbol(`COMPUTING`),On=Symbol(`ERRORED`),kn={...on,value:En,dirty:!0,error:null,equal:wn,kind:`computed`,producerMustRecompute(e){return e.value===En||e.value===Dn},producerRecomputeValue(e){if(e.value===Dn)throw Error(``);let t=e.value;e.value=Dn;let n=mn(e),r,i=!1;try{r=e.computation(),rn(null),i=t!==En&&t!==On&&r!==On&&e.equal(t,r)}catch(t){r=On,e.error=t}finally{gn(e,n)}if(i){e.value=t;return}e.value=r,e.version++}};function An(){throw Error()}var jn=An;function Mn(e){jn(e)}function Nn(e){jn=e}var Pn=null;function Fn(e,t){let n=Object.create(zn);n.value=e,t!==void 0&&(n.equal=t);let r=()=>In(n);return r[nn]=n,Cn(n),[r,e=>Ln(n,e),e=>Rn(n,e)]}function In(e){return sn(e),e.value}function Ln(e,t){dn()||Mn(e),e.equal(e.value,t)||(e.value=t,Bn(e))}function Rn(e,t){dn()||Mn(e),Ln(e,t(e.value))}var zn={...on,equal:wn,value:void 0,kind:`signal`};function Bn(e){e.version++,cn(),un(e),Pn?.(e)}var Vn={...on,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!0,dirty:!0,kind:`effect`};function Hn(e){if(e.dirty=!1,e.version>0&&!vn(e))return;e.version++;let t=mn(e);try{e.cleanup(),e.fn()}finally{gn(e,t)}}var Un=void 0;function Wn(){return Un}function Gn(e){let t=Un;return Un=e,t}var Kn=Symbol(`NotFound`);function qn(e){return e===Kn||e?.name===`ɵNotFound`}function Jn(e,t,n){let r=Object.create(Zn);r.source=e,r.computation=t,n!=null&&(r.equal=n);let i=()=>{if(ln(r),sn(r),r.value===On)throw r.error;return r.value};return i[nn]=r,Cn(r),i}function Yn(e,t){ln(e),Ln(e,t),pn(e)}function Xn(e,t){if(ln(e),e.value===On)throw e.error;Rn(e,t),pn(e)}var Zn={...on,value:En,dirty:!0,error:null,equal:wn,kind:`linkedSignal`,producerMustRecompute(e){return e.value===En||e.value===Dn},producerRecomputeValue(e){if(e.value===Dn)throw Error(``);let t=e.value;e.value=Dn;let n=mn(e),r,i=!1;try{let n=e.source(),a=t!==En&&t!==On,o=a?{source:e.sourceValue,value:t}:void 0;r=e.computation(n,o),e.sourceValue=n,rn(null),i=a&&r!==On&&e.equal(t,r)}catch(t){r=On,e.error=t}finally{gn(e,n)}if(i){e.value=t;return}e.value=r,e.version++}};function Qn(e){let t=rn(null);try{return e()}finally{rn(t)}}var $n=function(e,t){return $n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},$n(e,t)};function er(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);$n(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}function tr(e,t,n,r){function i(e){return e instanceof n?e:new n(function(t){t(e)})}return new(n||=Promise)(function(n,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(o,s)}c((r=r.apply(e,t||[])).next())})}function nr(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,o=Object.create((typeof Iterator==`function`?Iterator:Object).prototype);return o.next=s(0),o.throw=s(1),o.return=s(2),typeof Symbol==`function`&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return c([e,t])}}function c(s){if(r)throw TypeError(`Generator is already executing.`);for(;o&&(o=0,s[0]&&(n=0)),n;)try{if(r=1,i&&(a=s[0]&2?i.return:s[0]?i.throw||((a=i.return)&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;switch(i=0,a&&(s=[s[0]&2,a.value]),s[0]){case 0:case 1:a=s;break;case 4:return n.label++,{value:s[1],done:!1};case 5:n.label++,i=s[1],s=[0];continue;case 7:s=n.ops.pop(),n.trys.pop();continue;default:if(a=n.trys,!(a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1],a=s;break}if(a&&n.label<a[2]){n.label=a[2],n.ops.push(s);break}a[2]&&n.ops.pop(),n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e],i=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}function rr(e){var t=typeof Symbol==`function`&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&typeof e.length==`number`)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw TypeError(t?`Object is not iterable.`:`Symbol.iterator is not defined.`)}function ir(e,t){var n=typeof Symbol==`function`&&e[Symbol.iterator];if(!n)return e;var r=n.call(e),i,a=[],o;try{for(;(t===void 0||t-->0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function ar(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||=Array.prototype.slice.call(t,0,r),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}function or(e){return this instanceof or?(this.v=e,this):new or(e)}function sr(e,t,n){if(!Symbol.asyncIterator)throw TypeError(`Symbol.asyncIterator is not defined.`);var r=n.apply(e,t||[]),i,a=[];return i=Object.create((typeof AsyncIterator==`function`?AsyncIterator:Object).prototype),s(`next`),s(`throw`),s(`return`,o),i[Symbol.asyncIterator]=function(){return this},i;function o(e){return function(t){return Promise.resolve(t).then(e,d)}}function s(e,t){r[e]&&(i[e]=function(t){return new Promise(function(n,r){a.push([e,t,n,r])>1||c(e,t)})},t&&(i[e]=t(i[e])))}function c(e,t){try{l(r[e](t))}catch(e){f(a[0][3],e)}}function l(e){e.value instanceof or?Promise.resolve(e.value.v).then(u,d):f(a[0][2],e)}function u(e){c(`next`,e)}function d(e){c(`throw`,e)}function f(e,t){e(t),a.shift(),a.length&&c(a[0][0],a[0][1])}}function cr(e){if(!Symbol.asyncIterator)throw TypeError(`Symbol.asyncIterator is not defined.`);var t=e[Symbol.asyncIterator],n;return t?t.call(e):(e=typeof rr==`function`?rr(e):e[Symbol.iterator](),n={},r(`next`),r(`throw`),r(`return`),n[Symbol.asyncIterator]=function(){return this},n);function r(t){n[t]=e[t]&&function(n){return new Promise(function(r,a){n=e[t](n),i(r,a,n.done,n.value)})}}function i(e,t,n,r){Promise.resolve(r).then(function(t){e({value:t,done:n})},t)}}function lr(e){return typeof e==`function`}function ur(e){var t=e(function(e){Error.call(e),e.stack=Error().stack});return t.prototype=Object.create(Error.prototype),t.prototype.constructor=t,t}var dr=ur(function(e){return function(t){e(this),this.message=t?t.length+` errors occurred during unsubscription:
+(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),t.credentials=e.crossOrigin===`use-credentials`?`include`:e.crossOrigin===`anonymous`?`omit`:`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,i=(t,n,r)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[n]=r,a=(e,a)=>{for(var o in a||={})n.call(a,o)&&i(e,o,a[o]);if(t)for(var o of t(a))r.call(a,o)&&i(e,o,a[o]);return e},o=(e,t,n)=>(i(e,typeof t==`symbol`?t:t+``,n),n),s=globalThis;function c(e){let t=s.__Zone_symbol_prefix;return(typeof t==`string`?t:`__zone_symbol__`)+e}function l(){let e=s.performance;function t(t){e&&e.mark&&e.mark(t)}function n(t,n){e&&e.measure&&e.measure(t,n)}t(`Zone`);let r=class e{constructor(e,t){o(this,`_parent`),o(this,`_name`),o(this,`_properties`),o(this,`_zoneDelegate`),this._parent=e,this._name=t?t.name||`unnamed`:`<root>`,this._properties=t&&t.properties||{},this._zoneDelegate=new l(this,this._parent&&this._parent._zoneDelegate,t)}static assertZonePatched(){if(s.Promise!==pe.ZoneAwarePromise)throw Error("Zone.js has detected that ZoneAwarePromise `(window|global).Promise` has been overwritten.\nMost likely cause is that a Promise polyfill has been loaded after Zone.js (Polyfilling Promise api is not necessary when zone.js is loaded. If you must load one, do so before loading zone.js.)")}static get root(){let t=e.current;for(;t.parent;)t=t.parent;return t}static get current(){return he.zone}static get currentTask(){return ge}static __load_patch(r,i,a=!1){if(Object.hasOwn(pe,r)){let e=s[c(`forceDuplicateZoneCheck`)]===!0;if(!a&&e)throw Error(`Already loaded patch: `+r)}else if(!s[`__Zone_disable_`+r]){let a=`Zone:`+r;t(a),pe[r]=i(s,e,me),n(a,a)}}get parent(){return this._parent}get name(){return this._name}get(e){let t=this.getZoneWith(e);if(t)return t._properties[e]}getZoneWith(e){let t=this;for(;t;){if(Object.hasOwn(t._properties,e))return t;t=t._parent}return null}fork(e){if(!e)throw Error(`ZoneSpec required!`);return this._zoneDelegate.fork(this,e)}wrap(e,t){if(typeof e!=`function`)throw Error(`Expecting function got: `+e);let n=this._zoneDelegate.intercept(this,e,t),r=this;return function(){return r.runGuarded(n,this,arguments,t)}}run(e,t,n,r){he={parent:he,zone:this};try{return this._zoneDelegate.invoke(this,e,t,n,r)}finally{he=he.parent}}runGuarded(e,t=null,n,r){he={parent:he,zone:this};try{try{return this._zoneDelegate.invoke(this,e,t,n,r)}catch(e){if(this._zoneDelegate.handleError(this,e))throw e}}finally{he=he.parent}}runTask(e,t,n){if(e.zone!=this)throw Error(`A task can only be run in the zone of creation! (Creation: `+(e.zone||re).name+`; Execution: `+this.name+`)`);let r=e,{type:i,data:{isPeriodic:a=!1,isRefreshable:o=!1}={}}=e;if(e.state===ie&&(i===fe||i===de))return;let s=e.state!=se;s&&r._transitionTo(se,oe);let c=ge;ge=r,he={parent:he,zone:this};try{i==de&&e.data&&!a&&!o&&(e.cancelFn=void 0);try{return this._zoneDelegate.invokeTask(this,r,t,n)}catch(e){if(this._zoneDelegate.handleError(this,e))throw e}}finally{let t=e.state;if(t!==ie&&t!==le){if(i==fe||a||o&&t===ae)s&&r._transitionTo(oe,se,ae);else{let e=r._zoneDelegates;this._updateTaskCount(r,-1),s&&r._transitionTo(ie,se,ie),o&&(r._zoneDelegates=e)}}he=he.parent,ge=c}}scheduleTask(e){if(e.zone&&e.zone!==this){let t=this;for(;t;){if(t===e.zone)throw Error(`can not reschedule task to ${this.name} which is descendants of the original zone ${e.zone.name}`);t=t.parent}}e._transitionTo(ae,ie);let t=[];e._zoneDelegates=t,e._zone=this;try{e=this._zoneDelegate.scheduleTask(this,e)}catch(t){throw e._transitionTo(le,ae,ie),this._zoneDelegate.handleError(this,t),t}return e._zoneDelegates===t&&this._updateTaskCount(e,1),e.state==ae&&e._transitionTo(oe,ae),e}scheduleMicroTask(e,t,n,r){return this.scheduleTask(new u(ue,e,t,n,r,void 0))}scheduleMacroTask(e,t,n,r,i){return this.scheduleTask(new u(de,e,t,n,r,i))}scheduleEventTask(e,t,n,r,i){return this.scheduleTask(new u(fe,e,t,n,r,i))}cancelTask(e){if(e.zone!=this)throw Error(`A task can only be cancelled in the zone of creation! (Creation: `+(e.zone||re).name+`; Execution: `+this.name+`)`);if(e.state===oe||e.state===se){e._transitionTo(ce,oe,se);try{this._zoneDelegate.cancelTask(this,e)}catch(t){throw e._transitionTo(le,ce),this._zoneDelegate.handleError(this,t),t}return this._updateTaskCount(e,-1),e._transitionTo(ie,ce),e.runCount=-1,e}}_updateTaskCount(e,t){let n=e._zoneDelegates;t==-1&&(e._zoneDelegates=null);for(let r=0;r<n.length;r++)n[r]._updateTaskCount(e.type,t)}};o(r,`__symbol__`,c);let i=r,a={name:``,onHasTask:(e,t,n,r)=>e.hasTask(n,r),onScheduleTask:(e,t,n,r)=>e.scheduleTask(n,r),onInvokeTask:(e,t,n,r,i,a)=>e.invokeTask(n,r,i,a),onCancelTask:(e,t,n,r)=>e.cancelTask(n,r)};class l{constructor(e,t,n){o(this,`_zone`),o(this,`_taskCounts`,{microTask:0,macroTask:0,eventTask:0}),o(this,`_forkDlgt`),o(this,`_forkZS`),o(this,`_forkCurrZone`),o(this,`_interceptDlgt`),o(this,`_interceptZS`),o(this,`_interceptCurrZone`),o(this,`_invokeDlgt`),o(this,`_invokeZS`),o(this,`_invokeCurrZone`),o(this,`_handleErrorDlgt`),o(this,`_handleErrorZS`),o(this,`_handleErrorCurrZone`),o(this,`_scheduleTaskDlgt`),o(this,`_scheduleTaskZS`),o(this,`_scheduleTaskCurrZone`),o(this,`_invokeTaskDlgt`),o(this,`_invokeTaskZS`),o(this,`_invokeTaskCurrZone`),o(this,`_cancelTaskDlgt`),o(this,`_cancelTaskZS`),o(this,`_cancelTaskCurrZone`),o(this,`_hasTaskDlgt`),o(this,`_hasTaskDlgtOwner`),o(this,`_hasTaskZS`),o(this,`_hasTaskCurrZone`),this._zone=e,this._forkZS=n&&(n&&n.onFork?n:t._forkZS),this._forkDlgt=n&&(n.onFork?t:t._forkDlgt),this._forkCurrZone=n&&(n.onFork?this._zone:t._forkCurrZone),this._interceptZS=n&&(n.onIntercept?n:t._interceptZS),this._interceptDlgt=n&&(n.onIntercept?t:t._interceptDlgt),this._interceptCurrZone=n&&(n.onIntercept?this._zone:t._interceptCurrZone),this._invokeZS=n&&(n.onInvoke?n:t._invokeZS),this._invokeDlgt=n&&(n.onInvoke?t:t._invokeDlgt),this._invokeCurrZone=n&&(n.onInvoke?this._zone:t._invokeCurrZone),this._handleErrorZS=n&&(n.onHandleError?n:t._handleErrorZS),this._handleErrorDlgt=n&&(n.onHandleError?t:t._handleErrorDlgt),this._handleErrorCurrZone=n&&(n.onHandleError?this._zone:t._handleErrorCurrZone),this._scheduleTaskZS=n&&(n.onScheduleTask?n:t._scheduleTaskZS),this._scheduleTaskDlgt=n&&(n.onScheduleTask?t:t._scheduleTaskDlgt),this._scheduleTaskCurrZone=n&&(n.onScheduleTask?this._zone:t._scheduleTaskCurrZone),this._invokeTaskZS=n&&(n.onInvokeTask?n:t._invokeTaskZS),this._invokeTaskDlgt=n&&(n.onInvokeTask?t:t._invokeTaskDlgt),this._invokeTaskCurrZone=n&&(n.onInvokeTask?this._zone:t._invokeTaskCurrZone),this._cancelTaskZS=n&&(n.onCancelTask?n:t._cancelTaskZS),this._cancelTaskDlgt=n&&(n.onCancelTask?t:t._cancelTaskDlgt),this._cancelTaskCurrZone=n&&(n.onCancelTask?this._zone:t._cancelTaskCurrZone),this._hasTaskZS=null,this._hasTaskDlgt=null,this._hasTaskDlgtOwner=null,this._hasTaskCurrZone=null;let r=n&&n.onHasTask,i=t&&t._hasTaskZS;(r||i)&&(this._hasTaskZS=r?n:a,this._hasTaskDlgt=t,this._hasTaskDlgtOwner=this,this._hasTaskCurrZone=this._zone,n.onScheduleTask||(this._scheduleTaskZS=a,this._scheduleTaskDlgt=t,this._scheduleTaskCurrZone=this._zone),n.onInvokeTask||(this._invokeTaskZS=a,this._invokeTaskDlgt=t,this._invokeTaskCurrZone=this._zone),n.onCancelTask||(this._cancelTaskZS=a,this._cancelTaskDlgt=t,this._cancelTaskCurrZone=this._zone))}get zone(){return this._zone}fork(e,t){return this._forkZS?this._forkZS.onFork(this._forkDlgt,this.zone,e,t):new i(e,t)}intercept(e,t,n){return this._interceptZS?this._interceptZS.onIntercept(this._interceptDlgt,this._interceptCurrZone,e,t,n):t}invoke(e,t,n,r,i){return this._invokeZS?this._invokeZS.onInvoke(this._invokeDlgt,this._invokeCurrZone,e,t,n,r,i):t.apply(n,r)}handleError(e,t){return!this._handleErrorZS||this._handleErrorZS.onHandleError(this._handleErrorDlgt,this._handleErrorCurrZone,e,t)}scheduleTask(e,t){let n=t;if(this._scheduleTaskZS)this._hasTaskZS&&n._zoneDelegates.push(this._hasTaskDlgtOwner),n=this._scheduleTaskZS.onScheduleTask(this._scheduleTaskDlgt,this._scheduleTaskCurrZone,e,t),n||=t;else if(t.scheduleFn)t.scheduleFn(t);else if(t.type==ue)te(t);else throw Error(`Task is missing scheduleFn.`);return n}invokeTask(e,t,n,r){return this._invokeTaskZS?this._invokeTaskZS.onInvokeTask(this._invokeTaskDlgt,this._invokeTaskCurrZone,e,t,n,r):t.callback.apply(n,r)}cancelTask(e,t){let n;if(this._cancelTaskZS)n=this._cancelTaskZS.onCancelTask(this._cancelTaskDlgt,this._cancelTaskCurrZone,e,t);else{if(!t.cancelFn)throw Error(`Task is not cancelable`);n=t.cancelFn(t)}return n}hasTask(e,t){try{this._hasTaskZS&&this._hasTaskZS.onHasTask(this._hasTaskDlgt,this._hasTaskCurrZone,e,t)}catch(t){this.handleError(e,t)}}_updateTaskCount(e,t){let n=this._taskCounts,r=n[e],i=n[e]=r+t;if(i<0)throw Error(`More tasks executed then were scheduled.`);if(r==0||i==0){let t={microTask:n.microTask>0,macroTask:n.macroTask>0,eventTask:n.eventTask>0,change:e};this.hasTask(this._zone,t)}}}class u{constructor(e,t,n,r,i,a){if(o(this,`type`),o(this,`source`),o(this,`invoke`),o(this,`callback`),o(this,`data`),o(this,`scheduleFn`),o(this,`cancelFn`),o(this,`_zone`,null),o(this,`runCount`,0),o(this,`_zoneDelegates`,null),o(this,`_state`,`notScheduled`),this.type=e,this.source=t,this.data=r,this.scheduleFn=i,this.cancelFn=a,!n)throw Error(`callback is not defined`);this.callback=n;let c=this;this.invoke=e===fe&&r&&r.useG?u.invokeTask:function(){return u.invokeTask.call(s,c,this,arguments)}}static invokeTask(e,t,n){e||=this,_e++;try{return e.runCount++,e.zone.runTask(e,t,n)}finally{try{_e===1&&!s[m]&&ne()}finally{_e--}}}get zone(){return this._zone}get state(){return this._state}cancelScheduleRequest(){this._transitionTo(ie,ae)}_transitionTo(e,t,n){if(this._state===t||this._state===n)this._state=e,e==ie&&(this._zoneDelegates=null);else throw Error(`${this.type} '${this.source}': can not transition to '${e}', expecting state '${t}'${n?` or '`+n+`'`:``}, was '${this._state}'.`)}toString(){return this.data&&this.data.handleId!==void 0?this.data.handleId.toString():Object.prototype.toString.call(this)}toJSON(){return{type:this.type,state:this.state,source:this.source,zone:this.zone.name,runCount:this.runCount}}}let d=c(`setTimeout`),f=c(`Promise`),p=c(`then`),m=c(`enable_native_microtask_draining`),h=[],g=!1,_;function ee(e){!_&&s[f]&&(_=s[f].resolve(0)),_?(_[p]??_.then).call(_,e):s[d](e,0)}function te(e){let t=s[m],n=t&&h.length===0&&!g,r=!t&&_e===0&&h.length===0;(n||r)&&ee(ne),e&&h.push(e)}function ne(){if(!g){g=!0;try{for(;h.length;){let e=h;h=[];for(let t of e)try{t.zone.runTask(t,null,null)}catch(e){me.onUnhandledError(e)}}}finally{if(s[m])g=!1,me.microtaskDrainDone();else try{me.microtaskDrainDone()}finally{g=!1}}}}let re={name:`NO ZONE`},ie=`notScheduled`,ae=`scheduling`,oe=`scheduled`,se=`running`,ce=`canceling`,le=`unknown`,ue=`microTask`,de=`macroTask`,fe=`eventTask`,pe=Object.create(null),me={symbol:c,currentZoneFrame:()=>he,onUnhandledError:ve,microtaskDrainDone:ve,scheduleMicroTask:te,showUncaughtError:()=>!i[c(`ignoreConsoleErrorUncaughtError`)],patchEventTarget:()=>[],patchOnProperties:ve,patchMethod:()=>ve,bindArguments:()=>[],patchThen:()=>ve,patchMacroTask:()=>ve,patchEventPrototype:()=>ve,getGlobalObjects:()=>void 0,ObjectDefineProperty:()=>ve,ObjectGetOwnPropertyDescriptor:()=>void 0,ObjectCreate:()=>void 0,ArraySlice:()=>[],patchClass:()=>ve,wrapWithCurrentZone:()=>ve,filterProperties:()=>[],attachOriginToPatched:()=>ve,_redefineProperty:()=>ve,patchCallbacks:()=>ve,nativeScheduleMicroTask:ee},he={parent:null,zone:new i(null,null)},ge=null,_e=0;function ve(){}return n(`Zone`,`Zone`),i}function u(){let e=globalThis,t=e[c(`forceDuplicateZoneCheck`)]===!0;if(e.Zone&&(t||typeof e.Zone.__symbol__!=`function`))throw Error(`Zone already loaded.`);return e.Zone??=l(),e.Zone}var d=Object.getOwnPropertyDescriptor,f=Object.defineProperty,p=Object.getPrototypeOf,m=Object.create,h=Array.prototype.slice,g=`addEventListener`,_=`removeEventListener`,ee=c(g),te=c(_),ne=`true`,re=`false`,ie=c(``);function ae(e,t){return Zone.current.wrap(e,t)}function oe(e,t,n,r,i){return Zone.current.scheduleMacroTask(e,t,n,r,i)}var se=c,ce=typeof window<`u`,le=ce?window:void 0,ue=ce&&le||globalThis,de=`removeAttribute`;function fe(e,t){for(let n=e.length-1;n>=0;n--)typeof e[n]==`function`&&(e[n]=ae(e[n],t+`_`+n));return e}function pe(e,t){let n=e.constructor.name;for(let r=0;r<t.length;r++){let i=t[r],a=e[i];if(a){if(!me(d(e,i)))continue;e[i]=(e=>{let t=function(){return e.apply(this,fe(arguments,n+`.`+i))};return Oe(t,e),t})(a)}}}function me(e){return e?e.writable===!1?!1:typeof e.get!=`function`||e.set!==void 0:!0}var he=typeof WorkerGlobalScope<`u`&&self instanceof WorkerGlobalScope,ge=!(`nw`in ue)&&ue.process!==void 0&&ue.process.toString()===`[object process]`,_e=!ge&&!he&&!!(ce&&le.HTMLElement),ve=ue.process!==void 0&&ue.process.toString()===`[object process]`&&!he&&!!(ce&&le.HTMLElement),ye=Object.create(null),be=se(`enable_beforeunload`),xe=function(e){if(e||=ue.event,!e)return;let t=ye[e.type];t||=ye[e.type]=se(`ON_PROPERTY`+e.type);let n=this||e.target||ue,r=n[t],i;if(_e&&n===le&&e.type===`error`){let t=e;i=r&&r.call(this,t.message,t.filename,t.lineno,t.colno,t.error),i===!0&&e.preventDefault()}else i=r&&r.apply(this,arguments),e.type===`beforeunload`&&ue[be]&&typeof i==`string`?e.returnValue=i:i!=null&&!i&&e.preventDefault();return i};function Se(e,t,n){let r=d(e,t);if(!r&&n&&d(n,t)&&(r={enumerable:!0,configurable:!0}),!r||!r.configurable)return;let i=se(`on`+t+`patched`);if(Object.hasOwn(e,i)&&e[i])return;delete r.writable,delete r.value;let a=r.get,o=r.set,s=t.slice(2),c=ye[s];c||=ye[s]=se(`ON_PROPERTY`+s),r.set=function(t){let n=this;!n&&e===ue&&(n=ue),n&&(typeof n[c]==`function`&&n.removeEventListener(s,xe),o?.call(n,null),n[c]=t,typeof t==`function`&&n.addEventListener(s,xe,!1))},r.get=function(){let n=this;if(!n&&e===ue&&(n=ue),!n)return null;let i=n[c];if(i)return i;if(a){let e=a.call(this);if(e)return r.set.call(this,e),typeof n[de]==`function`&&n.removeAttribute(t),e}return null},f(e,t,r),e[i]=!0}function Ce(e,t,n){if(t)for(let r=0;r<t.length;r++)Se(e,`on`+t[r],n);else{let t=[];for(let n in e)n.slice(0,2)==`on`&&t.push(n);for(let r=0;r<t.length;r++)Se(e,t[r],n)}}var we=se(`originalInstance`);function Te(e){let t=ue[e];if(!t)return;ue[se(e)]=t,ue[e]=function(){let n=fe(arguments,e);switch(n.length){case 0:this[we]=new t;break;case 1:this[we]=new t(n[0]);break;case 2:this[we]=new t(n[0],n[1]);break;case 3:this[we]=new t(n[0],n[1],n[2]);break;case 4:this[we]=new t(n[0],n[1],n[2],n[3]);break;default:throw Error(`Arg list too long.`)}},Oe(ue[e],t);let n=new t(function(){}),r;for(r in n)(e!==`XMLHttpRequest`||r!==`responseBlob`)&&(function(t){typeof n[t]==`function`?ue[e].prototype[t]=function(){return this[we][t].apply(this[we],arguments)}:f(ue[e].prototype,t,{set:function(n){typeof n==`function`?(this[we][t]=ae(n,e+`.`+t),Oe(this[we][t],n)):this[we][t]=n},get:function(){return this[we][t]}})})(r);for(r in t)r!==`prototype`&&Object.hasOwn(t,r)&&(ue[e][r]=t[r])}function Ee(e,t,n){let r=e;for(;r&&!Object.hasOwn(r,t);)r=p(r);!r&&e[t]&&(r=e);let i=se(t),a=null;if(r&&(!(a=r[i])||!Object.hasOwn(r,i))&&(a=r[i]=r[t],me(r&&d(r,t)))){let e=n(a,i,t);r[t]=function(){return e(this,arguments)},Oe(r[t],a)}return a}function De(e,t,n){let r=null;function i(e){let t=e.data;return t.args[t.cbIdx]=function(){e.invoke.apply(this,arguments)},r.apply(t.target,t.args),e}r=Ee(e,t,e=>function(t,r){let a=n(t,r);return a.cbIdx>=0&&typeof r[a.cbIdx]==`function`?oe(a.name,r[a.cbIdx],a,i):e.apply(t,r)})}function Oe(e,t){e[se(`OriginalDelegate`)]=t}function ke(e){return typeof e==`function`}function Ae(e){return typeof e==`number`}var je={useG:!0},Me=Object.create(null),Ne={},Pe=RegExp(`^`+ie+`(\\w+)(true|false)$`),Fe=se(`propagationStopped`),Ie=[`capture`,`once`,`passive`,`signal`];function Le(e,t){let n=(t?t(e):e)+re,r=(t?t(e):e)+ne,i=ie+n,a=ie+r;Me[e]={[re]:i,[ne]:a}}function Re(e,t,n,r){let i=r&&r.add||g,o=r&&r.rm||_,s=r&&r.listeners||`eventListeners`,c=r&&r.rmAll||`removeAllListeners`,l=se(i),u=`.`+i+`:`,d=function(e,t,n){if(e.isRemoved)return;let r=e.callback;typeof r==`object`&&r.handleEvent&&(e.callback=e=>r.handleEvent(e),e.originalDelegate=r);let i;try{e.invoke(e,t,[n])}catch(e){i=e}let a=e.options;if(a&&typeof a==`object`&&a.once){let r=e.originalDelegate?e.originalDelegate:e.callback;t[o].call(t,n.type,r,a)}return i};function f(n,r,i){if(r||=e.event,!r)return;let a=n||r.target||e,o=a[Me[r.type][i?ne:re]];if(o){let e=[];if(o.length===1){let t=d(o[0],a,r);t&&e.push(t)}else{let t=o.slice();for(let n=0;n<t.length&&!(r&&r[Fe]===!0);n++){let i=d(t[n],a,r);i&&e.push(i)}}if(e.length===1)throw e[0];for(let n=0;n<e.length;n++){let r=e[n];t.nativeScheduleMicroTask(()=>{throw r})}}}let m=function(e){return f(this,e,!1)},h=function(e){return f(this,e,!0)};function ee(t,n){if(!t)return!1;let r=!0;n&&n.useG!==void 0&&(r=n.useG);let d=n&&n.vh,f=!0;n&&n.chkDup!==void 0&&(f=n.chkDup);let g=!1;n&&n.rt!==void 0&&(g=n.rt);let _=t;for(;_&&!Object.hasOwn(_,i);)_=p(_);if(!_&&t[i]&&(_=t),!_||_[l])return!1;let ee=n&&n.eventNameToString,te={},ae=_[l]=_[i],oe=_[se(o)]=_[o],ce=_[se(s)]=_[s],le=_[se(c)]=_[c],ue;n&&n.prepend&&(ue=_[se(n.prepend)]=_[n.prepend]);function de(e,t){return t?typeof e==`boolean`?{capture:e,passive:!0}:e?(typeof e==`object`&&e.passive!==!1&&(e.passive=!0),e):{passive:!0}:e}let fe=function(e){if(!te.isExisting)return ae.call(te.target,te.eventName,te.capture?h:m,te.options)},pe=function(e){if(!e.isRemoved){let t=Me[e.eventName],n;t&&(n=t[e.capture?ne:re]);let r=n&&e.target[n];if(r){for(let t=0;t<r.length;t++)if(r[t]===e){r.splice(t,1),e.isRemoved=!0,e.removeAbortListener&&=(e.removeAbortListener(),null),r.length===0&&(e.allRemoved=!0,e.target[n]=null);break}}}if(e.allRemoved)return oe.call(e.target,e.eventName,e.capture?h:m,e.options)},me=function(e){return ae.call(te.target,te.eventName,e.invoke,te.options)},he=function(e){return ue.call(te.target,te.eventName,e.invoke,te.options)},_e=function(e){return oe.call(e.target,e.eventName,e.invoke,e.options)},ve=r?fe:me,ye=r?pe:_e,be=n?.diff||function(e,t){let n=typeof t;return n===`function`&&e.callback===t||n===`object`&&e.originalDelegate===t},xe=Zone[se(`UNPATCHED_EVENTS`)],Se=e[se(`PASSIVE_EVENTS`)];function Ce(e){if(typeof e!=`object`||!e)return e;let t=a({},e);for(let n of Ie)!Object.hasOwn(t,n)&&n in e&&(t[n]=e[n]);return t}let we=function(t,i,a,o,s=!1,c=!1){return function(){let l=this||e,u=arguments[0];n&&n.transferEventName&&(u=n.transferEventName(u));let p=arguments[1];if(!p||ge&&u===`uncaughtException`)return t.apply(this,arguments);let m=!1;if(typeof p!=`function`){if(!p.handleEvent)return t.apply(this,arguments);m=!0}if(d&&!d(t,p,l,arguments))return;let h=!!Se&&Se.indexOf(u)!==-1,g=de(Ce(arguments[2]),h),_=g?.signal;if(_?.aborted)return;if(xe){for(let e=0;e<xe.length;e++)if(u===xe[e])return h?t.call(l,u,p,g):t.apply(this,arguments)}let ie=g?typeof g==`boolean`||g.capture:!1,ae=g&&typeof g==`object`?g.once:!1,oe=Zone.current,se=Me[u];se||=(Le(u,ee),Me[u]);let ce=se[ie?ne:re],le=l[ce],ue=!1;if(le){if(ue=!0,f){for(let e=0;e<le.length;e++)if(be(le[e],p))return}}else le=l[ce]=[];let fe,pe=l.constructor.name,me=Ne[pe];me&&(fe=me[u]),fe||=pe+i+(ee?ee(u):u),te.options=g,ae&&(te.options.once=!1),te.target=l,te.capture=ie,te.eventName=u,te.isExisting=ue;let he=r?je:void 0;he&&(he.taskData=te),_&&(te.options.signal=void 0);let _e=oe.scheduleEventTask(fe,p,he,a,o);if(_){te.options.signal=_;let e=()=>_e.zone.cancelTask(_e);t.call(_,`abort`,e,{once:!0}),_e.removeAbortListener=()=>_.removeEventListener(`abort`,e)}if(te.target=null,he&&(he.taskData=null),ae&&(te.options.once=!0),typeof _e.options!=`boolean`&&(_e.options=g),_e.target=l,_e.capture=ie,_e.eventName=u,m&&(_e.originalDelegate=p),c?le.unshift(_e):le.push(_e),s)return l}};return _[i]=we(ae,u,ve,ye,g),ue&&(_.prependListener=we(ue,`.prependListener:`,he,ye,g,!0)),_[o]=function(){let t=this||e,r=arguments[0];n&&n.transferEventName&&(r=n.transferEventName(r));let i=arguments[2],a=i?typeof i==`boolean`||i.capture:!1,o=arguments[1];if(!o)return oe.apply(this,arguments);if(d&&!d(oe,o,t,arguments))return;let s=Me[r],c;s&&(c=s[a?ne:re]);let l=c&&t[c];if(l)for(let e=0;e<l.length;e++){let n=l[e];if(be(n,o)){if(l.splice(e,1),n.isRemoved=!0,l.length===0&&(n.allRemoved=!0,t[c]=null,!a&&typeof r==`string`)){let e=ie+`ON_PROPERTY`+r;t[e]=null}return n.zone.cancelTask(n),g?t:void 0}}return oe.apply(this,arguments)},_[s]=function(){let t=this||e,r=arguments[0];n&&n.transferEventName&&(r=n.transferEventName(r));let i=[],a=ze(t,ee?ee(r):r);for(let e=0;e<a.length;e++){let t=a[e],n=t.originalDelegate?t.originalDelegate:t.callback;i.push(n)}return i},_[c]=function(){let t=this||e,r=arguments[0];if(r){n&&n.transferEventName&&(r=n.transferEventName(r));let e=Me[r];if(e){let n=e[re],i=e[ne],a=t[n],s=t[i];if(a){let e=a.slice();for(let t=0;t<e.length;t++){let n=e[t],i=n.originalDelegate?n.originalDelegate:n.callback;this[o].call(this,r,i,n.options)}}if(s){let e=s.slice();for(let t=0;t<e.length;t++){let n=e[t],i=n.originalDelegate?n.originalDelegate:n.callback;this[o].call(this,r,i,n.options)}}}}else{let e=Object.keys(t);for(let t=0;t<e.length;t++){let n=e[t],r=Pe.exec(n),i=r&&r[1];i&&i!==`removeListener`&&this[c].call(this,i)}this[c].call(this,`removeListener`)}if(g)return this},Oe(_[i],ae),Oe(_[o],oe),le&&Oe(_[c],le),ce&&Oe(_[s],ce),!0}let te=[];for(let e=0;e<n.length;e++)te[e]=ee(n[e],r);return te}function ze(e,t){if(!t){let n=[];for(let r in e){let i=Pe.exec(r),a=i&&i[1];if(a&&(!t||a===t)){let t=e[r];if(t)for(let e=0;e<t.length;e++)n.push(t[e])}}return n}let n=Me[t];n||=(Le(t),Me[t]);let r=e[n[re]],i=e[n[ne]];return r?i?r.concat(i):r.slice():i?i.slice():[]}function eee(e,t){let n=e.Event;n&&n.prototype&&t.patchMethod(n.prototype,`stopImmediatePropagation`,e=>function(t,n){t[Fe]=!0,e&&e.apply(t,n)})}function Be(e,t){t.patchMethod(e,`queueMicrotask`,e=>function(e,t){Zone.current.scheduleMicroTask(`queueMicrotask`,t[0])})}var Ve=se(`zoneTask`);function He(e,t,n,r){let i=null,a=null;t+=r,n+=r;let o={};function s(t){let n=t.data;n.args[0]=function(){return t.invoke.apply(this,arguments)};let r=i.apply(e,n.args);return Ae(r)?n.handleId=r:(n.handle=r,n.isRefreshable=ke(r?.refresh)),t}function c(t){let{handle:n,handleId:r}=t.data;return a.call(e,n??r)}i=Ee(e,t,n=>function(i,a){if(ke(a[0])){let e={isRefreshable:!1,isPeriodic:r===`Interval`,delay:r===`Timeout`||r===`Interval`?a[1]||0:void 0,args:a},n=a[0];a[0]=function(){try{return n.apply(this,arguments)}finally{let{handle:t,handleId:n,isPeriodic:r,isRefreshable:i}=e;!r&&!i&&(n?delete o[n]:t&&(t[Ve]=null))}};let i=oe(t,a[0],e,s,c);if(!i)return i;let{handleId:l,handle:u,isRefreshable:d,isPeriodic:f}=i.data;if(l)o[l]=i;else if(u&&(u[Ve]=i,d&&!f)){let e=u.refresh;u.refresh=function(){let{zone:t,state:n}=i;return n===`notScheduled`?(i._state=`scheduled`,t._updateTaskCount(i,1)):n===`running`&&(i._state=`scheduling`),e.call(this)}}return u??l??i}return n.apply(e,a)}),a=Ee(e,n,t=>function(n,r){let i=r[0],a;Ae(i)?(a=o[i],delete o[i]):(a=i?.[Ve],a?i[Ve]=null:a=i),a?.type?a.cancelFn&&a.zone.cancelTask(a):t.apply(e,r)})}function Ue(e,t){let{isBrowser:n,isMix:r}=t.getGlobalObjects();(n||r)&&e.customElements&&`customElements`in e&&t.patchCallbacks(t,e.customElements,`customElements`,`define`,[`connectedCallback`,`disconnectedCallback`,`adoptedCallback`,`attributeChangedCallback`,`formAssociatedCallback`,`formDisabledCallback`,`formResetCallback`,`formStateRestoreCallback`])}function We(e,t){if(Zone[t.symbol(`patchEventTarget`)])return;let{eventNames:n,zoneSymbolEventNames:r,TRUE_STR:i,FALSE_STR:a,ZONE_SYMBOL_PREFIX:o}=t.getGlobalObjects();for(let e=0;e<n.length;e++){let t=n[e],s=t+a,c=t+i,l=o+s,u=o+c;r[t]={},r[t][a]=l,r[t][i]=u}let s=e.EventTarget;if(s&&s.prototype)return t.patchEventTarget(e,t,[s&&s.prototype]),!0}function Ge(e,t){t.patchEventPrototype(e,t)}function Ke(e,t,n){if(!n||n.length===0)return t;let r=n.filter(t=>t.target===e);if(r.length===0)return t;let i=r[0].ignoreProperties;return t.filter(e=>i.indexOf(e)===-1)}function qe(e,t,n,r){e&&Ce(e,Ke(e,t,n),r)}function Je(e){return Object.getOwnPropertyNames(e).filter(e=>e.startsWith(`on`)&&e.length>2).map(e=>e.substring(2))}function tee(e,t){if(ge&&!ve||Zone[e.symbol(`patchEvents`)])return;let n=t.__Zone_ignore_on_properties,r=[];if(_e){let e=window;r=r.concat([`Document`,`SVGElement`,`Element`,`HTMLElement`,`HTMLBodyElement`,`HTMLMediaElement`,`HTMLFrameSetElement`,`HTMLFrameElement`,`HTMLIFrameElement`,`HTMLMarqueeElement`,`Worker`]),qe(e,Je(e),n,p(e))}r=r.concat([`XMLHttpRequest`,`XMLHttpRequestEventTarget`,`IDBIndex`,`IDBRequest`,`IDBOpenDBRequest`,`IDBDatabase`,`IDBTransaction`,`IDBCursor`,`WebSocket`]);for(let e=0;e<r.length;e++){let i=t[r[e]];i!=null&&i.prototype&&qe(i.prototype,Je(i.prototype),n)}}function Ye(e){e.__load_patch(`timers`,e=>{let t=`clear`;He(e,`set`,t,`Timeout`),He(e,`set`,t,`Interval`),He(e,`set`,t,`Immediate`)}),e.__load_patch(`requestAnimationFrame`,e=>{He(e,`request`,`cancel`,`AnimationFrame`),He(e,`mozRequest`,`mozCancel`,`AnimationFrame`),He(e,`webkitRequest`,`webkitCancel`,`AnimationFrame`)}),e.__load_patch(`blocking`,(e,t)=>{let n=[`alert`,`prompt`,`confirm`];for(let r=0;r<n.length;r++){let i=n[r];Ee(e,i,(n,r,i)=>function(r,a){return t.current.run(n,e,a,i)})}}),e.__load_patch(`EventTarget`,(e,t,n)=>{Ge(e,n),We(e,n);let r=e.XMLHttpRequestEventTarget;r&&r.prototype&&n.patchEventTarget(e,n,[r.prototype])}),e.__load_patch(`MutationObserver`,(e,t,n)=>{Te(`MutationObserver`),Te(`WebKitMutationObserver`)}),e.__load_patch(`IntersectionObserver`,(e,t,n)=>{Te(`IntersectionObserver`)}),e.__load_patch(`FileReader`,(e,t,n)=>{Te(`FileReader`)}),e.__load_patch(`on_property`,(e,t,n)=>{tee(n,e)}),e.__load_patch(`customElements`,(e,t,n)=>{Ue(e,n)}),e.__load_patch(`XHR`,(e,t)=>{c(e);let n=se(`xhrTask`),r=se(`xhrSync`),i=se(`xhrListener`),a=se(`xhrScheduled`),o=se(`xhrURL`),s=se(`xhrErrorBeforeScheduled`);function c(e){let c=e.XMLHttpRequest;if(!c)return;let l=c.prototype;function u(e){return e[n]}let d=l[ee],f=l[te];if(!d){let t=e.XMLHttpRequestEventTarget;if(t){let e=t.prototype;d=e[ee],f=e[te]}}let p=`readystatechange`,m=`scheduled`;function h(e){let r=e.data,o=r.target;o[a]=!1,o[s]=!1;let c=o[i];d||(d=o[ee],f=o[te]),c&&f.call(o,p,c);let l=o[i]=()=>{if(o.readyState===o.DONE){if(!r.aborted&&o[a]&&e.state===m){let n=o[t.__symbol__(`loadfalse`)];if(o.status!==0&&n&&n.length>0){let i=e.invoke;e.invoke=function(){let n=o[t.__symbol__(`loadfalse`)];for(let t=0;t<n.length;t++)n[t]===e&&n.splice(t,1);!r.aborted&&e.state===m&&i.call(e)},n.push(e)}else e.invoke()}else!r.aborted&&o[a]===!1&&(o[s]=!0)}};return d.call(o,p,l),o[n]||(o[n]=e),ae.apply(o,r.args),o[a]=!0,e}function g(){}function _(e){let t=e.data;return t.aborted=!0,ce.apply(t.target,t.args)}let ne=Ee(l,`open`,()=>function(e,t){return e[r]=t[2]==0,e[o]=t[1],ne.apply(e,t)}),re=se(`fetchTaskAborting`),ie=se(`fetchTaskScheduling`),ae=Ee(l,`send`,()=>function(e,n){if(t.current[ie]===!0||e[r])return ae.apply(e,n);{let t={target:e,url:e[o],isPeriodic:!1,args:n,aborted:!1},r=oe(`XMLHttpRequest.send`,g,t,h,_);e&&e[s]===!0&&!t.aborted&&r.state===m&&r.invoke()}}),ce=Ee(l,`abort`,()=>function(e,n){let r=u(e);if(r&&typeof r.type==`string`){if(r.cancelFn==null||r.data&&r.data.aborted)return;r.zone.cancelTask(r)}else if(t.current[re]===!0)return ce.apply(e,n)})}}),e.__load_patch(`geolocation`,e=>{e.navigator&&e.navigator.geolocation&&pe(e.navigator.geolocation,[`getCurrentPosition`,`watchPosition`])}),e.__load_patch(`PromiseRejectionEvent`,(e,t)=>{function n(t){return function(n){ze(e,t).forEach(r=>{let i=e.PromiseRejectionEvent;if(i){let e=new i(t,{promise:n.promise,reason:n.rejection});r.invoke(e)}})}}e.PromiseRejectionEvent&&(t[se(`unhandledPromiseRejectionHandler`)]=n(`unhandledrejection`),t[se(`rejectionHandledHandler`)]=n(`rejectionhandled`))}),e.__load_patch(`queueMicrotask`,(e,t,n)=>{Be(e,n)})}function Xe(e){e.__load_patch(`ZoneAwarePromise`,(e,t,n)=>{let r=Object.getOwnPropertyDescriptor,i=Object.defineProperty;function a(e){return e&&e.toString===Object.prototype.toString?(e.constructor&&e.constructor.name||``)+`: `+JSON.stringify(e):e?e.toString():Object.prototype.toString.call(e)}let o=n.symbol,s=[],c=e[o(`DISABLE_WRAPPING_UNCAUGHT_PROMISE_REJECTION`)]!==!1,l=o(`Promise`),u=o(`then`);n.onUnhandledError=e=>{if(n.showUncaughtError()){let t=e&&e.rejection;t&&e.zone&&e.task?console.error(`Unhandled Promise rejection:`,t instanceof Error?t.message:t,`; Zone:`,e.zone.name,`; Task:`,e.task&&e.task.source,`; Value:`,t,t instanceof Error?t.stack:void 0):console.error(e)}},n.microtaskDrainDone=()=>{for(;s.length;){let e=s.shift();try{e.zone.runGuarded(()=>{throw e.throwOriginal?e.rejection:e})}catch(e){f(e)}}};let d=o(`unhandledPromiseRejectionHandler`);function f(e){n.onUnhandledError(e);try{let n=t[d];typeof n==`function`&&n.call(this,e)}catch{}}function p(e){return e&&typeof e.then==`function`}function m(e){return e}function h(e){return fe.reject(e)}let g=o(`state`),_=o(`value`),ee=o(`finally`),te=o(`parentPromiseValue`),ne=o(`parentPromiseState`);function re(e,t){return n=>{try{oe(e,t,n)}catch(t){oe(e,!1,t)}}}let ie=function(){let e=!1;return function(t){return function(){e||(e=!0,t.apply(null,arguments))}}},ae=o(`currentTaskTrace`);function oe(e,r,o){let l=ie();if(e===o)throw TypeError(`Promise resolved with itself`);if(e[g]===null){let u=null;try{(typeof o==`object`||typeof o==`function`)&&(u=o&&o.then)}catch(t){return l(()=>{oe(e,!1,t)})(),e}if(r!==!1&&o instanceof fe&&Object.hasOwn(o,g)&&Object.hasOwn(o,_)&&o[g]!==null)ce(o),oe(e,o[g],o[_]);else if(r!==!1&&typeof u==`function`)try{u.call(o,l(re(e,r)),l(re(e,!1)))}catch(t){l(()=>{oe(e,!1,t)})()}else{e[g]=r;let l=e[_];if(e[_]=o,e[ee]===ee&&r===!0&&(e[g]=e[ne],e[_]=e[te]),r===!1&&o instanceof Error){let e=t.currentTask&&t.currentTask.data&&t.currentTask.data.__creationTrace__;e&&i(o,ae,{configurable:!0,enumerable:!1,writable:!0,value:e})}for(let t=0;t<l.length;)le(e,l[t++],l[t++],l[t++],l[t++]);if(l.length==0&&r==0){e[g]=0;let r=o;try{throw Error(`Uncaught (in promise): `+a(o)+(o&&o.stack?`
+`+o.stack:``))}catch(e){r=e}c&&(r.throwOriginal=!0),r.rejection=o,r.promise=e,r.zone=t.current,r.task=t.currentTask,s.push(r),n.scheduleMicroTask()}}}return e}let se=o(`rejectionHandledHandler`);function ce(e){if(e[g]===0){try{let n=t[se];n&&typeof n==`function`&&n.call(this,{rejection:e[_],promise:e})}catch{}e[g]=!1;for(let t=0;t<s.length;t++)e===s[t].promise&&s.splice(t,1)}}function le(e,t,n,r,i){ce(e);let a=e[g],o=a?typeof r==`function`?r:m:typeof i==`function`?i:h;t.scheduleMicroTask(`Promise.then`,()=>{try{let r=e[_],i=!!n&&ee===n[ee];i&&(n[te]=r,n[ne]=a),oe(n,!0,t.run(o,void 0,i&&o!==h&&o!==m?[]:[r]))}catch(e){oe(n,!1,e)}},n)}let ue=function(){},de=e.AggregateError;class fe{static toString(){return`function ZoneAwarePromise() { [native code] }`}static resolve(e){return e instanceof fe?e:oe(new this(null),!0,e)}static reject(e){return oe(new this(null),!1,e)}static withResolvers(){let e={};return e.promise=new fe((t,n)=>{e.resolve=t,e.reject=n}),e}static any(e){if(!e||typeof e[Symbol.iterator]!=`function`)return Promise.reject(new de([],`All promises were rejected`));let t=[],n=0;try{for(let r of e)n++,t.push(fe.resolve(r))}catch{return Promise.reject(new de([],`All promises were rejected`))}if(n===0)return Promise.reject(new de([],`All promises were rejected`));let r=!1,i=[];return new fe((e,a)=>{for(let o=0;o<t.length;o++)t[o].then(t=>{r||(r=!0,e(t))},e=>{i.push(e),n--,n===0&&(r=!0,a(new de(i,`All promises were rejected`)))})})}static race(e){let t,n,r=new this((e,r)=>{t=e,n=r});function i(e){t(e)}function a(e){n(e)}for(let t of e)p(t)||(t=this.resolve(t)),t.then(i,a);return r}static all(e){return fe.allWithCallback(e)}static allSettled(e){return(this&&this.prototype instanceof fe?this:fe).allWithCallback(e,{thenCallback:e=>({status:`fulfilled`,value:e}),errorCallback:e=>({status:`rejected`,reason:e})})}static allWithCallback(e,t){let n,r,i=new this((e,t)=>{n=e,r=t}),a=2,o=0,s=[];for(let i of e){p(i)||(i=this.resolve(i));let e=o;try{i.then(r=>{s[e]=t?t.thenCallback(r):r,a--,a===0&&n(s)},i=>{t?(s[e]=t.errorCallback(i),a--,a===0&&n(s)):r(i)})}catch(e){r(e)}a++,o++}return a-=2,a===0&&n(s),i}constructor(e){let t=this;if(!(t instanceof fe))throw Error(`Must be an instanceof Promise.`);t[g]=null,t[_]=[];try{let n=ie();e&&e(n(re(t,!0)),n(re(t,!1)))}catch(e){oe(t,!1,e)}}get[Symbol.toStringTag](){return`Promise`}get[Symbol.species](){return fe}then(e,n){let r=this.constructor?.[Symbol.species];(!r||typeof r!=`function`)&&(r=this.constructor||fe);let i=new r(ue),a=t.current;return this[g]==null?this[_].push(a,i,e,n):le(this,a,i,e,n),i}catch(e){return this.then(null,e)}finally(e){let n=this.constructor?.[Symbol.species];(!n||typeof n!=`function`)&&(n=fe);let r=new n(ue);r[ee]=ee;let i=t.current;return this[g]==null?this[_].push(i,r,e,e):le(this,i,r,e,e),r}}fe.resolve=fe.resolve,fe.reject=fe.reject,fe.race=fe.race,fe.all=fe.all;let pe=e[l]=e.Promise;e.Promise=fe;let me=o(`thenPatched`);function he(e){let t=e.prototype,n=r(t,`then`);if(n&&(n.writable===!1||!n.configurable))return;let i=t.then;t[u]=i,e.prototype.then=function(e,t){return new fe((e,t)=>{i.call(this,e,t)}).then(e,t)},e[me]=!0}n.patchThen=he;function ge(e){return function(t,n){let r=e.apply(t,n);if(r instanceof fe)return r;let i=r.constructor;return i[me]||he(i),r}}if(pe){he(pe);let t=pe.try;t&&typeof t==`function`&&(fe.try=t),Ee(e,`fetch`,e=>ge(e))}return Promise[t.__symbol__(`uncaughtPromiseErrors`)]=s,fe})}function Ze(e){e.__load_patch(`toString`,e=>{let t=Function.prototype.toString,n=se(`OriginalDelegate`),r=se(`Promise`),i=se(`Error`),a=function(){if(typeof this==`function`){let a=this[n];if(a)return typeof a==`function`?t.call(a):Object.prototype.toString.call(a);if(this===Promise){let n=e[r];if(n)return t.call(n)}if(this===Error){let n=e[i];if(n)return t.call(n)}}return t.call(this)};a[n]=t,Function.prototype.toString=a;let o=Object.prototype.toString;Object.prototype.toString=function(){return typeof Promise==`function`&&this instanceof Promise?`[object Promise]`:o.call(this)}})}function Qe(e,t,n,r,i){let a=Zone.__symbol__(r);if(t[a])return;let o=t[a]=t[r];t[r]=function(a,s,c){return s&&s.prototype&&i.forEach(function(t){let i=`${n}.${r}::`+t,a=s.prototype;try{if(Object.hasOwn(a,t)){let n=e.ObjectGetOwnPropertyDescriptor(a,t);n&&n.value?(n.value=e.wrapWithCurrentZone(n.value,i),e._redefineProperty(s.prototype,t,n)):a[t]&&(a[t]=e.wrapWithCurrentZone(a[t],i))}else a[t]&&(a[t]=e.wrapWithCurrentZone(a[t],i))}catch{}}),o.call(t,a,s,c)},e.attachOriginToPatched(t[r],o)}function $e(e){e.__load_patch(`util`,(e,t,n)=>{let r=Je(e);n.patchOnProperties=Ce,n.patchMethod=Ee,n.bindArguments=fe,n.patchMacroTask=De;let i=t.__symbol__(`BLACK_LISTED_EVENTS`),a=t.__symbol__(`UNPATCHED_EVENTS`);e[a]&&(e[i]=e[a]),e[i]&&(t[i]=t[a]=e[i]),n.patchEventPrototype=eee,n.patchEventTarget=Re,n.ObjectDefineProperty=f,n.ObjectGetOwnPropertyDescriptor=d,n.ObjectCreate=m,n.ArraySlice=h,n.patchClass=Te,n.wrapWithCurrentZone=ae,n.filterProperties=Ke,n.attachOriginToPatched=Oe,n._redefineProperty=Object.defineProperty,n.patchCallbacks=Qe,n.getGlobalObjects=()=>({globalSources:Ne,zoneSymbolEventNames:Me,eventNames:r,isBrowser:_e,isMix:ve,isNode:ge,TRUE_STR:ne,FALSE_STR:re,ZONE_SYMBOL_PREFIX:ie,ADD_EVENT_LISTENER_STR:g,REMOVE_EVENT_LISTENER_STR:_})})}function et(e){Xe(e),Ze(e),$e(e)}var tt=u();et(tt),Ye(tt);var nt=(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})(nt||{}),rt=(function(e){return e[e.None=0]=`None`,e[e.Const=1]=`Const`,e})(rt||{}),it=class{modifiers;constructor(e=rt.None){this.modifiers=e}hasModifier(e){return(this.modifiers&e)!==0}},at=(function(e){return e[e.Dynamic=0]=`Dynamic`,e[e.Bool=1]=`Bool`,e[e.String=2]=`String`,e[e.Int=3]=`Int`,e[e.Number=4]=`Number`,e[e.Function=5]=`Function`,e[e.Inferred=6]=`Inferred`,e[e.None=7]=`None`,e})(at||{}),ot=class extends it{name;constructor(e,t){super(t),this.name=e}visitType(e,t){return e.visitBuiltinType(this,t)}};at.Dynamic;var st=new ot(at.Inferred);at.Bool,at.Int,at.Number,at.String,at.Function,at.None;var v=(function(e){return e[e.Equals=0]=`Equals`,e[e.NotEquals=1]=`NotEquals`,e[e.Assign=2]=`Assign`,e[e.Identical=3]=`Identical`,e[e.NotIdentical=4]=`NotIdentical`,e[e.Minus=5]=`Minus`,e[e.Plus=6]=`Plus`,e[e.Divide=7]=`Divide`,e[e.Multiply=8]=`Multiply`,e[e.Modulo=9]=`Modulo`,e[e.And=10]=`And`,e[e.Or=11]=`Or`,e[e.BitwiseOr=12]=`BitwiseOr`,e[e.BitwiseAnd=13]=`BitwiseAnd`,e[e.Lower=14]=`Lower`,e[e.LowerEquals=15]=`LowerEquals`,e[e.Bigger=16]=`Bigger`,e[e.BiggerEquals=17]=`BiggerEquals`,e[e.NullishCoalesce=18]=`NullishCoalesce`,e[e.Exponentiation=19]=`Exponentiation`,e[e.In=20]=`In`,e[e.InstanceOf=21]=`InstanceOf`,e[e.AdditionAssignment=22]=`AdditionAssignment`,e[e.SubtractionAssignment=23]=`SubtractionAssignment`,e[e.MultiplicationAssignment=24]=`MultiplicationAssignment`,e[e.DivisionAssignment=25]=`DivisionAssignment`,e[e.RemainderAssignment=26]=`RemainderAssignment`,e[e.ExponentiationAssignment=27]=`ExponentiationAssignment`,e[e.AndAssignment=28]=`AndAssignment`,e[e.OrAssignment=29]=`OrAssignment`,e[e.NullishCoalesceAssignment=30]=`NullishCoalesceAssignment`,e})(v||{});function ct(e,t){return e==null||t==null?e==t:e.isEquivalent(t)}function lt(e,t,n){let r=e.length;if(r!==t.length)return!1;for(let i=0;i<r;i++)if(!n(e[i],t[i]))return!1;return!0}function ut(e,t){return lt(e,t,(e,t)=>e.isEquivalent(t))}var dt=class{leadingComments;type;sourceSpan;constructor(e,t,n){this.leadingComments=n,this.type=e||null,this.sourceSpan=t||null}prop(e,t){return new ree(this,e,null,t)}key(e,t,n){return new iee(this,e,t,n)}callFn(e,t,n,r){return new mt(this,e,null,t,n,r)}instantiate(e,t,n,r){return new ht(this,e,t,n)}conditional(e,t=null,n,r){return new nee(this,e,t,null,n)}equals(e,t){return new yt(v.Equals,this,e,null,t)}notEquals(e,t){return new yt(v.NotEquals,this,e,null,t)}identical(e,t){return new yt(v.Identical,this,e,null,t)}notIdentical(e,t){return new yt(v.NotIdentical,this,e,null,t)}minus(e,t){return new yt(v.Minus,this,e,null,t)}plus(e,t){return new yt(v.Plus,this,e,null,t)}divide(e,t){return new yt(v.Divide,this,e,null,t)}multiply(e,t){return new yt(v.Multiply,this,e,null,t)}modulo(e,t){return new yt(v.Modulo,this,e,null,t)}power(e,t){return new yt(v.Exponentiation,this,e,null,t)}and(e,t){return new yt(v.And,this,e,null,t)}bitwiseOr(e,t){return new yt(v.BitwiseOr,this,e,null,t)}bitwiseAnd(e,t){return new yt(v.BitwiseAnd,this,e,null,t)}or(e,t){return new yt(v.Or,this,e,null,t)}lower(e,t){return new yt(v.Lower,this,e,null,t)}lowerEquals(e,t){return new yt(v.LowerEquals,this,e,null,t)}bigger(e,t){return new yt(v.Bigger,this,e,null,t)}biggerEquals(e,t){return new yt(v.BiggerEquals,this,e,null,t)}isBlank(e){return this.equals(lee,e)}nullishCoalesce(e,t){return new yt(v.NullishCoalesce,this,e,null,t)}toStmt(e){return new St(this,null,e)}},ft=class e extends dt{name;constructor(e,t,n,r){super(t,n,r),this.name=e}isEquivalent(t){return t instanceof e&&this.name===t.name}isConstant(){return!1}visitExpression(e,t){return e.visitReadVarExpr(this,t)}clone(){return new e(this.name,this.type,this.sourceSpan)}set(e){return new yt(v.Assign,this,e,null,this.sourceSpan)}},pt=class e extends dt{expr;constructor(e,t,n,r){super(t,n,r),this.expr=e}visitExpression(e,t){return e.visitTypeofExpr(this,t)}isEquivalent(t){return t instanceof e&&t.expr.isEquivalent(this.expr)}isConstant(){return this.expr.isConstant()}clone(){return new e(this.expr.clone())}},mt=class e extends dt{fn;args;pure;isOptional;constructor(e,t,n,r,i=!1,a,o=!1){super(n,r,a),this.fn=e,this.args=t,this.pure=i,this.isOptional=o}get receiver(){return this.fn}isEquivalent(t){return t instanceof e&&this.fn.isEquivalent(t.fn)&&ut(this.args,t.args)&&this.pure===t.pure}isConstant(){return!1}visitExpression(e,t){return e.visitInvokeFunctionExpr(this,t)}clone(){return new e(this.fn.clone(),this.args.map(e=>e.clone()),this.type,this.sourceSpan,this.pure,[],this.isOptional)}},ht=class e extends dt{classExpr;args;constructor(e,t,n,r,i){super(n,r,i),this.classExpr=e,this.args=t}isEquivalent(t){return t instanceof e&&this.classExpr.isEquivalent(t.classExpr)&&ut(this.args,t.args)}isConstant(){return!1}visitExpression(e,t){return e.visitInstantiateExpr(this,t)}clone(){return new e(this.classExpr.clone(),this.args.map(e=>e.clone()),this.type,this.sourceSpan)}},gt=class e extends dt{body;flags;constructor(e,t,n,r){super(null,n,r),this.body=e,this.flags=t}isEquivalent(t){return t instanceof e&&this.body===t.body&&this.flags===t.flags}isConstant(){return!0}visitExpression(e,t){return e.visitRegularExpressionLiteral(this,t)}clone(){return new e(this.body,this.flags,this.sourceSpan)}},_t=class e extends dt{value;constructor(e,t,n,r){super(t,n,r),this.value=e}isEquivalent(t){return t instanceof e&&this.value===t.value}isConstant(){return!0}visitExpression(e,t){return e.visitLiteralExpr(this,t)}clone(){return new e(this.value,this.type,this.sourceSpan)}},vt=class e extends dt{value;typeParams;constructor(e,t,n=null,r,i){super(t,r,i),this.value=e,this.typeParams=n}isEquivalent(t){return t instanceof e&&this.value.name===t.value.name&&this.value.moduleName===t.value.moduleName}isConstant(){return!1}visitExpression(e,t){return e.visitExternalExpr(this,t)}clone(){return new e(this.value,this.type,this.typeParams,this.sourceSpan)}},nee=class e extends dt{condition;falseCase;trueCase;constructor(e,t,n=null,r,i,a){super(r||t.type,i,a),this.condition=e,this.falseCase=n,this.trueCase=t}isEquivalent(t){return t instanceof e&&this.condition.isEquivalent(t.condition)&&this.trueCase.isEquivalent(t.trueCase)&&ct(this.falseCase,t.falseCase)}isConstant(){return!1}visitExpression(e,t){return e.visitConditionalExpr(this,t)}clone(){return new e(this.condition.clone(),this.trueCase.clone(),this.falseCase?.clone(),this.type,this.sourceSpan)}},yt=class e extends dt{operator;rhs;lhs;constructor(e,t,n,r,i,a){super(r||t.type,i,a),this.operator=e,this.rhs=n,this.lhs=t}isEquivalent(t){return t instanceof e&&this.operator===t.operator&&this.lhs.isEquivalent(t.lhs)&&this.rhs.isEquivalent(t.rhs)}isConstant(){return!1}visitExpression(e,t){return e.visitBinaryOperatorExpr(this,t)}clone(){return new e(this.operator,this.lhs.clone(),this.rhs.clone(),this.type,this.sourceSpan)}isAssignment(){let e=this.operator;return e===v.Assign||e===v.AdditionAssignment||e===v.SubtractionAssignment||e===v.MultiplicationAssignment||e===v.DivisionAssignment||e===v.RemainderAssignment||e===v.ExponentiationAssignment||e===v.AndAssignment||e===v.OrAssignment||e===v.NullishCoalesceAssignment}},ree=class e extends dt{receiver;name;isOptional;constructor(e,t,n,r,i,a=!1){super(n,r,i),this.receiver=e,this.name=t,this.isOptional=a}get index(){return this.name}isEquivalent(t){return t instanceof e&&this.receiver.isEquivalent(t.receiver)&&this.name===t.name&&this.isOptional===t.isOptional}isConstant(){return!1}visitExpression(e,t){return e.visitReadPropExpr(this,t)}set(e){return new yt(v.Assign,this.receiver.prop(this.name),e,null,this.sourceSpan)}clone(){return new e(this.receiver.clone(),this.name,this.type,this.sourceSpan,[],this.isOptional)}},iee=class e extends dt{receiver;index;isOptional;constructor(e,t,n,r,i,a=!1){super(n,r,i),this.receiver=e,this.index=t,this.isOptional=a}isEquivalent(t){return t instanceof e&&this.receiver.isEquivalent(t.receiver)&&this.index.isEquivalent(t.index)&&this.isOptional===t.isOptional}isConstant(){return!1}visitExpression(e,t){return e.visitReadKeyExpr(this,t)}set(e){return new yt(v.Assign,this.receiver.key(this.index),e,null,this.sourceSpan)}clone(){return new e(this.receiver.clone(),this.index.clone(),this.type,this.sourceSpan,[],this.isOptional)}},aee=class e extends dt{entries;constructor(e,t,n,r){super(t,n,r),this.entries=e}isConstant(){return this.entries.every(e=>e.isConstant())}isEquivalent(t){return t instanceof e&&ut(this.entries,t.entries)}visitExpression(e,t){return e.visitLiteralArrayExpr(this,t)}clone(){return new e(this.entries.map(e=>e.clone()),this.type,this.sourceSpan)}},oee=class e{expression;constructor(e){this.expression=e}isEquivalent(t){return t instanceof e&&this.expression.isEquivalent(t.expression)}clone(){return new e(this.expression.clone())}isConstant(){return this.expression.isConstant()}},see=class e extends dt{entries;valueType=null;constructor(e,t,n,r){super(t,n,r),this.entries=e,t&&(this.valueType=t.valueType)}isEquivalent(t){return t instanceof e&&ut(this.entries,t.entries)}isConstant(){return this.entries.every(e=>e.isConstant())}visitExpression(e,t){return e.visitLiteralMapExpr(this,t)}clone(){let t=this.entries.map(e=>e.clone());return new e(t,this.type,this.sourceSpan)}},cee=class e extends dt{expression;constructor(e,t,n){super(null,t,n),this.expression=e}isEquivalent(t){return t instanceof e&&this.expression.isEquivalent(t.expression)}isConstant(){return this.expression.isConstant()}visitExpression(e,t){return e.visitSpreadElementExpr(this,t)}clone(){return new e(this.expression.clone(),this.sourceSpan)}},lee=new _t(null,st,null),bt=(function(e){return e[e.None=0]=`None`,e[e.Final=1]=`Final`,e[e.Private=2]=`Private`,e[e.Exported=4]=`Exported`,e[e.Static=8]=`Static`,e})(bt||{}),xt=class{modifiers;sourceSpan;leadingComments;constructor(e=bt.None,t=null,n){this.modifiers=e,this.sourceSpan=t,this.leadingComments=n}hasModifier(e){return(this.modifiers&e)!==0}addLeadingComment(e){this.leadingComments=this.leadingComments??[],this.leadingComments.push(e)}},St=class e extends xt{expr;constructor(e,t,n){super(bt.None,t,n),this.expr=e}isEquivalent(t){return t instanceof e&&this.expr.isEquivalent(t.expr)}visitStatement(e,t){return e.visitExpressionStmt(this,t)}};(class e{static INSTANCE=new e;keyOf(e){if(e instanceof _t&&typeof e.value==`string`)return`"${e.value}"`;if(e instanceof _t)return String(e.value);if(e instanceof gt)return`/${e.body}/${e.flags??``}`;if(e instanceof aee){let t=[];for(let n of e.entries)t.push(this.keyOf(n));return`[${t.join(`,`)}]`}if(e instanceof see){let t=[];for(let n of e.entries)if(n instanceof oee)t.push(`...`+this.keyOf(n.expression));else{let e=n.key;n.quoted&&(e=`"${e}"`),t.push(e+`:`+this.keyOf(n.value))}return`{${t.join(`,`)}}`}if(e instanceof vt)return`import("${e.value.moduleName}", ${e.value.name})`;if(e instanceof ft)return`read(${e.name})`;if(e instanceof pt)return`typeof(${this.keyOf(e.expr)})`;if(e instanceof cee)return`...${this.keyOf(e.expression)}`;throw Error(`${this.constructor.name} does not handle expressions of type ${e.constructor.name}`)}});var y=`@angular/core`,b=(()=>{class e{static core={name:null,moduleName:y};static namespaceHTML={name:`ɵɵnamespaceHTML`,moduleName:y};static namespaceMathML={name:`ɵɵnamespaceMathML`,moduleName:y};static namespaceSVG={name:`ɵɵnamespaceSVG`,moduleName:y};static element={name:`ɵɵelement`,moduleName:y};static elementStart={name:`ɵɵelementStart`,moduleName:y};static elementEnd={name:`ɵɵelementEnd`,moduleName:y};static foreignComponent={name:`ɵɵforeignComponent`,moduleName:y};static foreignContent={name:`ɵɵforeignContent`,moduleName:y};static foreignContentFn={name:`ɵɵforeignContentFn`,moduleName:y};static domElement={name:`ɵɵdomElement`,moduleName:y};static domElementStart={name:`ɵɵdomElementStart`,moduleName:y};static domElementEnd={name:`ɵɵdomElementEnd`,moduleName:y};static domElementContainer={name:`ɵɵdomElementContainer`,moduleName:y};static domElementContainerStart={name:`ɵɵdomElementContainerStart`,moduleName:y};static domElementContainerEnd={name:`ɵɵdomElementContainerEnd`,moduleName:y};static domTemplate={name:`ɵɵdomTemplate`,moduleName:y};static domListener={name:`ɵɵdomListener`,moduleName:y};static advance={name:`ɵɵadvance`,moduleName:y};static syntheticHostProperty={name:`ɵɵsyntheticHostProperty`,moduleName:y};static syntheticHostListener={name:`ɵɵsyntheticHostListener`,moduleName:y};static attribute={name:`ɵɵattribute`,moduleName:y};static classProp={name:`ɵɵclassProp`,moduleName:y};static elementContainerStart={name:`ɵɵelementContainerStart`,moduleName:y};static elementContainerEnd={name:`ɵɵelementContainerEnd`,moduleName:y};static elementContainer={name:`ɵɵelementContainer`,moduleName:y};static styleMap={name:`ɵɵstyleMap`,moduleName:y};static classMap={name:`ɵɵclassMap`,moduleName:y};static styleProp={name:`ɵɵstyleProp`,moduleName:y};static interpolate={name:`ɵɵinterpolate`,moduleName:y};static interpolate1={name:`ɵɵinterpolate1`,moduleName:y};static interpolate2={name:`ɵɵinterpolate2`,moduleName:y};static interpolate3={name:`ɵɵinterpolate3`,moduleName:y};static interpolate4={name:`ɵɵinterpolate4`,moduleName:y};static interpolate5={name:`ɵɵinterpolate5`,moduleName:y};static interpolate6={name:`ɵɵinterpolate6`,moduleName:y};static interpolate7={name:`ɵɵinterpolate7`,moduleName:y};static interpolate8={name:`ɵɵinterpolate8`,moduleName:y};static interpolateV={name:`ɵɵinterpolateV`,moduleName:y};static nextContext={name:`ɵɵnextContext`,moduleName:y};static resetView={name:`ɵɵresetView`,moduleName:y};static templateCreate={name:`ɵɵtemplate`,moduleName:y};static defer={name:`ɵɵdefer`,moduleName:y};static deferWhen={name:`ɵɵdeferWhen`,moduleName:y};static deferOnIdle={name:`ɵɵdeferOnIdle`,moduleName:y};static deferOnImmediate={name:`ɵɵdeferOnImmediate`,moduleName:y};static deferOnTimer={name:`ɵɵdeferOnTimer`,moduleName:y};static deferOnHover={name:`ɵɵdeferOnHover`,moduleName:y};static deferOnInteraction={name:`ɵɵdeferOnInteraction`,moduleName:y};static deferOnViewport={name:`ɵɵdeferOnViewport`,moduleName:y};static deferPrefetchWhen={name:`ɵɵdeferPrefetchWhen`,moduleName:y};static deferPrefetchOnIdle={name:`ɵɵdeferPrefetchOnIdle`,moduleName:y};static deferPrefetchOnImmediate={name:`ɵɵdeferPrefetchOnImmediate`,moduleName:y};static deferPrefetchOnTimer={name:`ɵɵdeferPrefetchOnTimer`,moduleName:y};static deferPrefetchOnHover={name:`ɵɵdeferPrefetchOnHover`,moduleName:y};static deferPrefetchOnInteraction={name:`ɵɵdeferPrefetchOnInteraction`,moduleName:y};static deferPrefetchOnViewport={name:`ɵɵdeferPrefetchOnViewport`,moduleName:y};static deferHydrateWhen={name:`ɵɵdeferHydrateWhen`,moduleName:y};static deferHydrateNever={name:`ɵɵdeferHydrateNever`,moduleName:y};static deferHydrateOnIdle={name:`ɵɵdeferHydrateOnIdle`,moduleName:y};static deferHydrateOnImmediate={name:`ɵɵdeferHydrateOnImmediate`,moduleName:y};static deferHydrateOnTimer={name:`ɵɵdeferHydrateOnTimer`,moduleName:y};static deferHydrateOnHover={name:`ɵɵdeferHydrateOnHover`,moduleName:y};static deferHydrateOnInteraction={name:`ɵɵdeferHydrateOnInteraction`,moduleName:y};static deferHydrateOnViewport={name:`ɵɵdeferHydrateOnViewport`,moduleName:y};static deferEnableTimerScheduling={name:`ɵɵdeferEnableTimerScheduling`,moduleName:y};static enableIncrementalHydrationRuntime={name:`ɵɵenableIncrementalHydrationRuntime`,moduleName:y};static conditionalCreate={name:`ɵɵconditionalCreate`,moduleName:y};static conditionalBranchCreate={name:`ɵɵconditionalBranchCreate`,moduleName:y};static conditional={name:`ɵɵconditional`,moduleName:y};static repeater={name:`ɵɵrepeater`,moduleName:y};static repeaterCreate={name:`ɵɵrepeaterCreate`,moduleName:y};static repeaterTrackByIndex={name:`ɵɵrepeaterTrackByIndex`,moduleName:y};static repeaterTrackByIdentity={name:`ɵɵrepeaterTrackByIdentity`,moduleName:y};static componentInstance={name:`ɵɵcomponentInstance`,moduleName:y};static text={name:`ɵɵtext`,moduleName:y};static enableBindings={name:`ɵɵenableBindings`,moduleName:y};static disableBindings={name:`ɵɵdisableBindings`,moduleName:y};static getCurrentView={name:`ɵɵgetCurrentView`,moduleName:y};static textInterpolate={name:`ɵɵtextInterpolate`,moduleName:y};static textInterpolate1={name:`ɵɵtextInterpolate1`,moduleName:y};static textInterpolate2={name:`ɵɵtextInterpolate2`,moduleName:y};static textInterpolate3={name:`ɵɵtextInterpolate3`,moduleName:y};static textInterpolate4={name:`ɵɵtextInterpolate4`,moduleName:y};static textInterpolate5={name:`ɵɵtextInterpolate5`,moduleName:y};static textInterpolate6={name:`ɵɵtextInterpolate6`,moduleName:y};static textInterpolate7={name:`ɵɵtextInterpolate7`,moduleName:y};static textInterpolate8={name:`ɵɵtextInterpolate8`,moduleName:y};static textInterpolateV={name:`ɵɵtextInterpolateV`,moduleName:y};static restoreView={name:`ɵɵrestoreView`,moduleName:y};static pureFunction0={name:`ɵɵpureFunction0`,moduleName:y};static pureFunction1={name:`ɵɵpureFunction1`,moduleName:y};static pureFunction2={name:`ɵɵpureFunction2`,moduleName:y};static pureFunction3={name:`ɵɵpureFunction3`,moduleName:y};static pureFunction4={name:`ɵɵpureFunction4`,moduleName:y};static pureFunction5={name:`ɵɵpureFunction5`,moduleName:y};static pureFunction6={name:`ɵɵpureFunction6`,moduleName:y};static pureFunction7={name:`ɵɵpureFunction7`,moduleName:y};static pureFunction8={name:`ɵɵpureFunction8`,moduleName:y};static pureFunctionV={name:`ɵɵpureFunctionV`,moduleName:y};static pipeBind1={name:`ɵɵpipeBind1`,moduleName:y};static pipeBind2={name:`ɵɵpipeBind2`,moduleName:y};static pipeBind3={name:`ɵɵpipeBind3`,moduleName:y};static pipeBind4={name:`ɵɵpipeBind4`,moduleName:y};static pipeBindV={name:`ɵɵpipeBindV`,moduleName:y};static domProperty={name:`ɵɵdomProperty`,moduleName:y};static ariaProperty={name:`ɵɵariaProperty`,moduleName:y};static property={name:`ɵɵproperty`,moduleName:y};static control={name:`ɵɵcontrol`,moduleName:y};static controlCreate={name:`ɵɵcontrolCreate`,moduleName:y};static animationEnterListener={name:`ɵɵanimateEnterListener`,moduleName:y};static animationLeaveListener={name:`ɵɵanimateLeaveListener`,moduleName:y};static animationEnter={name:`ɵɵanimateEnter`,moduleName:y};static animationLeave={name:`ɵɵanimateLeave`,moduleName:y};static i18n={name:`ɵɵi18n`,moduleName:y};static i18nAttributes={name:`ɵɵi18nAttributes`,moduleName:y};static i18nExp={name:`ɵɵi18nExp`,moduleName:y};static i18nStart={name:`ɵɵi18nStart`,moduleName:y};static i18nEnd={name:`ɵɵi18nEnd`,moduleName:y};static i18nApply={name:`ɵɵi18nApply`,moduleName:y};static i18nPostprocess={name:`ɵɵi18nPostprocess`,moduleName:y};static pipe={name:`ɵɵpipe`,moduleName:y};static projection={name:`ɵɵprojection`,moduleName:y};static projectionDef={name:`ɵɵprojectionDef`,moduleName:y};static reference={name:`ɵɵreference`,moduleName:y};static inject={name:`ɵɵinject`,moduleName:y};static injectAttribute={name:`ɵɵinjectAttribute`,moduleName:y};static directiveInject={name:`ɵɵdirectiveInject`,moduleName:y};static invalidFactory={name:`ɵɵinvalidFactory`,moduleName:y};static invalidFactoryDep={name:`ɵɵinvalidFactoryDep`,moduleName:y};static templateRefExtractor={name:`ɵɵtemplateRefExtractor`,moduleName:y};static forwardRef={name:`forwardRef`,moduleName:y};static resolveForwardRef={name:`resolveForwardRef`,moduleName:y};static replaceMetadata={name:`ɵɵreplaceMetadata`,moduleName:y};static getReplaceMetadataURL={name:`ɵɵgetReplaceMetadataURL`,moduleName:y};static ɵɵdefineInjectable={name:`ɵɵdefineInjectable`,moduleName:y};static declareInjectable={name:`ɵɵngDeclareInjectable`,moduleName:y};static InjectableDeclaration={name:`ɵɵInjectableDeclaration`,moduleName:y};static defineService={name:`ɵɵdefineService`,moduleName:y};static declareService={name:`ɵɵngDeclareService`,moduleName:y};static resolveWindow={name:`ɵɵresolveWindow`,moduleName:y};static resolveDocument={name:`ɵɵresolveDocument`,moduleName:y};static resolveBody={name:`ɵɵresolveBody`,moduleName:y};static getComponentDepsFactory={name:`ɵɵgetComponentDepsFactory`,moduleName:y};static defineComponent={name:`ɵɵdefineComponent`,moduleName:y};static declareComponent={name:`ɵɵngDeclareComponent`,moduleName:y};static setComponentScope={name:`ɵɵsetComponentScope`,moduleName:y};static ChangeDetectionStrategy={name:`ChangeDetectionStrategy`,moduleName:y};static ViewEncapsulation={name:`ViewEncapsulation`,moduleName:y};static ComponentDeclaration={name:`ɵɵComponentDeclaration`,moduleName:y};static FactoryDeclaration={name:`ɵɵFactoryDeclaration`,moduleName:y};static declareFactory={name:`ɵɵngDeclareFactory`,moduleName:y};static FactoryTarget={name:`ɵɵFactoryTarget`,moduleName:y};static defineDirective={name:`ɵɵdefineDirective`,moduleName:y};static declareDirective={name:`ɵɵngDeclareDirective`,moduleName:y};static DirectiveDeclaration={name:`ɵɵDirectiveDeclaration`,moduleName:y};static InjectorDef={name:`ɵɵInjectorDef`,moduleName:y};static InjectorDeclaration={name:`ɵɵInjectorDeclaration`,moduleName:y};static defineInjector={name:`ɵɵdefineInjector`,moduleName:y};static declareInjector={name:`ɵɵngDeclareInjector`,moduleName:y};static NgModuleDeclaration={name:`ɵɵNgModuleDeclaration`,moduleName:y};static ModuleWithProviders={name:`ModuleWithProviders`,moduleName:y};static defineNgModule={name:`ɵɵdefineNgModule`,moduleName:y};static declareNgModule={name:`ɵɵngDeclareNgModule`,moduleName:y};static setNgModuleScope={name:`ɵɵsetNgModuleScope`,moduleName:y};static registerNgModuleType={name:`ɵɵregisterNgModuleType`,moduleName:y};static PipeDeclaration={name:`ɵɵPipeDeclaration`,moduleName:y};static definePipe={name:`ɵɵdefinePipe`,moduleName:y};static declarePipe={name:`ɵɵngDeclarePipe`,moduleName:y};static declareClassMetadata={name:`ɵɵngDeclareClassMetadata`,moduleName:y};static declareClassMetadataAsync={name:`ɵɵngDeclareClassMetadataAsync`,moduleName:y};static setClassMetadata={name:`ɵsetClassMetadata`,moduleName:y};static setClassMetadataAsync={name:`ɵsetClassMetadataAsync`,moduleName:y};static setClassDebugInfo={name:`ɵsetClassDebugInfo`,moduleName:y};static queryRefresh={name:`ɵɵqueryRefresh`,moduleName:y};static viewQuery={name:`ɵɵviewQuery`,moduleName:y};static loadQuery={name:`ɵɵloadQuery`,moduleName:y};static contentQuery={name:`ɵɵcontentQuery`,moduleName:y};static viewQuerySignal={name:`ɵɵviewQuerySignal`,moduleName:y};static contentQuerySignal={name:`ɵɵcontentQuerySignal`,moduleName:y};static queryAdvance={name:`ɵɵqueryAdvance`,moduleName:y};static twoWayProperty={name:`ɵɵtwoWayProperty`,moduleName:y};static twoWayBindingSet={name:`ɵɵtwoWayBindingSet`,moduleName:y};static twoWayListener={name:`ɵɵtwoWayListener`,moduleName:y};static declareLet={name:`ɵɵdeclareLet`,moduleName:y};static storeLet={name:`ɵɵstoreLet`,moduleName:y};static readContextLet={name:`ɵɵreadContextLet`,moduleName:y};static arrowFunction={name:`ɵɵarrowFunction`,moduleName:y};static attachSourceLocations={name:`ɵɵattachSourceLocations`,moduleName:y};static NgOnChangesFeature={name:`ɵɵNgOnChangesFeature`,moduleName:y};static ControlFeature={name:`ɵɵControlFeature`,moduleName:y};static InheritDefinitionFeature={name:`ɵɵInheritDefinitionFeature`,moduleName:y};static ProvidersFeature={name:`ɵɵProvidersFeature`,moduleName:y};static HostDirectivesFeature={name:`ɵɵHostDirectivesFeature`,moduleName:y};static ExternalStylesFeature={name:`ɵɵExternalStylesFeature`,moduleName:y};static listener={name:`ɵɵlistener`,moduleName:y};static getInheritedFactory={name:`ɵɵgetInheritedFactory`,moduleName:y};static sanitizeHtml={name:`ɵɵsanitizeHtml`,moduleName:y};static sanitizeStyle={name:`ɵɵsanitizeStyle`,moduleName:y};static validateAttribute={name:`ɵɵvalidateAttribute`,moduleName:y};static sanitizeResourceUrl={name:`ɵɵsanitizeResourceUrl`,moduleName:y};static sanitizeScript={name:`ɵɵsanitizeScript`,moduleName:y};static sanitizeUrl={name:`ɵɵsanitizeUrl`,moduleName:y};static sanitizeUrlOrResourceUrl={name:`ɵɵsanitizeUrlOrResourceUrl`,moduleName:y};static trustConstantHtml={name:`ɵɵtrustConstantHtml`,moduleName:y};static trustConstantResourceUrl={name:`ɵɵtrustConstantResourceUrl`,moduleName:y};static inputDecorator={name:`Input`,moduleName:y};static outputDecorator={name:`Output`,moduleName:y};static viewChildDecorator={name:`ViewChild`,moduleName:y};static viewChildrenDecorator={name:`ViewChildren`,moduleName:y};static contentChildDecorator={name:`ContentChild`,moduleName:y};static contentChildrenDecorator={name:`ContentChildren`,moduleName:y};static InputSignalBrandWriteType={name:`ɵINPUT_SIGNAL_BRAND_WRITE_TYPE`,moduleName:y};static UnwrapDirectiveSignalInputs={name:`ɵUnwrapDirectiveSignalInputs`,moduleName:y};static unwrapWritableSignal={name:`ɵunwrapWritableSignal`,moduleName:y};static assertType={name:`ɵassertType`,moduleName:y}}return e})();v.And,v.Bigger,v.BiggerEquals,v.BitwiseOr,v.BitwiseAnd,v.Divide,v.Assign,v.Equals,v.Identical,v.Lower,v.LowerEquals,v.Minus,v.Modulo,v.Exponentiation,v.Multiply,v.NotEquals,v.NotIdentical,v.NullishCoalesce,v.Or,v.Plus,v.In,v.InstanceOf,v.AdditionAssignment,v.SubtractionAssignment,v.MultiplicationAssignment,v.DivisionAssignment,v.RemainderAssignment,v.ExponentiationAssignment,v.AndAssignment,v.OrAssignment,v.NullishCoalesceAssignment;var Ct=class{span;sourceSpan;constructor(e,t){this.span=e,this.sourceSpan=t}toString(){return`AST`}},wt=class extends Ct{receiver;args;argumentSpan;constructor(e,t,n,r,i){super(e,t),this.receiver=n,this.args=r,this.argumentSpan=i}visit(e,t=null){return e.visitCall(this,t)}},Tt=(function(e){return e[e.Property=0]=`Property`,e[e.Attribute=1]=`Attribute`,e[e.Class=2]=`Class`,e[e.Style=3]=`Style`,e[e.LegacyAnimation=4]=`LegacyAnimation`,e[e.TwoWay=5]=`TwoWay`,e[e.Animation=6]=`Animation`,e})(Tt||{}),Et=`(:(where|is)\\()?`,Dt=`-shadowcsshost`,Ot=`-shadowcsscontext`,kt=`[^)(]*`,At=String.raw`(?:\(${kt}\)|${kt})+?`,jt=String.raw`(?:\(${At}\)|${kt})+?`,Mt=String.raw`(?:\((${jt})\))`;String.raw`(:nth-[-\w]+)`+Mt,Dt+Mt+``,`${Et}`,Ot+Mt+``;var x=(function(e){return e[e.ListEnd=0]=`ListEnd`,e[e.Statement=1]=`Statement`,e[e.Variable=2]=`Variable`,e[e.ElementStart=3]=`ElementStart`,e[e.Element=4]=`Element`,e[e.ForeignComponent=5]=`ForeignComponent`,e[e.Template=6]=`Template`,e[e.ElementEnd=7]=`ElementEnd`,e[e.ContainerStart=8]=`ContainerStart`,e[e.Container=9]=`Container`,e[e.ContainerEnd=10]=`ContainerEnd`,e[e.DisableBindings=11]=`DisableBindings`,e[e.ConditionalCreate=12]=`ConditionalCreate`,e[e.ConditionalBranchCreate=13]=`ConditionalBranchCreate`,e[e.Conditional=14]=`Conditional`,e[e.EnableBindings=15]=`EnableBindings`,e[e.Text=16]=`Text`,e[e.Listener=17]=`Listener`,e[e.InterpolateText=18]=`InterpolateText`,e[e.Binding=19]=`Binding`,e[e.Property=20]=`Property`,e[e.StyleProp=21]=`StyleProp`,e[e.ClassProp=22]=`ClassProp`,e[e.StyleMap=23]=`StyleMap`,e[e.ClassMap=24]=`ClassMap`,e[e.Advance=25]=`Advance`,e[e.Pipe=26]=`Pipe`,e[e.Attribute=27]=`Attribute`,e[e.ExtractedAttribute=28]=`ExtractedAttribute`,e[e.Defer=29]=`Defer`,e[e.DeferOn=30]=`DeferOn`,e[e.DeferWhen=31]=`DeferWhen`,e[e.I18nMessage=32]=`I18nMessage`,e[e.DomProperty=33]=`DomProperty`,e[e.Namespace=34]=`Namespace`,e[e.ProjectionDef=35]=`ProjectionDef`,e[e.EnableIncrementalHydrationRuntime=36]=`EnableIncrementalHydrationRuntime`,e[e.Projection=37]=`Projection`,e[e.Content=38]=`Content`,e[e.RepeaterCreate=39]=`RepeaterCreate`,e[e.Repeater=40]=`Repeater`,e[e.TwoWayProperty=41]=`TwoWayProperty`,e[e.TwoWayListener=42]=`TwoWayListener`,e[e.DeclareLet=43]=`DeclareLet`,e[e.StoreLet=44]=`StoreLet`,e[e.I18nStart=45]=`I18nStart`,e[e.I18n=46]=`I18n`,e[e.I18nEnd=47]=`I18nEnd`,e[e.I18nExpression=48]=`I18nExpression`,e[e.I18nApply=49]=`I18nApply`,e[e.IcuStart=50]=`IcuStart`,e[e.IcuEnd=51]=`IcuEnd`,e[e.IcuPlaceholder=52]=`IcuPlaceholder`,e[e.I18nContext=53]=`I18nContext`,e[e.I18nAttributes=54]=`I18nAttributes`,e[e.SourceLocation=55]=`SourceLocation`,e[e.Animation=56]=`Animation`,e[e.AnimationString=57]=`AnimationString`,e[e.AnimationBinding=58]=`AnimationBinding`,e[e.AnimationListener=59]=`AnimationListener`,e[e.Control=60]=`Control`,e[e.ControlCreate=61]=`ControlCreate`,e})(x||{}),Nt=(function(e){return e[e.LexicalRead=0]=`LexicalRead`,e[e.Context=1]=`Context`,e[e.TrackContext=2]=`TrackContext`,e[e.ReadVariable=3]=`ReadVariable`,e[e.NextContext=4]=`NextContext`,e[e.Reference=5]=`Reference`,e[e.StoreLet=6]=`StoreLet`,e[e.ContextLetReference=7]=`ContextLetReference`,e[e.GetCurrentView=8]=`GetCurrentView`,e[e.RestoreView=9]=`RestoreView`,e[e.ResetView=10]=`ResetView`,e[e.PureFunctionExpr=11]=`PureFunctionExpr`,e[e.PureFunctionParameterExpr=12]=`PureFunctionParameterExpr`,e[e.PipeBinding=13]=`PipeBinding`,e[e.PipeBindingVariadic=14]=`PipeBindingVariadic`,e[e.SafePropertyRead=15]=`SafePropertyRead`,e[e.SafeKeyedRead=16]=`SafeKeyedRead`,e[e.SafeNavigationMigration=17]=`SafeNavigationMigration`,e[e.SafeTernaryExpr=18]=`SafeTernaryExpr`,e[e.EmptyExpr=19]=`EmptyExpr`,e[e.AssignTemporaryExpr=20]=`AssignTemporaryExpr`,e[e.ReadTemporaryExpr=21]=`ReadTemporaryExpr`,e[e.SlotLiteralExpr=22]=`SlotLiteralExpr`,e[e.ConditionalCase=23]=`ConditionalCase`,e[e.ConstCollected=24]=`ConstCollected`,e[e.TwoWayBindingSet=25]=`TwoWayBindingSet`,e[e.ForeignContent=26]=`ForeignContent`,e[e.ArrowFunction=27]=`ArrowFunction`,e})(Nt||{}),Pt=(function(e){return e[e.None=0]=`None`,e[e.AlwaysInline=1]=`AlwaysInline`,e})(Pt||{}),Ft=(function(e){return e[e.Context=0]=`Context`,e[e.Identifier=1]=`Identifier`,e[e.SavedView=2]=`SavedView`,e[e.Alias=3]=`Alias`,e})(Ft||{}),It=(function(e){return e[e.Attribute=0]=`Attribute`,e[e.ClassName=1]=`ClassName`,e[e.StyleProperty=2]=`StyleProperty`,e[e.Property=3]=`Property`,e[e.Template=4]=`Template`,e[e.I18n=5]=`I18n`,e[e.LegacyAnimation=6]=`LegacyAnimation`,e[e.TwoWayProperty=7]=`TwoWayProperty`,e[e.Animation=8]=`Animation`,e})(It||{}),Lt=(function(e){return e[e.Creation=0]=`Creation`,e[e.Postproccessing=1]=`Postproccessing`,e})(Lt||{}),Rt=(function(e){return e[e.I18nText=0]=`I18nText`,e[e.I18nAttribute=1]=`I18nAttribute`,e})(Rt||{}),zt=(function(e){return e[e.None=0]=`None`,e[e.ElementTag=1]=`ElementTag`,e[e.TemplateTag=2]=`TemplateTag`,e[e.OpenTag=4]=`OpenTag`,e[e.CloseTag=8]=`CloseTag`,e[e.ExpressionIndex=16]=`ExpressionIndex`,e})(zt||{}),Bt=(function(e){return e[e.HTML=0]=`HTML`,e[e.SVG=1]=`SVG`,e[e.Math=2]=`Math`,e})(Bt||{}),Vt=(function(e){return e[e.Idle=0]=`Idle`,e[e.Immediate=1]=`Immediate`,e[e.Timer=2]=`Timer`,e[e.Hover=3]=`Hover`,e[e.Interaction=4]=`Interaction`,e[e.Viewport=5]=`Viewport`,e[e.Never=6]=`Never`,e})(Vt||{}),Ht=(function(e){return e[e.RootI18n=0]=`RootI18n`,e[e.Icu=1]=`Icu`,e[e.Attr=2]=`Attr`,e})(Ht||{}),Ut=(function(e){return e[e.NgTemplate=0]=`NgTemplate`,e[e.Structural=1]=`Structural`,e[e.Block=2]=`Block`,e})(Ut||{}),Wt=(function(e){return e[e.None=0]=`None`,e[e.InChildOperation=1]=`InChildOperation`,e[e.InArrowFunctionOperation=2]=`InArrowFunctionOperation`,e[e.InSafeNavigationMigration=4]=`InSafeNavigationMigration`,e})(Wt||{});x.Element,x.ElementStart,x.Container,x.ContainerStart,x.Template,x.RepeaterCreate,x.ConditionalCreate,x.ConditionalBranchCreate;var S=(function(e){return e[e.Tmpl=0]=`Tmpl`,e[e.Host=1]=`Host`,e[e.Both=2]=`Both`,e})(S||{}),Gt=(function(e){return e[e.Full=0]=`Full`,e[e.DomOnly=1]=`DomOnly`,e})(Gt||{});b.ariaProperty,b.ariaProperty,b.attribute,b.attribute,b.classProp,b.classProp,b.element,b.element,b.elementContainer,b.elementContainer,b.elementContainerEnd,b.elementContainerEnd,b.elementContainerStart,b.elementContainerStart,b.elementEnd,b.elementEnd,b.elementStart,b.elementStart,b.domProperty,b.domProperty,b.i18nExp,b.i18nExp,b.listener,b.listener,b.listener,b.listener,b.property,b.property,b.styleProp,b.styleProp,b.syntheticHostListener,b.syntheticHostListener,b.syntheticHostProperty,b.syntheticHostProperty,b.templateCreate,b.templateCreate,b.twoWayProperty,b.twoWayProperty,b.twoWayListener,b.twoWayListener,b.declareLet,b.declareLet,b.conditionalCreate,b.conditionalBranchCreate,b.conditionalBranchCreate,b.conditionalBranchCreate,b.domElement,b.domElement,b.domElementStart,b.domElementStart,b.domElementEnd,b.domElementEnd,b.domElementContainer,b.domElementContainer,b.domElementContainerStart,b.domElementContainerStart,b.domElementContainerEnd,b.domElementContainerEnd,b.domListener,b.domListener,b.domTemplate,b.domTemplate,b.animationEnter,b.animationEnter,b.animationLeave,b.animationLeave,b.animationEnterListener,b.animationEnterListener,b.animationLeaveListener,b.animationLeaveListener,v.And,v.Bigger,v.BiggerEquals,v.BitwiseOr,v.BitwiseAnd,v.Divide,v.Assign,v.Equals,v.Identical,v.Lower,v.LowerEquals,v.Minus,v.Modulo,v.Exponentiation,v.Multiply,v.NotEquals,v.NotIdentical,v.NullishCoalesce,v.Or,v.Plus,v.In,v.InstanceOf,v.AdditionAssignment,v.SubtractionAssignment,v.MultiplicationAssignment,v.DivisionAssignment,v.RemainderAssignment,v.ExponentiationAssignment,v.AndAssignment,v.OrAssignment,v.NullishCoalesceAssignment,x.Property,x.Property,x.Property,x.Attribute,x.Attribute,x.Property,x.TwoWayProperty,x.Container,x.ContainerStart,x.ContainerEnd,x.Element,x.ElementStart,x.ElementEnd,x.Template,x.ElementEnd,x.ElementStart,x.Element,x.ContainerEnd,x.ContainerStart,x.Container,x.I18nEnd,x.I18nStart,x.I18n,x.Pipe;var Kt=` \f
+\r	\v ᠎ - \u2028\u2029  　`;`${Kt}`,`${Kt}`;var qt=(function(e){return e[e.Character=0]=`Character`,e[e.Identifier=1]=`Identifier`,e[e.PrivateIdentifier=2]=`PrivateIdentifier`,e[e.Keyword=3]=`Keyword`,e[e.String=4]=`String`,e[e.Operator=5]=`Operator`,e[e.Number=6]=`Number`,e[e.RegExpBody=7]=`RegExpBody`,e[e.RegExpFlags=8]=`RegExpFlags`,e[e.Error=9]=`Error`,e})(qt||{}),Jt=(function(e){return e[e.Plain=0]=`Plain`,e[e.TemplateLiteralPart=1]=`TemplateLiteralPart`,e[e.TemplateLiteralEnd=2]=`TemplateLiteralEnd`,e})(Jt||{});qt.Character,x.StyleMap,x.ClassMap,x.StyleProp,x.ClassProp,x.Attribute,x.Property,x.Attribute,x.Control,x.DomProperty,x.DomProperty,x.Attribute,x.StyleMap,x.ClassMap,x.StyleProp,x.ClassProp,x.Listener,x.TwoWayListener,x.AnimationListener,x.StyleMap,x.ClassMap,x.StyleProp,x.ClassProp,x.Property,x.TwoWayProperty,x.DomProperty,x.Attribute,x.Animation,x.Control,Vt.Idle,b.deferOnIdle,b.deferPrefetchOnIdle,b.deferHydrateOnIdle,Vt.Immediate,b.deferOnImmediate,b.deferPrefetchOnImmediate,b.deferHydrateOnImmediate,Vt.Timer,b.deferOnTimer,b.deferPrefetchOnTimer,b.deferHydrateOnTimer,Vt.Hover,b.deferOnHover,b.deferPrefetchOnHover,b.deferHydrateOnHover,Vt.Interaction,b.deferOnInteraction,b.deferPrefetchOnInteraction,b.deferHydrateOnInteraction,Vt.Viewport,b.deferOnViewport,b.deferPrefetchOnViewport,b.deferHydrateOnViewport,Vt.Never,b.deferHydrateNever,b.deferHydrateNever,b.deferHydrateNever,b.pipeBind1,b.pipeBind2,b.pipeBind3,b.pipeBind4,b.textInterpolate,b.textInterpolate1,b.textInterpolate2,b.textInterpolate3,b.textInterpolate4,b.textInterpolate5,b.textInterpolate6,b.textInterpolate7,b.textInterpolate8,b.textInterpolateV,b.interpolate,b.interpolate1,b.interpolate2,b.interpolate3,b.interpolate4,b.interpolate5,b.interpolate6,b.interpolate7,b.interpolate8,b.interpolateV,b.pureFunction0,b.pureFunction1,b.pureFunction2,b.pureFunction3,b.pureFunction4,b.pureFunction5,b.pureFunction6,b.pureFunction7,b.pureFunction8,b.pureFunctionV,b.resolveWindow,b.resolveDocument,b.resolveBody,nt.HTML,b.sanitizeHtml,nt.RESOURCE_URL,b.sanitizeResourceUrl,nt.SCRIPT,b.sanitizeScript,nt.STYLE,b.sanitizeStyle,nt.URL,b.sanitizeUrl,nt.ATTRIBUTE_NO_BINDING,b.validateAttribute,nt.HTML,b.trustConstantHtml,nt.RESOURCE_URL,b.trustConstantResourceUrl;var Yt=(function(e){return e[e.None=0]=`None`,e[e.ViewContextRead=1]=`ViewContextRead`,e[e.ViewContextWrite=2]=`ViewContextWrite`,e[e.SideEffectful=4]=`SideEffectful`,e})(Yt||{});S.Tmpl,S.Tmpl,S.Both,S.Host,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Both,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Both,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Tmpl,S.Both,S.Both,S.Both,S.Both,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Tmpl,S.Both,S.Tmpl,S.Both,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Tmpl,S.Both,S.Both,S.Both,Tt.Property,It.Property,Tt.TwoWay,It.TwoWayProperty,Tt.Attribute,It.Attribute,Tt.Class,It.ClassName,Tt.Style,It.StyleProperty,Tt.LegacyAnimation,It.LegacyAnimation,Tt.Animation,It.Animation;var Xt=`%COMP%`;`${Xt}`,`${Xt}`,class e{static SINGLETON=new e;static veWillInferAnyFor(t){let n=e.SINGLETON;return t instanceof wt?t.visit(n):t.receiver.visit(n)}visitUnary(e){return e.expr.visit(this)}visitBinary(e){return e.left.visit(this)||e.right.visit(this)}visitChain(){return!1}visitConditional(e){return e.condition.visit(this)||e.trueExp.visit(this)||e.falseExp.visit(this)}visitCall(){return!0}visitSafeCall(){return!1}visitImplicitReceiver(){return!1}visitThisReceiver(){return!1}visitInterpolation(e){return e.expressions.some(e=>e.visit(this))}visitKeyedRead(){return!1}visitLiteralArray(){return!0}visitLiteralMap(){return!0}visitLiteralPrimitive(){return!1}visitPipe(){return!0}visitPrefixNot(e){return e.expression.visit(this)}visitTypeofExpression(e){return e.expression.visit(this)}visitVoidExpression(e){return e.expression.visit(this)}visitNonNullAssert(e){return e.expression.visit(this)}visitPropertyRead(){return!1}visitSafePropertyRead(){return!1}visitSafeKeyedRead(){return!1}visitTemplateLiteral(){return!1}visitTemplateLiteralElement(){return!1}visitTaggedTemplateLiteral(){return!1}visitParenthesizedExpression(e){return e.expression.visit(this)}visitRegularExpressionLiteral(){return!1}visitSpreadElement(e){return e.expression.visit(this)}visitArrowFunction(e,t){return!1}};var Zt=null,Qt=!1,$t=1,en=null,tn=Symbol(`SIGNAL`);function nn(e){let t=Zt;return Zt=e,t}function rn(){return Zt}var an={version:0,lastCleanEpoch:0,dirty:!1,producers:void 0,producersTail:void 0,consumers:void 0,consumersTail:void 0,recomputing:!1,consumerAllowSignalWrites:!1,consumerIsAlwaysLive:!1,kind:`unknown`,producerMustRecompute:()=>!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{}};function on(e){if(Qt)throw Error(``);if(Zt===null)return;Zt.consumerOnSignalRead(e);let t=Zt.producersTail;if(t!==void 0&&t.producer===e)return;let n,r=Zt.recomputing;if(r&&(n=t===void 0?Zt.producers:t.nextProducer,n!==void 0&&n.producer===e)){Zt.producersTail=n,n.lastReadVersion=e.version,n.knownValidAtEpoch=$t;return}let i=e.consumersTail;if(i!==void 0&&i.consumer===Zt&&(!r||i.knownValidAtEpoch===$t))return;let a=xn(Zt),o={producer:e,consumer:Zt,nextProducer:n,prevConsumer:void 0,knownValidAtEpoch:$t,lastReadVersion:e.version,nextConsumer:void 0};Zt.producersTail=o,t===void 0?Zt.producers=o:t.nextProducer=o,a&&yn(e,o)}function sn(){$t++}function cn(e){if((!xn(e)||e.dirty)&&(e.dirty||e.lastCleanEpoch!==$t)){if(!e.producerMustRecompute(e)&&!_n(e)){fn(e);return}e.producerRecomputeValue(e),fn(e)}}function ln(e){if(e.consumers===void 0)return;let t=Qt;Qt=!0;try{for(let t=e.consumers;t!==void 0;t=t.nextConsumer){let e=t.consumer;e.dirty||dn(e)}}finally{Qt=t}}function un(){return Zt?.consumerAllowSignalWrites!==!1}function dn(e){e.dirty=!0,ln(e),e.consumerMarkedDirty?.(e)}function fn(e){e.dirty=!1,e.lastCleanEpoch=$t}function pn(e){return e&&mn(e),nn(e)}function mn(e){if(e.producersTail?.knownValidAtEpoch===$t){let t=e.producers;for(;t!==void 0;)t.knownValidAtEpoch=null,t=t.nextProducer}e.producersTail=void 0,e.recomputing=!0}function hn(e,t){nn(t),e&&gn(e)}function gn(e){e.recomputing=!1;let t=e.producersTail,n=t===void 0?e.producers:t.nextProducer;if(n!==void 0){if(xn(e))do n=bn(n);while(n!==void 0);t===void 0?e.producers=void 0:t.nextProducer=void 0}}function _n(e){for(let t=e.producers;t!==void 0;t=t.nextProducer){let e=t.producer,n=t.lastReadVersion;if(n!==e.version||(cn(e),n!==e.version))return!0}return!1}function vn(e){if(xn(e)){let t=e.producers;for(;t!==void 0;)t=bn(t)}e.producers=void 0,e.producersTail=void 0,e.consumers=void 0,e.consumersTail=void 0}function yn(e,t){let n=e.consumersTail,r=xn(e);if(n===void 0?(t.nextConsumer=void 0,e.consumers=t):(t.nextConsumer=n.nextConsumer,n.nextConsumer=t),t.prevConsumer=n,e.consumersTail=t,!r)for(let t=e.producers;t!==void 0;t=t.nextProducer)yn(t.producer,t)}function bn(e){let t=e.producer,n=e.nextProducer,r=e.nextConsumer,i=e.prevConsumer;if(e.nextConsumer=void 0,e.prevConsumer=void 0,r===void 0?t.consumersTail=i:r.prevConsumer=i,i!==void 0)i.nextConsumer=r;else if(t.consumers=r,!xn(t)){let e=t.producers;for(;e!==void 0;)e=bn(e)}return n}function xn(e){return e.consumerIsAlwaysLive||e.consumers!==void 0}function Sn(e){en?.(e)}function Cn(e,t){return Object.is(e,t)}function wn(e,t){let n=Object.create(On);n.computation=e,t!==void 0&&(n.equal=t);let r=()=>{if(cn(n),on(n),n.value===Dn)throw n.error;return n.value};return r[tn]=n,Sn(n),r}var Tn=Symbol(`UNSET`),En=Symbol(`COMPUTING`),Dn=Symbol(`ERRORED`),On={...an,value:Tn,dirty:!0,error:null,equal:Cn,kind:`computed`,producerMustRecompute(e){return e.value===Tn||e.value===En},producerRecomputeValue(e){if(e.value===En)throw Error(``);let t=e.value;e.value=En;let n=pn(e),r,i=!1;try{r=e.computation(),nn(null),i=t!==Tn&&t!==Dn&&r!==Dn&&e.equal(t,r)}catch(t){r=Dn,e.error=t}finally{hn(e,n)}if(i){e.value=t;return}e.value=r,e.version++}};function kn(){throw Error()}var An=kn;function jn(e){An(e)}function Mn(e){An=e}var Nn=null;function Pn(e,t){let n=Object.create(Rn);n.value=e,t!==void 0&&(n.equal=t);let r=()=>Fn(n);return r[tn]=n,Sn(n),[r,e=>In(n,e),e=>Ln(n,e)]}function Fn(e){return on(e),e.value}function In(e,t){un()||jn(e),e.equal(e.value,t)||(e.value=t,zn(e))}function Ln(e,t){un()||jn(e),In(e,t(e.value))}var Rn={...an,equal:Cn,value:void 0,kind:`signal`};function zn(e){e.version++,sn(),ln(e),Nn?.(e)}var Bn={...an,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!0,dirty:!0,kind:`effect`};function Vn(e){if(e.dirty=!1,e.version>0&&!_n(e))return;e.version++;let t=pn(e);try{e.cleanup(),e.fn()}finally{hn(e,t)}}var Hn=void 0;function Un(){return Hn}function Wn(e){let t=Hn;return Hn=e,t}var Gn=Symbol(`NotFound`);function Kn(e){return e===Gn||e?.name===`ɵNotFound`}function qn(e,t,n){let r=Object.create(Xn);r.source=e,r.computation=t,n!=null&&(r.equal=n);let i=()=>{if(cn(r),on(r),r.value===Dn)throw r.error;return r.value};return i[tn]=r,Sn(r),i}function Jn(e,t){cn(e),In(e,t),fn(e)}function Yn(e,t){if(cn(e),e.value===Dn)throw e.error;Ln(e,t),fn(e)}var Xn={...an,value:Tn,dirty:!0,error:null,equal:Cn,kind:`linkedSignal`,producerMustRecompute(e){return e.value===Tn||e.value===En},producerRecomputeValue(e){if(e.value===En)throw Error(``);let t=e.value;e.value=En;let n=pn(e),r,i=!1;try{let n=e.source(),a=t!==Tn&&t!==Dn,o=a?{source:e.sourceValue,value:t}:void 0;r=e.computation(n,o),e.sourceValue=n,nn(null),i=a&&r!==Dn&&e.equal(t,r)}catch(t){r=Dn,e.error=t}finally{hn(e,n)}if(i){e.value=t;return}e.value=r,e.version++}};function Zn(e){let t=nn(null);try{return e()}finally{nn(t)}}var Qn=function(e,t){return Qn=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},Qn(e,t)};function $n(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);Qn(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}function er(e,t,n,r){function i(e){return e instanceof n?e:new n(function(t){t(e)})}return new(n||=Promise)(function(n,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(o,s)}c((r=r.apply(e,t||[])).next())})}function tr(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,o=Object.create((typeof Iterator==`function`?Iterator:Object).prototype);return o.next=s(0),o.throw=s(1),o.return=s(2),typeof Symbol==`function`&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return c([e,t])}}function c(s){if(r)throw TypeError(`Generator is already executing.`);for(;o&&(o=0,s[0]&&(n=0)),n;)try{if(r=1,i&&(a=s[0]&2?i.return:s[0]?i.throw||((a=i.return)&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;switch(i=0,a&&(s=[s[0]&2,a.value]),s[0]){case 0:case 1:a=s;break;case 4:return n.label++,{value:s[1],done:!1};case 5:n.label++,i=s[1],s=[0];continue;case 7:s=n.ops.pop(),n.trys.pop();continue;default:if(a=n.trys,!(a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1],a=s;break}if(a&&n.label<a[2]){n.label=a[2],n.ops.push(s);break}a[2]&&n.ops.pop(),n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e],i=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}function nr(e){var t=typeof Symbol==`function`&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&typeof e.length==`number`)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw TypeError(t?`Object is not iterable.`:`Symbol.iterator is not defined.`)}function rr(e,t){var n=typeof Symbol==`function`&&e[Symbol.iterator];if(!n)return e;var r=n.call(e),i,a=[],o;try{for(;(t===void 0||t-->0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function ir(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||=Array.prototype.slice.call(t,0,r),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}function ar(e){return this instanceof ar?(this.v=e,this):new ar(e)}function or(e,t,n){if(!Symbol.asyncIterator)throw TypeError(`Symbol.asyncIterator is not defined.`);var r=n.apply(e,t||[]),i,a=[];return i=Object.create((typeof AsyncIterator==`function`?AsyncIterator:Object).prototype),s(`next`),s(`throw`),s(`return`,o),i[Symbol.asyncIterator]=function(){return this},i;function o(e){return function(t){return Promise.resolve(t).then(e,d)}}function s(e,t){r[e]&&(i[e]=function(t){return new Promise(function(n,r){a.push([e,t,n,r])>1||c(e,t)})},t&&(i[e]=t(i[e])))}function c(e,t){try{l(r[e](t))}catch(e){f(a[0][3],e)}}function l(e){e.value instanceof ar?Promise.resolve(e.value.v).then(u,d):f(a[0][2],e)}function u(e){c(`next`,e)}function d(e){c(`throw`,e)}function f(e,t){e(t),a.shift(),a.length&&c(a[0][0],a[0][1])}}function sr(e){if(!Symbol.asyncIterator)throw TypeError(`Symbol.asyncIterator is not defined.`);var t=e[Symbol.asyncIterator],n;return t?t.call(e):(e=typeof nr==`function`?nr(e):e[Symbol.iterator](),n={},r(`next`),r(`throw`),r(`return`),n[Symbol.asyncIterator]=function(){return this},n);function r(t){n[t]=e[t]&&function(n){return new Promise(function(r,a){n=e[t](n),i(r,a,n.done,n.value)})}}function i(e,t,n,r){Promise.resolve(r).then(function(t){e({value:t,done:n})},t)}}function cr(e){return typeof e==`function`}function lr(e){var t=e(function(e){Error.call(e),e.stack=Error().stack});return t.prototype=Object.create(Error.prototype),t.prototype.constructor=t,t}var ur=lr(function(e){return function(t){e(this),this.message=t?t.length+` errors occurred during unsubscription:
 `+t.map(function(e,t){return t+1+`) `+e.toString()}).join(`
-  `):``,this.name=`UnsubscriptionError`,this.errors=t}});function fr(e,t){if(e){var n=e.indexOf(t);0<=n&&e.splice(n,1)}}var pr=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=rr(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(lr(c))try{c()}catch(e){i=e instanceof dr?e.errors:[e]}var l=this._finalizers;if(l){this._finalizers=null;try{for(var u=rr(l),d=u.next();!d.done;d=u.next()){var f=d.value;try{gr(f)}catch(e){i??=[],e instanceof dr?i=ar(ar([],ir(i)),ir(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 dr(i)}},e.prototype.add=function(t){if(t&&t!==this){if(this.closed)gr(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)&&fr(t,e)},e.prototype.remove=function(t){var n=this._finalizers;n&&fr(n,t),t instanceof e&&t._removeParent(this)},e.EMPTY=(function(){var t=new e;return t.closed=!0,t})(),e}(),mr=pr.EMPTY;function hr(e){return e instanceof pr||e&&`closed`in e&&lr(e.remove)&&lr(e.add)&&lr(e.unsubscribe)}function gr(e){lr(e)?e():e.unsubscribe()}var _r={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},vr={setTimeout:function(e,t){var n=[...arguments].slice(2),r=vr.delegate;return r?.setTimeout?r.setTimeout.apply(r,ar([e,t],ir(n))):setTimeout.apply(void 0,ar([e,t],ir(n)))},clearTimeout:function(e){return(vr.delegate?.clearTimeout||clearTimeout)(e)},delegate:void 0};function yr(e){vr.setTimeout(function(){var t=_r.onUnhandledError;if(t)t(e);else throw e})}function br(){}var xr=(function(){return wr(`C`,void 0,void 0)})();function Sr(e){return wr(`E`,void 0,e)}function Cr(e){return wr(`N`,e,void 0)}function wr(e,t,n){return{kind:e,value:t,error:n}}var Tr=null;function Er(e){if(_r.useDeprecatedSynchronousErrorHandling){var t=!Tr;if(t&&(Tr={errorThrown:!1,error:null}),e(),t){var n=Tr,r=n.errorThrown,i=n.error;if(Tr=null,r)throw i}}else e()}function Dr(e){_r.useDeprecatedSynchronousErrorHandling&&Tr&&(Tr.errorThrown=!0,Tr.error=e)}var Or=function(e){er(t,e);function t(t){var n=e.call(this)||this;return n.isStopped=!1,t?(n.destination=t,hr(t)&&t.add(n)):n.destination=Ir,n}return t.create=function(e,t,n){return new Mr(e,t,n)},t.prototype.next=function(e){this.isStopped?Fr(Cr(e),this):this._next(e)},t.prototype.error=function(e){this.isStopped?Fr(Sr(e),this):(this.isStopped=!0,this._error(e))},t.prototype.complete=function(){this.isStopped?Fr(xr,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}(pr),kr=Function.prototype.bind;function Ar(e,t){return kr.call(e,t)}var jr=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){Nr(e)}},e.prototype.error=function(e){var t=this.partialObserver;if(t.error)try{t.error(e)}catch(e){Nr(e)}else Nr(e)},e.prototype.complete=function(){var e=this.partialObserver;if(e.complete)try{e.complete()}catch(e){Nr(e)}},e}(),Mr=function(e){er(t,e);function t(t,n,r){var i=e.call(this)||this,a;if(lr(t)||!t)a={next:t??void 0,error:n??void 0,complete:r??void 0};else{var o;i&&_r.useDeprecatedNextContext?(o=Object.create(t),o.unsubscribe=function(){return i.unsubscribe()},a={next:t.next&&Ar(t.next,o),error:t.error&&Ar(t.error,o),complete:t.complete&&Ar(t.complete,o)}):a=t}return i.destination=new jr(a),i}return t}(Or);function Nr(e){_r.useDeprecatedSynchronousErrorHandling?Dr(e):yr(e)}function Pr(e){throw e}function Fr(e,t){var n=_r.onStoppedNotification;n&&vr.setTimeout(function(){return n(e,t)})}var Ir={closed:!0,next:br,error:Pr,complete:br},Lr=(function(){return typeof Symbol==`function`&&Symbol.observable||`@@observable`})();function Rr(e){return e}function zr(e){return e.length===0?Rr:e.length===1?e[0]:function(t){return e.reduce(function(e,t){return t(e)},t)}}var Br=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=Ur(e)?e:new Mr(e,t,n);return Er(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=Vr(t),new t(function(t,r){var i=new Mr({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[Lr]=function(){return this},e.prototype.pipe=function(){return zr([...arguments])(this)},e.prototype.toPromise=function(e){var t=this;return e=Vr(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 Vr(e){return e??_r.Promise??Promise}function Hr(e){return e&&lr(e.next)&&lr(e.error)&&lr(e.complete)}function Ur(e){return e&&e instanceof Or||Hr(e)&&hr(e)}function Wr(e){return lr(e?.lift)}function Gr(e){return function(t){if(Wr(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 Kr(e,t,n,r,i){return new qr(e,t,n,r,i)}var qr=function(e){er(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}(Or),Jr=ur(function(e){return function(){e(this),this.name=`ObjectUnsubscribedError`,this.message=`object unsubscribed`}}),Yr=function(e){er(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 Xr(this,this);return t.operator=e,t},t.prototype._throwIfClosed=function(){if(this.closed)throw new Jr},t.prototype.next=function(e){var t=this;Er(function(){var n,r;if(t._throwIfClosed(),!t.isStopped){t.currentObservers||=Array.from(t.observers);try{for(var i=rr(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;Er(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;Er(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?mr:(this.currentObservers=null,a.push(e),new pr(function(){t.currentObservers=null,fr(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 Br;return e.source=this,e},t.create=function(e,t){return new Xr(e,t)},t}(Br),Xr=function(e){er(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)??mr},t}(Yr),Zr=function(e){er(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}(Yr);function Qr(e){return e[e.length-1]}function $r(e){return lr(Qr(e))?e.pop():void 0}var ei=(function(e){return e&&typeof e.length==`number`&&typeof e!=`function`});function ti(e){return lr(e?.then)}function ni(e){return lr(e[Lr])}function ri(e){return Symbol.asyncIterator&&lr(e?.[Symbol.asyncIterator])}function ii(e){return TypeError(`You provided `+(typeof e==`object`&&e?`an invalid object`:`'`+e+`'`)+` where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.`)}function ai(){return typeof Symbol!=`function`||!Symbol.iterator?`@@iterator`:Symbol.iterator}var oi=ai();function si(e){return lr(e?.[oi])}function ci(e){return sr(this,arguments,function(){var t,n,r,i;return nr(this,function(a){switch(a.label){case 0:t=e.getReader(),a.label=1;case 1:a.trys.push([1,,9,10]),a.label=2;case 2:return[4,or(t.read())];case 3:return n=a.sent(),r=n.value,i=n.done,i?[4,or(void 0)]:[3,5];case 4:return[2,a.sent()];case 5:return[4,or(r)];case 6:return[4,a.sent()];case 7:return a.sent(),[3,2];case 8:return[3,10];case 9:return t.releaseLock(),[7];case 10:return[2]}})})}function li(e){return lr(e?.getReader)}function ui(e){if(e instanceof Br)return e;if(e!=null){if(ni(e))return lee(e);if(ei(e))return uee(e);if(ti(e))return dee(e);if(ri(e))return di(e);if(si(e))return fee(e);if(li(e))return pee(e)}throw ii(e)}function lee(e){return new Br(function(t){var n=e[Lr]();if(lr(n.subscribe))return n.subscribe(t);throw TypeError(`Provided object does not correctly implement Symbol.observable`)})}function uee(e){return new Br(function(t){for(var n=0;n<e.length&&!t.closed;n++)t.next(e[n]);t.complete()})}function dee(e){return new Br(function(t){e.then(function(e){t.closed||(t.next(e),t.complete())},function(e){return t.error(e)}).then(null,yr)})}function fee(e){return new Br(function(t){var n,r;try{for(var i=rr(e),a=i.next();!a.done;a=i.next()){var o=a.value;if(t.next(o),t.closed)return}}catch(e){n={error:e}}finally{try{a&&!a.done&&(r=i.return)&&r.call(i)}finally{if(n)throw n.error}}t.complete()})}function di(e){return new Br(function(t){mee(e,t).catch(function(e){return t.error(e)})})}function pee(e){return di(ci(e))}function mee(e,t){var n,r,i,a;return tr(this,void 0,void 0,function(){var o,s;return nr(this,function(c){switch(c.label){case 0:c.trys.push([0,5,6,11]),n=cr(e),c.label=1;case 1:return[4,n.next()];case 2:if(r=c.sent(),r.done)return[3,4];if(o=r.value,t.next(o),t.closed)return[2];c.label=3;case 3:return[3,1];case 4:return[3,11];case 5:return s=c.sent(),i={error:s},[3,11];case 6:return c.trys.push([6,,9,10]),r&&!r.done&&(a=n.return)?[4,a.call(n)]:[3,8];case 7:c.sent(),c.label=8;case 8:return[3,10];case 9:if(i)throw i.error;return[7];case 10:return[7];case 11:return t.complete(),[2]}})})}function fi(e,t,n,r,i){r===void 0&&(r=0),i===void 0&&(i=!1);var a=t.schedule(function(){n(),i?e.add(this.schedule(null,r)):this.unsubscribe()},r);if(e.add(a),!i)return a}function pi(e,t){return t===void 0&&(t=0),Gr(function(n,r){n.subscribe(Kr(r,function(n){return fi(r,e,function(){return r.next(n)},t)},function(){return fi(r,e,function(){return r.complete()},t)},function(n){return fi(r,e,function(){return r.error(n)},t)}))})}function mi(e,t){return t===void 0&&(t=0),Gr(function(n,r){r.add(e.schedule(function(){return n.subscribe(r)},t))})}function hee(e,t){return ui(e).pipe(mi(t),pi(t))}function gee(e,t){return ui(e).pipe(mi(t),pi(t))}function _ee(e,t){return new Br(function(n){var r=0;return t.schedule(function(){r===e.length?n.complete():(n.next(e[r++]),n.closed||this.schedule())})})}function vee(e,t){return new Br(function(n){var r;return fi(n,t,function(){r=e[oi](),fi(n,t,function(){var e,t,i;try{e=r.next(),t=e.value,i=e.done}catch(e){n.error(e);return}i?n.complete():n.next(t)},0,!0)}),function(){return lr(r?.return)&&r.return()}})}function hi(e,t){if(!e)throw Error(`Iterable cannot be null`);return new Br(function(n){fi(n,t,function(){var r=e[Symbol.asyncIterator]();fi(n,t,function(){r.next().then(function(e){e.done?n.complete():n.next(e.value)})},0,!0)})})}function yee(e,t){return hi(ci(e),t)}function bee(e,t){if(e!=null){if(ni(e))return hee(e,t);if(ei(e))return _ee(e,t);if(ti(e))return gee(e,t);if(ri(e))return hi(e,t);if(si(e))return vee(e,t);if(li(e))return yee(e,t)}throw ii(e)}function xee(e,t){return t?bee(e,t):ui(e)}function gi(e,t){return Gr(function(n,r){var i=0;n.subscribe(Kr(r,function(n){r.next(e.call(t,n,i++))}))})}var See=Array.isArray;function Cee(e,t){return See(t)?e.apply(void 0,ar([],ir(t))):e(t)}function wee(e){return gi(function(t){return Cee(e,t)})}var Tee=Array.isArray,Eee=Object.getPrototypeOf,Dee=Object.prototype,Oee=Object.keys;function kee(e){if(e.length===1){var t=e[0];if(Tee(t))return{args:t,keys:null};if(Aee(t)){var n=Oee(t);return{args:n.map(function(e){return t[e]}),keys:n}}}return{args:e,keys:null}}function Aee(e){return e&&typeof e==`object`&&Eee(e)===Dee}function jee(e,t){return e.reduce(function(e,n,r){return e[n]=t[r],e},{})}function Mee(){var e=[...arguments],t=$r(e),n=kee(e),r=n.args,i=n.keys,a=new Br(function(e){var t=r.length;if(!t){e.complete();return}for(var n=Array(t),a=t,o=t,s=function(t){var s=!1;ui(r[t]).subscribe(Kr(e,function(e){s||(s=!0,o--),n[t]=e},function(){return a--},void 0,function(){(!a||!s)&&(o||e.next(i?jee(i,n):n),e.complete())}))},c=0;c<t;c++)s(c)});return t?a.pipe(wee(t)):a}var _i=`https://angular.dev/best-practices/security#preventing-cross-site-scripting-xss`,vi=class extends Error{code;constructor(e,t){super(bi(e,t)),this.code=e}};function yi(e){return`NG0${Math.abs(e)}`}function bi(e,t){return`${yi(e)}${t?`: `+t:``}`}function xi(e){for(let t in e)if(e[t]===xi)return t;throw Error(``)}function Si(e,t){for(let n in t)Object.hasOwn(t,n)&&!Object.hasOwn(e,n)&&(e[n]=t[n])}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 wi(e,t){return e?t?`${e} ${t}`:e:t||``}var Ti=xi({__forward_ref__:xi});function Ei(e){return e.__forward_ref__=Ei,e}function Di(e){return Oi(e)?e():e}function Oi(e){return typeof e==`function`&&Object.hasOwn(e,Ti)&&e.__forward_ref__===Ei}function ki(e){return{token:e.token,providedIn:e.providedIn||null,factory:e.factory,value:void 0}}function Ai(e){return ji(e,Pi)}function ji(e,t){return Object.hasOwn(e,t)&&e[t]||null}function Mi(e){return(e?.[Pi]??null)||null}function Ni(e){return e&&Object.hasOwn(e,Fi)?e[Fi]:null}var Pi=xi({ɵprov:xi}),Fi=xi({ɵinj:xi}),Ii=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=ki({token:this,providedIn:t.providedIn||`root`,factory:t.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}};function Li(e){return e&&!!e.ɵproviders}var Ri=xi({ɵcmp:xi}),zi=xi({ɵdir:xi}),Bi=xi({ɵpipe:xi}),Vi=xi({ɵfac:xi}),Hi=xi({__NG_ELEMENT_ID__:xi}),Ui=xi({__NG_ENV_ID__:xi});function Wi(e){return qi(e,`@Component`),e[Ri]||null}function Gi(e){return qi(e,`@Directive`),e[zi]||null}function Ki(e){return qi(e,`@Pipe`),e[Bi]||null}function qi(e,t){if(e==null)throw new vi(-919,!1)}function Ji(e){return typeof e==`string`?e:e==null?``:String(e)}var Yi=xi({ngErrorCode:xi}),Xi=xi({ngErrorMessage:xi}),Zi=xi({ngTokenPath:xi});function Qi(e,t){return ea(``,-200,t)}function $i(e,t){throw new vi(-201,!1)}function ea(e,t,n){let r=new vi(t,e);return r[Yi]=t,r[Xi]=e,n&&(r[Zi]=n),r}function ta(e){return e[Yi]}var na;function ra(){return na}function ia(e){let t=na;return na=e,t}function aa(e,t,n){let r=Ai(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;$i(e,``)}var oa=globalThis,sa={},ca=`__NG_DI_FLAG__`,la=class{injector;constructor(e){this.injector=e}retrieve(e,t){let n=fa(t)||0;try{return this.injector.get(e,n&8?null:sa,n)}catch(e){if(qn(e))return e;throw e}}};function ua(e,t=0){let n=Wn();if(n===void 0)throw new vi(-203,!1);if(n===null)return aa(e,void 0,t);{let r=pa(t),i=n.retrieve(e,r);if(qn(i)){if(r.optional)return null;throw i}return i}}function da(e,t=0){return(ra()||ua)(Di(e),t)}function C(e,t){return da(e,fa(t))}function fa(e){return e===void 0||typeof e==`number`?e:0|(e.optional&&8)|(e.host&&1)|(e.self&&2)|(e.skipSelf&&4)}function pa(e){return{optional:!!(e&8),host:!!(e&1),self:!!(e&2),skipSelf:!!(e&4)}}function ma(e){let t=[];for(let n=0;n<e.length;n++){let r=Di(e[n]);if(Array.isArray(r)){if(r.length===0)throw new vi(900,!1);let e,n=0;for(let t=0;t<r.length;t++){let i=r[t],a=ha(i);typeof a==`number`?a===-1?e=i.token:n|=a:e=i}t.push(da(e,n))}else t.push(da(r))}return t}function ha(e){return e[ca]}function ga(e,t){return Object.hasOwn(e,Vi)?e[Vi]:null}function _a(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 va(e){return e.flat(1/0)}function ya(e,t){e.forEach(e=>Array.isArray(e)?ya(e,t):t(e))}function ba(e,t,n){t>=e.length?e.push(n):e.splice(t,0,n)}function xa(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 wa(e,t,n){let r=Ea(e,t);return r>=0?e[r|1]=n:(r=~r,Ca(e,r,t,n)),r}function Ta(e,t){let n=Ea(e,t);if(n>=0)return e[n|1]}function Ea(e,t){return Da(e,t,1)}function Da(e,t,n){let r=0,i=e.length>>n;for(;i!==r;){let a=r+(i-r>>1),o=e[a<<n];if(t===o)return a<<n;o>t?i=a:r=a+1}return~(i<<n)}var Oa={},ka=[],Aa=new Ii(``),ja=new Ii(``,-1),Ma=new Ii(``),Na=class{get(e,t=sa){if(t===sa){let e=ea(``,-201);throw e.name=`ɵNotFound`,e}return t}};function Pa(...e){return{ɵproviders:Fa(!0,e),ɵfromNgModule:!0}}function Fa(e,...t){let n=[],r=new Set,i,a=e=>{n.push(e)};return ya(t,e=>{let t=e;La(t,a,[],r)&&(i||=[],i.push(t))}),i!==void 0&&Ia(i,a),n}function Ia(e,t){for(let n=0;n<e.length;n++){let{ngModule:r,providers:i}=e[n];Ra(i,e=>{t(e,r)})}}function La(e,t,n,r){if(e=Di(e),!e)return!1;let i=null,a=Ni(e),o=!a&&Wi(e);if(!a&&!o){let t=e.ngModule;if(a=Ni(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)La(i,t,n,r)}}else if(a){if(a.imports!=null&&!s){r.add(i);let e;try{ya(a.imports,i=>{La(i,t,n,r)&&(e||=[],e.push(i))})}finally{}e!==void 0&&Ia(e,t)}if(!s){let e=ga(i)||(()=>new i);t({provide:i,useFactory:e,deps:ka},i),t({provide:Ma,useValue:i,multi:!0},i),t({provide:Aa,useValue:()=>da(i),multi:!0},i)}let o=a.providers;if(o!=null&&!s){let n=e;Ra(o,e=>{t(e,n)})}}else return!1;return i!==e&&e.providers!==void 0}function Ra(e,t){for(let n of e)Li(n)&&(n=n.ɵproviders),Array.isArray(n)?Ra(n,t):t(n)}var za=xi({provide:String,useValue:xi});function Ba(e){return typeof e==`object`&&!!e&&za in e}function Va(e){return!!(e&&e.useExisting)}function Ha(e){return!!(e&&e.useFactory)}function Ua(e){return typeof e==`function`}function Wa(e){return!!e.useClass}var Ga=new Ii(``),Ka={},qa={},Ja=void 0;function Ya(){return Ja===void 0&&(Ja=new Na),Ja}var Xa=class{},Za=class extends Xa{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,so(e,e=>this.processProvider(e)),this.records.set(ja,ro(void 0,this)),r.has(`environment`)&&this.records.set(Xa,ro(void 0,this));let i=this.records.get(Ga);i!=null&&typeof i.value==`string`&&this.scopes.add(i.value),this.injectorDefTypes=new Set(this.get(Ma,ka,{self:!0}))}retrieve(e,t){let n=fa(t)||0;try{return this.get(e,sa,n)}catch(e){if(qn(e))return e;throw e}}destroy(){no(this),this._destroyed=!0;let e=rn(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(),rn(e)}}onDestroy(e){return no(this),this._onDestroyHooks.push(e),()=>this.removeOnDestroy(e)}runInContext(e){no(this);let t=Gn(this),n=ia(void 0);try{return e()}finally{Gn(t),ia(n)}}get(e,t=sa,n){if(no(this),Object.hasOwn(e,Ui))return e[Ui](this);let r=fa(n),i=Gn(this),a=ia(void 0);try{if(!(r&4)){let t=this.records.get(e);if(t===void 0){let n=oo(e)&&Ai(e);t=n&&this.injectableDefInScope(n)?ro(Qa(e),Ka):null,this.records.set(e,t)}if(t!=null)return this.hydrate(e,t,r)}let n=r&2?Ya():this.parent;return t=r&8&&t===sa?null:t,n.get(e,t)}catch(e){let t=ta(e);throw t===-200||t===-201?new vi(t,null):e}finally{ia(a),Gn(i)}}resolveInjectorInitializers(){let e=rn(null),t=Gn(this),n=ia(void 0);try{let e=this.get(Aa,ka,{self:!0});for(let t of e)t()}finally{Gn(t),ia(n),rn(e)}}toString(){return`R3Injector[...]`}processProvider(e){e=Di(e);let t=Ua(e)?e:Di(e&&e.provide),n=eo(e);if(!Ua(e)&&e.multi===!0){let n=this.records.get(t);n||(n=ro(void 0,Ka,!0),n.factory=()=>ma(n.multi),this.records.set(t,n)),t=e,n.multi.push(e)}this.records.set(t,n)}hydrate(e,t,n){let r=rn(null);try{if(t.value===qa)throw Qi(``);return t.value===Ka&&(t.value=qa,t.value=t.factory(void 0,n)),typeof t.value==`object`&&t.value&&ao(t.value)&&this._ngOnDestroyHooks.add(t.value),t.value}finally{rn(r)}}injectableDefInScope(e){if(!e.providedIn)return!1;let t=Di(e.providedIn);return typeof t==`string`?t===`any`||this.scopes.has(t):this.injectorDefTypes.has(t)}removeOnDestroy(e){let t=this._onDestroyHooks.indexOf(e);t!==-1&&this._onDestroyHooks.splice(t,1)}};function Qa(e){let t=Ai(e),n=t===null?ga(e):t.factory;if(n!==null)return n;if(e instanceof Ii)throw new vi(-204,!1);if(e instanceof Function)return $a(e);throw new vi(-204,!1)}function $a(e){if(e.length>0)throw new vi(-204,!1);let t=Mi(e);return t===null?()=>new e:()=>t.factory(e)}function eo(e){return Ba(e)?ro(void 0,e.useValue):ro(to(e),Ka)}function to(e,t,n){let r;if(Ua(e)){let t=Di(e);return ga(t)||Qa(t)}if(Ba(e))r=()=>Di(e.useValue);else if(Ha(e))r=()=>e.useFactory(...ma(e.deps||[]));else if(Va(e))r=(t,n)=>da(Di(e.useExisting),n!==void 0&&n&8?8:void 0);else{let t=Di(e&&(e.useClass||e.provide));if(io(e))r=()=>new t(...ma(e.deps));else return ga(t)||Qa(t)}return r}function no(e){if(e.destroyed)throw new vi(-205,!1)}function ro(e,t,n=!1){return{factory:e,value:t,multi:n?[]:void 0}}function io(e){return!!e.deps}function ao(e){return typeof e==`object`&&!!e&&typeof e.ngOnDestroy==`function`}function oo(e){return typeof e==`function`||typeof e==`object`&&e.ngMetadataName===`InjectionToken`}function so(e,t){for(let n of e)Array.isArray(n)?so(n,t):n&&Li(n)?so(n.ɵproviders,t):t(n)}function co(e,t){let n;e instanceof Za?(no(e),n=e):n=new la(e);let r=Gn(n),i=ia(void 0);try{return t()}finally{Gn(r),ia(i)}}function lo(){return ra()!==void 0||Wn()!=null}var uo=1;function fo(e){return Array.isArray(e)&&typeof e[uo]==`object`}function po(e){return Array.isArray(e)&&e[uo]===!0}function mo(e){return!!(e.flags&4)}function ho(e){return e.componentOffset>-1}function go(e){return(e.flags&1)==1}function _o(e){return!!e.template}function vo(e){return!!(e[2]&512)}function yo(e){return(e[2]&256)==256}var bo=(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})(bo||{}),xo=`math`;function So(e){for(;Array.isArray(e);)e=e[0];return e}function Co(e,t){return So(t[e])}function wo(e,t){return So(t[e.index])}function To(e,t){return e.data[t]}function Eo(e,t){return e[t]}function Do(e,t,n,r){n>=e.data.length&&(e.data[n]=null,e.blueprint[n]=null),t[n]=r}function Oo(e,t){let n=t[e];return fo(n)?n:n[0]}function ko(e){return(e[2]&128)==128}function Nee(e){return po(e[3])}function Ao(e,t){return t==null?null:e[t]}function jo(e){e[17]=0}function Mo(e){e[2]&1024||(e[2]|=1024,ko(e)&&Fo(e))}function Pee(e,t){for(;e>0;)t=t[14],e--;return t}function No(e){return!!(e[2]&9216||e[24]?.dirty)}function Po(e){e[10].changeDetectionScheduler?.notify(8),e[2]&64&&(e[2]|=1024),No(e)&&Fo(e)}function Fo(e){e[10].changeDetectionScheduler?.notify(0);let t=Lo(e);for(;t!==null&&!(t[2]&8192||(t[2]|=8192,!ko(t)));)t=Lo(t)}function Io(e,t){if(yo(e))throw new vi(911,!1);e[21]===null&&(e[21]=[]),e[21].push(t)}function Fee(e,t){if(e[21]===null)return;let n=e[21].indexOf(t);n!==-1&&e[21].splice(n,1)}function Lo(e){let t=e[3];return po(t)?t[3]:t}function Ro(e){return e[7]??=[]}function zo(e){return e.cleanup??=[]}function Iee(e,t,n,r){let i=Ro(t);i.push(n),e.firstCreatePass&&zo(e).push(r,i.length-1)}var Bo={lFrame:hs(null),bindingsEnabled:!0,skipHydrationRootTNode:null},Vo=!1;function Lee(){return Bo.lFrame.elementDepthCount}function Ree(){Bo.lFrame.elementDepthCount++}function Ho(){Bo.lFrame.elementDepthCount--}function Uo(){return Bo.bindingsEnabled}function Wo(){return Bo.skipHydrationRootTNode!==null}function Go(e){return Bo.skipHydrationRootTNode===e}function Ko(){Bo.skipHydrationRootTNode=null}function qo(){return Bo.lFrame.lView}function Jo(){return Bo.lFrame.tView}function w(e){return Bo.lFrame.contextLView=e,e[8]}function T(e){return Bo.lFrame.contextLView=null,e}function Yo(){let e=Xo();for(;e!==null&&e.type===64;)e=e.parent;return e}function Xo(){return Bo.lFrame.currentTNode}function zee(){let e=Bo.lFrame,t=e.currentTNode;return e.isParent?t:t.parent}function Zo(e,t){let n=Bo.lFrame;n.currentTNode=e,n.isParent=t}function Qo(){return Bo.lFrame.isParent}function $o(){Bo.lFrame.isParent=!1}function es(){return Bo.lFrame.contextLView}function ts(){return Vo}function ns(e){let t=Vo;return Vo=e,t}function rs(){let e=Bo.lFrame,t=e.bindingRootIndex;return t===-1&&(t=e.bindingRootIndex=e.tView.bindingStartIndex),t}function is(){return Bo.lFrame.bindingIndex}function Bee(e){return Bo.lFrame.bindingIndex=e}function as(){return Bo.lFrame.bindingIndex++}function os(e){let t=Bo.lFrame,n=t.bindingIndex;return t.bindingIndex+=e,n}function Vee(){return Bo.lFrame.inI18n}function Hee(e,t){let n=Bo.lFrame;n.bindingIndex=n.bindingRootIndex=e,ss(t)}function Uee(){return Bo.lFrame.currentDirectiveIndex}function ss(e){Bo.lFrame.currentDirectiveIndex=e}function cs(e){let t=Bo.lFrame.currentDirectiveIndex;return t===-1?null:e[t]}function ls(){return Bo.lFrame.currentQueryIndex}function us(e){Bo.lFrame.currentQueryIndex=e}function ds(e){let t=e[1];return t.type===2?t.declTNode:t.type===1?e[5]:null}function fs(e,t,n){if(n&4){let r=t,i=e;for(;r=r.parent,r===null&&!(n&1)&&(r=ds(i),!(r===null||(i=i[14],r.type&10))););if(r===null)return!1;t=r,e=i}let r=Bo.lFrame=ms();return r.currentTNode=t,r.lView=e,!0}function ps(e){let t=ms(),n=e[1];Bo.lFrame=t,t.currentTNode=n.firstChild,t.lView=e,t.tView=n,t.contextLView=e,t.bindingIndex=n.bindingStartIndex,t.inI18n=!1}function ms(){let e=Bo.lFrame,t=e===null?null:e.child;return t===null?hs(e):t}function hs(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 gs(){let e=Bo.lFrame;return Bo.lFrame=e.parent,e.currentTNode=null,e.lView=null,e}var _s=gs;function vs(){let e=gs();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 ys(e){return(Bo.lFrame.contextLView=Pee(e,Bo.lFrame.contextLView))[8]}function bs(){return Bo.lFrame.selectedIndex}function xs(e){Bo.lFrame.selectedIndex=e}function Ss(){let e=Bo.lFrame;return To(e.tView,e.selectedIndex)}function E(){Bo.lFrame.currentNamespace=`svg`}function Cs(){ws()}function ws(){Bo.lFrame.currentNamespace=null}function Ts(){return Bo.lFrame.currentNamespace}var Es=!0;function Ds(){return Es}function Os(e){Es=e}function ks(e,t=null,n=null,r){let i=As(e,t,n,r);return i.resolveInjectorInitializers(),i}function As(e,t=null,n=null,r,i=new Set){return new Za([n||ka,Pa(e)],t||Ya(),null,i)}var js=class e{static THROW_IF_NOT_FOUND=sa;static NULL=new Na;static create(e,t){if(Array.isArray(e))return ks({name:``},t,e,``);{let t=e.name??``;return ks({name:t},e.parent,e.providers,t)}}static ɵprov=ki({token:e,providedIn:`any`,factory:()=>da(ja)});static __NG_ELEMENT_ID__=-1},Ms=new Ii(``),Ns=class{static __NG_ELEMENT_ID__=Fs;static __NG_ENV_ID__=e=>e},Ps=class extends Ns{_lView;constructor(e){super(),this._lView=e}get destroyed(){return yo(this._lView)}onDestroy(e){let t=this._lView;return Io(t,e),()=>Fee(t,e)}};function Fs(){return new Ps(qo())}var Is=new Ii(``),Ls=(()=>{class e{taskId=0;pendingTasks=new Set;destroyed=!1;pendingTask=new Zr(!1);debugTaskTracker=C(Is,{optional:!0});get hasPendingTasks(){return!this.destroyed&&this.pendingTask.value}get hasPendingTasksObservable(){return this.destroyed?new Br(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=ki({token:e,providedIn:`root`,factory:()=>new e})}return e})(),Rs=class extends Yr{__isAsync;destroyRef=void 0;pendingTasks=void 0;constructor(e=!1){super(),this.__isAsync=e,lo()&&(this.destroyRef=C(Ns,{optional:!0})??void 0,this.pendingTasks=C(Ls,{optional:!0})??void 0)}emit(e){let t=rn(null);try{super.next(e)}finally{rn(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 pr&&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 zs(...e){}function Bs(e){let t,n;function r(){e=zs;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 Vs(e){return queueMicrotask(()=>e()),()=>{e=zs}}var Hs=`isAngularZone`,Us=`isAngularZone_ID`,Ws=0,Gs=class e{hasPendingMacrotasks=!1;hasPendingMicrotasks=!1;isStable=!0;onUnstable=new Rs(!1);onMicrotaskEmpty=new Rs(!1);onStable=new Rs(!1);onError=new Rs(!1);constructor(e){let{enableLongStackTrace:t=!1,shouldCoalesceEventChangeDetection:n=!1,shouldCoalesceRunChangeDetection:r=!1,scheduleInRootZone:i=!1}=e;if(typeof Zone>`u`)throw new vi(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,Ys(a)}static isInAngularZone(){return typeof Zone<`u`&&Zone.current.get(Hs)===!0}static assertInAngularZone(){if(!e.isInAngularZone())throw new vi(909,!1)}static assertNotInAngularZone(){if(e.isInAngularZone())throw new vi(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,Ks,zs,zs);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)}},Ks={};function qs(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 Js(e){if(e.isCheckStableRunning||e.callbackScheduled)return;e.callbackScheduled=!0;function t(){Bs(()=>{e.callbackScheduled=!1,Xs(e),e.isCheckStableRunning=!0,qs(e),e.isCheckStableRunning=!1})}e.scheduleInRootZone?Zone.root.run(()=>{t()}):e._outer.run(()=>{t()}),Xs(e)}function Ys(e){let t=()=>{Js(e)},n=Ws++;e._inner=e._inner.fork({name:`angular`,properties:{[Hs]:!0,[Us]:n,[Us+n]:!0},onInvokeTask:(n,r,i,a,o,s)=>{if(ec(s))return n.invokeTask(i,a,o,s);try{return Zs(e),n.invokeTask(i,a,o,s)}finally{(e.shouldCoalesceEventChangeDetection&&a.type===`eventTask`||e.shouldCoalesceRunChangeDetection)&&t(),Qs(e)}},onInvoke:(n,r,i,a,o,s,c)=>{try{return Zs(e),n.invoke(i,a,o,s,c)}finally{e.shouldCoalesceRunChangeDetection&&!e.callbackScheduled&&!tc(s)&&t(),Qs(e)}},onHasTask:(t,n,r,i)=>{t.hasTask(r,i),n===r&&(i.change==`microTask`?(e._hasPendingMicrotasks=i.microTask,Xs(e),qs(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 Xs(e){e.hasPendingMicrotasks=!!(e._hasPendingMicrotasks||(e.shouldCoalesceEventChangeDetection||e.shouldCoalesceRunChangeDetection)&&e.callbackScheduled===!0)}function Zs(e){e._nesting++,e.isStable&&(e.isStable=!1,e.onUnstable.emit(null))}function Qs(e){e._nesting--,qs(e)}var $s=class{hasPendingMicrotasks=!1;hasPendingMacrotasks=!1;isStable=!0;onUnstable=new Rs;onMicrotaskEmpty=new Rs;onStable=new Rs;onError=new Rs;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 ec(e){return nc(e,`__ignore_ng_zone__`)}function tc(e){return nc(e,`__scheduler_tick__`)}function nc(e,t){return!Array.isArray(e)||e.length!==1?!1:e[0]?.data?.[t]===!0}var rc=class{_console=console;handleError(e){this._console.error(`ERROR`,e)}},ic=new Ii(``,{factory:()=>{let e=C(Gs),t=C(Xa),n;return r=>{e.runOutsideAngular(()=>{t.destroyed&&!n?setTimeout(()=>{throw r}):(n??=t.get(rc),n.handleError(r))})}}}),ac={provide:Aa,useValue:()=>{C(rc,{optional:!0})},multi:!0};function D(e,t){let[n,r,i]=Fn(e,t?.equal),a=n;return a[nn],a.set=r,a.update=i,a.asReadonly=oc.bind(a),a}function oc(){let e=this[nn];if(e.readonlyFn===void 0){let t=()=>this();t[nn]=e,e.readonlyFn=t}return e.readonlyFn}var sc=new Ii(``,{factory:()=>cc}),cc=`ng`,lc=new Ii(``),uc=new Ii(``,{providedIn:`platform`,factory:()=>`unknown`}),dc=new Ii(``,{factory:()=>C(Ms).body?.querySelector(`[ngCspNonce]`)?.getAttribute(`ngCspNonce`)||null}),fc=(()=>{class e{view;node;constructor(e,t){this.view=e,this.node=t}static __NG_ELEMENT_ID__=pc}return e})();function pc(){return new fc(qo(),Yo())}var mc=class{},hc=new Ii(``,{factory:()=>!0}),gc=new Ii(``),_c=(()=>{class e{static ɵprov=ki({token:e,providedIn:`root`,factory:()=>new vc})}return e})(),vc=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}},yc=class{[nn];constructor(e){this[nn]=e}destroy(){this[nn].destroy()}};function bc(e,t){let n=t?.injector??C(js),r=t?.manualCleanup===!0?null:n.get(Ns),i,a=n.get(fc,null,{optional:!0}),o=n.get(mc);return a===null?i=Tc(e,n.get(_c),o):(i=wc(a.view,o,e),r instanceof Ps&&r._lView===a.view&&(r=null)),i.injector=n,r!==null&&(i.onDestroyFns=[r.onDestroy(()=>i.destroy())]),new yc(i)}var xc={...Vn,cleanupFns:void 0,zone:null,onDestroyFns:null,run(){let e=ns(!1);try{Hn(this)}finally{ns(e)}},cleanup(){if(!this.cleanupFns?.length)return;let e=rn(null);try{for(;this.cleanupFns.length;)this.cleanupFns.pop()()}finally{this.cleanupFns=[],rn(e)}}},Sc={...xc,consumerMarkedDirty(){this.scheduler.schedule(this),this.notifier.notify(12)},destroy(){if(yn(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.scheduler.remove(this)}},Cc={...xc,consumerMarkedDirty(){this.view[2]|=8192,Fo(this.view),this.notifier.notify(13)},destroy(){if(yn(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.view[23]?.delete(this)}};function wc(e,t,n){let r=Object.create(Cc);return r.view=e,r.zone=typeof Zone<`u`?Zone.current:null,r.notifier=t,r.fn=Ec(r,n),e[23]??=new Set,e[23].add(r),r.consumerMarkedDirty(r),r}function Tc(e,t,n){let r=Object.create(Sc);return r.fn=Ec(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 Ec(e,t){return()=>{t(t=>(e.cleanupFns??=[]).push(t))}}function Dc(e){return typeof e==`function`&&e[nn]!==void 0}function Oc(e){return Dc(e)&&typeof e.set==`function`}var kc=Symbol(`InputSignalNode#UNSET`),Ac={...zn,transformFn:void 0,applyValueToInputSignal(e,t){Ln(e,t)}};function jc(e){return{toString:e}.toString()}var Mc=(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})(Mc||{}),Nc=class{previousValue;currentValue;firstChange;constructor(e,t,n){this.previousValue=e,this.currentValue=t,this.firstChange=n}isFirstChange(){return this.firstChange}};function Pc(e,t,n,r){t===null?e[n]=r:t.applyValueToInputSignal(t,r)}var Fc=null,Ic=(()=>{Fc=Rc;let e=()=>Rc;return e.ngInherit=!0,e})();function Lc(){return Fc}function Rc(e){return e.type.prototype.ngOnChanges&&(e.setInput=Bc),zc}function zc(){let e=Hc(this),t=e?.current;if(t){let n=e.previous;if(n===Oa)e.previous=t;else for(let e in t)n[e]=t[e];e.current=null,this.ngOnChanges(t)}}function Bc(e,t,n,r,i){let a=this.declaredInputs[r],o=Hc(e)||Uc(e,{previous:Oa,current:null}),s=o.current||={},c=o.previous,l=c[a];s[a]=new Nc(l&&l.currentValue,n,c===Oa),Pc(e,t,i,n)}var Vc=`__ngSimpleChanges__`;function Hc(e){return Object.hasOwn(e,Vc)&&e[Vc]||null}function Uc(e,t){return e[Vc]=t}var Wc=[],Gc=function(e,t=null,n){for(let r=0;r<Wc.length;r++){let i=Wc[r];i(e,t,n)}};function Kc(e,t,n){let{ngOnChanges:r,ngOnInit:i,ngDoCheck:a}=t.type.prototype;if(r){let r=Lc()(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 qc(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 Jc(e,t,n){Zc(e,t,3,n)}function Yc(e,t,n,r){(e[2]&3)===n&&Zc(e,t,n,r)}function Xc(e,t){let n=e[2];(n&3)===t&&(n&=16383,n+=1,e[2]=n)}function Zc(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)&&($c(e,n,t,c),e[17]=(e[17]&4294901760)+c+2),c++}function Qc(e,t){Gc(Mc.LifecycleHookStart,e,t);let n=rn(null);try{t.call(e)}finally{rn(n),Gc(Mc.LifecycleHookEnd,e,t)}}function $c(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,Qc(o,a)):Qc(o,a)}var el=-1,tl=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 nl(e){return!!(e.flags&8)}function rl(e){return!!(e.flags&16)}function il(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];ol(a)?e.setProperty(t,a,o):e.setAttribute(t,a,o),r++}}return r}function al(e){return e===3||e===4||e===6}function ol(e){return e.charCodeAt(0)===64}function sl(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?cl(e,n,i,null,t[++r]):cl(e,n,i,null,null))}}}return e}function cl(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 ll(e){return e!==el}function ul(e){return e&32767}function dl(e){return e>>16}function fl(e,t){let n=dl(e),r=t;for(;n>0;)r=r[14],n--;return r}var pl=!0;function ml(e){let t=pl;return pl=e,t}var hl=255,gl=5,_l=0,vl={};function yl(e,t,n){let r;typeof n==`string`?r=n.charCodeAt(0)||0:Object.hasOwn(n,Hi)&&(r=n[Hi]),r??=n[Hi]=_l++;let i=r&hl,a=1<<i;t.data[e+(i>>gl)]|=a}function bl(e,t){let n=Sl(e,t);if(n!==-1)return n;let r=t[1];r.firstCreatePass&&(e.injectorIndex=t.length,xl(r.data,e),xl(t,null),xl(r.blueprint,null));let i=Cl(e,t),a=e.injectorIndex;if(ll(i)){let e=ul(i),n=fl(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 xl(e,t){e.push(0,0,0,0,0,0,0,0,t)}function Sl(e,t){return e.injectorIndex===-1||e.parent&&e.parent.injectorIndex===e.injectorIndex||t[e.injectorIndex+8]===null?-1:e.injectorIndex}function Cl(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=Bl(i),r===null)return el;if(n++,i=i[14],r.injectorIndex!==-1)return r.injectorIndex|n<<16}return el}function wl(e,t,n){yl(e,t,n)}function Tl(e,t,n){if(n&8||e!==void 0)return e;$i(t,`NodeInjector`)}function El(e,t,n,r){if(n&8&&r===void 0&&(r=null),!(n&3)){let i=e[9],a=ia(void 0);try{return i?i.get(t,r,n&8):aa(t,r,n&8)}finally{ia(a)}}return Tl(r,t,n)}function Dl(e,t,n,r=0,i){if(e!==null){if(t[2]&2048&&!(r&2)){let i=zl(e,t,n,r,vl);if(i!==vl)return i}let i=Ol(e,t,n,r,vl);if(i!==vl)return i}return El(t,n,r,i)}function Ol(e,t,n,r,i){let a=Ml(n);if(typeof a==`function`){if(!fs(t,e,r))return r&1?Tl(i,n,r):El(t,n,r,i);try{let e;if(e=a(r),e==null&&!(r&8))$i(n);else return e}finally{_s()}}else if(typeof a==`number`){let i=null,o=Sl(e,t),s=el,c=r&1?t[15][5]:null;for((o===-1||r&4)&&(s=o===-1?Cl(e,t):t[o+8],s===el||!Pl(r,!1)?o=-1:(i=t[1],o=ul(s),t=fl(s,t)));o!==-1;){let e=t[1];if(Nl(a,o,e.data)){let e=kl(o,t,n,i,r,c);if(e!==vl)return e}s=t[o+8],s!==el&&Pl(r,t[1].data[o+8]===c)&&Nl(a,o,t)?(i=e,o=ul(s),t=fl(s,t)):o=-1}}return i}function kl(e,t,n,r,i,a){let o=t[1],s=o.data[e+8],c=Al(s,o,n,r==null?ho(s)&&pl:r!=o&&!!(s.type&3),i&1&&a===s);return c===null?vl:jl(t,o,c,s,i)}function Al(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&&_o(e)&&e.type===n)return c}return null}function jl(e,t,n,r,i){let a=e[n],o=t.data;if(a instanceof tl){let s=a;if(s.resolving)throw Qi(``);let c=ml(s.canSeeViewProviders);s.resolving=!0,o[n].type||o[n];let l=s.injectImpl?ia(s.injectImpl):null;fs(e,r,0);try{a=e[n]=s.factory(void 0,i,o,e,r),t.firstCreatePass&&n>=r.directiveStart&&Kc(n,o[n],t)}finally{l!==null&&ia(l),ml(c),s.resolving=!1,_s()}}return a}function Ml(e){if(typeof e==`string`)return e.charCodeAt(0)||0;let t=Object.hasOwn(e,Hi)?e[Hi]:void 0;return typeof t==`number`?t>=0?t&hl:Il:t}function Nl(e,t,n){let r=1<<e;return!!(n[t+(e>>gl)]&r)}function Pl(e,t){return!(e&2)&&!(e&1&&t)}var Fl=class{_tNode;_lView;constructor(e,t){this._tNode=e,this._lView=t}get(e,t,n){return Dl(this._tNode,this._lView,e,fa(n),t)}};function Il(){return new Fl(Yo(),qo())}function Ll(e){return jc(()=>{let t=e.prototype.constructor,n=t[Vi]||Rl(t),r=Object.prototype,i=Object.getPrototypeOf(e.prototype).constructor;for(;i&&i!==r;){let e=i[Vi]||Rl(i);if(e&&e!==n)return e;i=Object.getPrototypeOf(i)}return e=>new e})}function Rl(e){return Oi(e)?()=>{let t=Rl(Di(e));return t&&t()}:ga(e)}function zl(e,t,n,r,i){let a=e,o=t;for(;a!==null&&o!==null&&o[2]&2048&&!vo(o);){let e=Ol(a,o,n,r|2,vl);if(e!==vl)return e;r&=-5;let t=a.parent;if(!t){let e=o[20];if(e){let t=e.get(n,vl,r);if(t!==vl)return t}t=Bl(o),o=o[14]}a=t}return i}function Bl(e){let t=e[1],n=t.type;return n===2?t.declTNode:n===1?e[5]:null}function Vl(e){return{token:e.token,providedIn:e.autoProvided===!1?null:`root`,factory:e.factory,value:void 0}}function Hl(){return Ul(Yo(),qo())}function Ul(e,t){return new Wl(wo(e,t))}var Wl=(()=>{class e{nativeElement;constructor(e){this.nativeElement=e}static __NG_ELEMENT_ID__=Hl}return e})();function Gl(e){return e instanceof Wl?e.nativeElement:e}function Kl(){return this._results[Symbol.iterator]()}var ql=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 Yr}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=va(e);(this._changesDetected=!_a(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]=Kl};function Jl(e){return(e.flags&128)==128}var Yl=(function(e){return e[e.OnPush=0]=`OnPush`,e[e.Eager=1]=`Eager`,e[e.Default=1]=`Default`,e})(Yl||{}),Xl=new Map,Zl=0;function Ql(){return Zl++}function $l(e){Xl.set(e[19],e)}function eu(e){Xl.delete(e[19])}var tu=`__ngContext__`;function nu(e,t){fo(t)?(e[tu]=t[19],$l(t)):e[tu]=t}function ru(e){return au(e[12])}function iu(e){return au(e[4])}function au(e){for(;e!==null&&!po(e);)e=e[4];return e}var ou=void 0;function su(e){ou=e}function cu(){if(ou!==void 0)return ou;if(typeof document<`u`)return document;throw new vi(210,!1)}var lu=!1,uu=new Ii(``,{factory:()=>lu}),du=new WeakMap;function fu(e,t){if(typeof e!=`object`||!e)return;let n=du.get(e);n||(n=new WeakSet,du.set(e,n)),n.add(t)}function pu(e){return(e.flags&32)==32}var mu=()=>null;function hu(e,t,n=!1){return mu(e,t,n)}function gu(e,t){let n=e.contentQueries;if(n!==null){let r=rn(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];us(i),n.contentQueries(2,t[a],a)}}}finally{rn(r)}}}function _u(e,t,n){us(0);let r=rn(null);try{t(e,n)}finally{rn(r)}}function vu(e,t,n){if(mo(t)){let r=rn(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{rn(r)}}}var yu=(function(e){return e[e.Emulated=0]=`Emulated`,e[e.None=2]=`None`,e[e.ShadowDom=3]=`ShadowDom`,e[e.ExperimentalIsolatedShadowDom=4]=`ExperimentalIsolatedShadowDom`,e})(yu||{}),bu=class{changingThisBreaksApplicationSecurity;constructor(e){this.changingThisBreaksApplicationSecurity=e}toString(){return`SafeValue must use [property]=binding: ${this.changingThisBreaksApplicationSecurity} (see ${_i})`}};function xu(e){return e instanceof bu?e.changingThisBreaksApplicationSecurity:e}function Su(e,t){let n=Cu(e);if(n!=null&&n!==t){if(n===`ResourceURL`&&t===`URL`)return!0;throw Error(`Required a safe ${t}, got a ${n} (see ${_i})`)}return n===t}function Cu(e){return e instanceof bu&&e.getTypeName()||null}var Wee=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;function Gee(e){return e=String(e),e.match(Wee)?e:`unsafe:`+e}var Kee=/^>|^->|<!--|-->|--!>|<!-$/g,qee=/(<|>)/g,Jee=`​$1​`;function Yee(e){return e.replace(Kee,e=>e.replace(qee,Jee))}function Xee(e,t){return e.createText(t)}function Zee(e,t,n){e.setValue(t,n)}function Qee(e,t){return e.createComment(Yee(t))}function wu(e,t,n){return e.createElement(t,n)}function Tu(e,t,n,r,i){e.insertBefore(t,n,r,i)}function Eu(e,t,n){e.appendChild(t,n)}function Du(e,t,n,r,i){r===null?Eu(e,t,n):Tu(e,t,n,r,i)}function Ou(e,t,n,r){e.removeChild(null,t,n,r)}function $ee(e,t,n){e.setAttribute(t,`style`,n)}function ete(e,t,n){n===``?e.removeAttribute(t,`class`):e.setAttribute(t,`class`,n)}function ku(e,t,n){let{mergedAttrs:r,classes:i,styles:a}=n;r!==null&&il(e,t,r),i!==null&&ete(e,t,i),a!==null&&$ee(e,t,a)}function Au(e){let t=tte();return t?t.sanitize(bo.URL,e)||``:Su(e,`URL`)?xu(e):Gee(Ji(e))}function tte(){let e=qo();return e&&e[10].sanitizer}function ju(e){return e.ownerDocument.defaultView}function Mu(e){return e.ownerDocument}function nte(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 Nu=`ng-template`;function rte(e,t,n,r){let i=0;if(r){for(;i<t.length&&typeof t[i]==`string`;i+=2)if(t[i]===`class`&&nte(t[i+1].toLowerCase(),n,0)!==-1)return!0}else if(Pu(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 Pu(e){return e.type===4&&e.value!==Nu}function ite(e,t,n){return t===(e.type===4&&!n?Nu:e.value)}function ate(e,t,n){let r=4,i=e.attrs,a=i===null?0:cte(i),o=!1;for(let s=0;s<t.length;s++){let c=t[s];if(typeof c==`number`){if(!o&&!Fu(r)&&!Fu(c))return!1;if(o&&Fu(c))continue;o=!1,r=c|r&1;continue}if(!o){if(r&4){if(r=2|r&1,c!==``&&!ite(e,c,n)||c===``&&t.length===1){if(Fu(r))return!1;o=!0}}else if(r&8){if(i===null||!rte(e,i,c,n)){if(Fu(r))return!1;o=!0}}else{let l=t[++s],u=ote(c,i,Pu(e),n);if(u===-1){if(Fu(r))return!1;o=!0;continue}if(l!==``){let e;if(e=u>a?``:i[u+1].toLowerCase(),r&2&&l!==e){if(Fu(r))return!1;o=!0}}}}}return Fu(r)||o}function Fu(e){return!(e&1)}function ote(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 lte(t,e)}function Iu(e,t,n=!1){for(let r=0;r<t.length;r++)if(ate(e,t[r],n))return!0;return!1}function ste(e){let t=e.attrs;if(t!=null){let e=t.indexOf(5);if(!(e&1))return t[e+1]}return null}function cte(e){for(let t=0;t<e.length;t++){let n=e[t];if(al(n))return t}return e.length}function lte(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 ute(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 Lu(e,t){return e?`:not(`+t.trim()+`)`:t}function dte(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!==``&&!Fu(o)&&(t+=Lu(a,i),i=``),r=o,a||=!Fu(r);n++}return i!==``&&(t+=Lu(a,i)),t}function fte(e){return e.map(dte).join(`,`)}function pte(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(!Fu(i))break;i=a}r++}return n.length&&t.push(1,...n),t}var Ru={},zu=(function(e){return e[e.Important=1]=`Important`,e[e.DashCase=2]=`DashCase`,e})(zu||{}),mte;function Bu(e,t){return mte(e,t)}var hte=new Ii(``,{factory:()=>!1});function Vu(e){if(!e)return 0;let t=e.toLowerCase().indexOf(`ms`)>-1?1:1e3;return parseFloat(e)*t}function Hu(e,t){return e.getPropertyValue(t).split(`,`).map(e=>e.trim())}function gte(e){let t=Hu(e,`transition-property`),n=Hu(e,`transition-duration`),r=Hu(e,`transition-delay`),i={propertyName:``,duration:0,animationName:void 0};for(let e=0;e<t.length;e++){let a=Vu(r[e])+Vu(n[e]);a>i.duration&&(i.propertyName=t[e],i.duration=a)}return i}function _te(e){let t=Hu(e,`animation-name`),n=Hu(e,`animation-delay`),r=Hu(e,`animation-duration`),i=Hu(e,`animation-iteration-count`),a={animationName:``,propertyName:void 0,duration:0};for(let e=0;e<t.length;e++){let o=Vu(n[e])+Vu(r[e]),s=i[e];o>a.duration&&s!==`infinite`&&(a.animationName=t[e],a.duration=o)}return a}function Uu(e,t){return e!==void 0&&e.duration>t.duration}function Wu(e){return(e.animationName!=null||e.propertyName!=null)&&e.duration>0}function Gu(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 vte(e,t){let n=getComputedStyle(e),r=_te(n),i=gte(n),a=r.duration>i.duration?r:i;Uu(t.get(e),a)||Wu(a)&&t.set(e,a)}function yte(e,t,n){if(!n)return;let r=e.getAnimations();return r.length===0?vte(e,t):bte(e,t,r)}function bte(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=Gu(e)??0,n,i;e.animationName?i=e.animationName:n=e.transitionProperty,t>=r.duration&&(r={animationName:i,propertyName:n,duration:t})}Uu(t.get(e),r)||Wu(r)&&t.set(e,r)}var Ku=new Set,xte=!1,Ste=1,qu=typeof document<`u`&&typeof document?.documentElement?.getAnimations==`function`;function Cte(e){return e[9].get(hte,xte)}function wte(e,t,n){let r=Yu.get(e);if(r){for(let e of t)r.classList.push(e);for(let e of n)r.cleanupFns.push(e)}else Yu.set(e,{classList:t,cleanupFns:n})}function Ju(e){let t=Yu.get(e);if(t){for(let e of t.cleanupFns)e();Yu.delete(e)}Xu.delete(e)}var Yu=new WeakMap,Xu=new WeakMap,Zu=new WeakMap;function Qu(e){return e?e[14]??e:null}var $u=new WeakSet;function Tte(e,t,n){let r=Zu.get(e);if(!r||r.length===0)return;let i=t.parentNode,a=t.previousSibling,o=Qu(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),$u.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 Ete(e,t,n){let r=Qu(n),i=Zu.get(e);i?i.some(e=>e.el===t)||i.push({el:t,declarationView:r}):Zu.set(e,[{el:t,declarationView:r}])}function ed(e){let t=e[26]??={};return t.enter??=new Map}function Dte(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 td(e){return e.composedPath?e.composedPath()[0]:e.target}function nd(e,t){let n=Xu.get(t);if(n===void 0)return!0;if(t!==td(e))return!1;let r=e.animation;if(r){let e=Gu(r);if(e!==void 0&&e+Ste<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 Ote(e,t,n){let r=e.get(t.index)??{animateFns:[]};r.animateFns.push(n),e.set(t.index,r)}var rd=(function(e){return e[e.CHANGE_DETECTION=0]=`CHANGE_DETECTION`,e[e.AFTER_NEXT_RENDER=1]=`AFTER_NEXT_RENDER`,e})(rd||{}),id=new Ii(``),ad=new Set;function od(e){ad.has(e)||(ad.add(e),performance?.mark?.(`mark_feature_usage`,{detail:{feature:e}}))}var sd=(()=>{class e{impl=null;execute(){this.impl?.execute()}static ɵprov=ki({token:e,providedIn:`root`,factory:()=>new e})}return e})(),cd=[0,1,2,3],ld=(()=>{class e{ngZone=C(Gs);scheduler=C(mc);errorHandler=C(rc,{optional:!0});sequences=new Set;deferredRegistrations=new Set;executing=!1;constructor(){C(id,{optional:!0})}execute(){let e=this.sequences.size>0;e&&Gc(Mc.AfterRenderHooksStart),this.executing=!0;for(let e of cd)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&&Gc(Mc.AfterRenderHooksEnd)}register(e){let{view:t}=e;t===void 0?this.executing?this.deferredRegistrations.add(e):this.addSequence(e):((t[25]??=[]).push(e),Fo(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(rd.AFTER_NEXT_RENDER,e):e()}static ɵprov=ki({token:e,providedIn:`root`,factory:()=>new e})}return e})(),ud=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 dd(e,t){let n=t?.injector??C(js);return od(`NgAfterNextRender`),Ate(e,n,t,!0)}function kte(e){return e instanceof Function?[void 0,void 0,e,void 0]:[e.earlyRead,e.write,e.mixedReadWrite,e.read]}function Ate(e,t,n,r){let i=t.get(sd);i.impl??=t.get(ld);let a=t.get(id,null,{optional:!0}),o=n?.manualCleanup===!0?null:t.get(Ns),s=t.get(fc,null,{optional:!0}),c=new ud(i.impl,kte(e),s?.view,r,o,a?.snapshot(null));return i.impl.register(c),c}var fd=new Ii(``,{factory:()=>{let e=C(Xa),t=new Set;return e.onDestroy(()=>t.clear()),{queue:t,isScheduled:!1,scheduler:null,injector:e}}});function pd(e,t,n){let r=e.get(fd);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 jte(e,t){let n=e.get(fd);if(Array.isArray(t))for(let e of t)n.queue.delete(e);else n.queue.delete(t)}function Mte(e,t){let n=e.get(fd);if(t.detachedLeaveAnimationFns){for(let e of t.detachedLeaveAnimationFns)n.queue.delete(e);t.detachedLeaveAnimationFns=void 0}}function Nte(e){let t=e.get(fd);t.isScheduled||=(dd(()=>{t.isScheduled=!1;for(let e of t.queue)e();t.queue.clear()},{injector:t.injector}),!0)}function Pte(e){let t=e.get(fd);t.scheduler=Nte,t.scheduler(e)}function md(e,t){for(let[n,r]of t)pd(e,r.animateFns)}function hd(e,t,n,r){let i=e?.[26]?.enter;t!==null&&i&&i.has(n.index)&&md(r,i)}function gd(e,t,n,r){try{n.get(ja)}catch{return r(!1)}let i=e?.[26];i?.enter?.has(t.index)&&jte(n,i.enter.get(t.index).animateFns);let a=_d(e,t,i);if(a.size===0){let n=!1;if(e){let r=[];yd(e,t,r),n=r.length>0}if(!n)return r(!1)}e&&Ku.add(e[19]),pd(n,()=>vd(e,t,i||void 0,a,r),i||void 0)}function _d(e,t,n){let r=new Map,i=n?.leave;if(i&&i.has(t.index)&&r.set(t.index,i.get(t.index)),e&&i)for(let[n,a]of i){if(r.has(n))continue;let i=e[1].data[n].parent;for(;i;){if(i===t){r.set(n,a);break}i=i.parent}}return r}function vd(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&&yd(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),xd(e,t.running,i)}else Promise.allSettled(a).then(()=>{e&&Ku.delete(e[19]),i(!0)})}else e&&Ku.delete(e[19]),i(!1)}function yd(e,t,n){if(t.type&12){let r=e[t.index];if(po(r))for(let e=10;e<r.length;e++){let t=r[e];t[1].type===2&&bd(t,n)}}let r=t.child;for(;r;)yd(e,r,n),r=r.next}function bd(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;)yd(e,r,t),r=r.next}function xd(e,t,n){t.then(()=>{e[26]?.running===t&&(e[26].running=void 0,Ku.delete(e[19])),n(!0)})}function Sd(e,t,n,r,i,a,o,s){if(i!=null){let c,l=!1;po(i)?c=i:fo(i)&&(l=!0,i=i[0]);let u=So(i);e===0&&r!==null?(hd(s,r,a,n),o==null?Eu(t,r,u):Tu(t,r,u,o||null,!0)):e===1&&r!==null?(hd(s,r,a,n),Tu(t,r,u,o||null,!0),Tte(a,u,s)):e===2?(s?.[26]?.leave?.has(a.index)&&Ete(a,u,s),$u.delete(u),gd(s,a,n,e=>{if($u.has(u)){$u.delete(u);return}Ou(t,u,l,e)})):e===3&&($u.delete(u),gd(s,a,n,()=>{t.destroyNode(u)})),c!=null&&Kd(t,e,n,c,a,r,o)}}function Cd(e,t){Td(e,t),t[0]=null,t[5]=null}function wd(e,t,n,r,i,a){r[0]=i,r[5]=t,Hd(e,r,n,1,i,a)}function Td(e,t){t[10].changeDetectionScheduler?.notify(9),Hd(e,t,t[11],2,null,null)}function Ed(e){let t=e[12];if(!t)return kd(e[1],e);for(;t;){let n=null;if(fo(t))n=t[12];else{let e=t[10];e&&(n=e)}if(!n){for(;t&&!t[4]&&t!==e;)fo(t)&&kd(t[1],t),t=t[3];t===null&&(t=e),fo(t)&&kd(t[1],t),n=t&&t[4]}t=n}}function Dd(e,t){let n=e[9],r=n.indexOf(t);n.splice(r,1)}function Od(e,t){if(yo(t))return;let n=t[11];n.destroyNode&&Hd(e,t,n,3,null,null),Ed(t)}function kd(e,t){if(yo(t))return;let n=rn(null);try{t[2]&=-129,t[2]|=256,t[24]&&yn(t[24]),jd(e,t),Ad(e,t),t[1].type===1&&t[11].destroy();let n=t[16];if(n!==null&&po(t[3])){n!==t[3]&&Dd(n,t);let r=t[18];r!==null&&r.detachView(e)}eu(t)}finally{rn(n)}}function Ad(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 jd(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 tl)){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];Gc(Mc.LifecycleHookStart,n,i);try{i.call(n)}finally{Gc(Mc.LifecycleHookEnd,n,i)}}else{Gc(Mc.LifecycleHookStart,r,t);try{t.call(r)}finally{Gc(Mc.LifecycleHookEnd,r,t)}}}}}function Md(e,t,n){if(t===null)throw new vi(510,!1);return Nd(e,t.parent,n)}function Nd(e,t,n){let r=t;for(;r!==null&&r.type&168;)t=r,r=t.parent;if(r===null)return n[0];if(ho(r)){let{encapsulation:t}=e.data[r.directiveStart+r.componentOffset];if(t===yu.None||t===yu.Emulated)return null}return wo(r,n)}function Pd(e,t,n){return Id(e,t,n)}function Fd(e,t,n){return e.type&40?wo(e,n):null}var Id=Fd;function Ld(e,t,n,r){let i=Md(e,r,t),a=t[11],o=Pd(r.parent||t[5],r,t);if(i!=null){if(Array.isArray(n))for(let e=0;e<n.length;e++)Du(a,i,n[e],o,!1);else Du(a,i,n,o,!1)}}function Rd(e,t){if(t!==null){let n=t.type;if(n&3)return wo(t,e);if(n&4)return Bd(-1,e[t.index]);if(n&8){let n=t.child;if(n!==null)return Rd(e,n);{let n=e[t.index];return po(n)?Bd(-1,n):So(n)}}if(n&128)return Rd(e,t.next);if(n&32)return Bu(t,e)()||So(e[t.index]);{let n=zd(e,t);return n===null?Rd(e,t.next):Array.isArray(n)?n[0]:Rd(Lo(e[15]),n)}}return null}function zd(e,t){if(t!==null){let n=e[15][5],r=t.projection;return n.projection[r]}return null}function Bd(e,t){let n=10+e+1;if(n<t.length){let e=t[n],r=e[1].firstChild;if(r!==null)return Rd(e,r)}return t[7]}function Vd(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&&nu(So(c),r),n.flags|=2),!pu(n)){if(l&8)Vd(e,t,n.child,r,i,a,!1),Sd(t,e,s,i,c,n,a,r);else if(l&32){let o=Bu(n,r),l;for(;l=o();)Sd(t,e,s,i,l,n,a,r);Sd(t,e,s,i,c,n,a,r)}else l&16?Gd(e,t,r,n,i,a):Sd(t,e,s,i,c,n,a,r)}n=o?n.projectionNext:n.next}}function Hd(e,t,n,r,i,a){e.type===3?Ud(n,r,t,i,a):Vd(n,r,e.firstChild,t,i,a,!1)}function Ud(e,t,n,r,i){let a=n[1].firstChild,o=a.next,s=So(n[a.index]),c=So(n[o.index]),l=o.index+1,u=n[l];if(t===1||t===0)r!==null&&(u&&u.hasChildNodes()?Tu(e,r,u,i,!0):(Tu(e,r,s,i,!0),Tu(e,r,c,i,!0)));else if(t===2){if(u||(u=document.createDocumentFragment(),n[l]=u),s&&s.parentNode===u)return;let e=s;for(;e!==null;){let t=e.nextSibling;if(u.appendChild(e),e===c)break;e=t}}}function Wd(e,t,n){let r=t[11];Gd(r,0,t,n,Md(e,n,t),Pd(n.parent||t[5],n,t))}function Gd(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];Sd(t,e,n[9],i,c,r,a,n)}else{let n=s,c=o[3];Jl(r)&&(n.flags|=128),Vd(e,t,n,c,i,a,!0)}}function Kd(e,t,n,r,i,a,o){let s=r[7];if(s!==So(r)&&Sd(t,e,n,a,s,i,o),!(r[2]&4))for(let n=10;n<r.length;n++){let i=r[n];Hd(i[1],i,e,t,a,s)}}function qd(e,t,n,r,i){if(t)i?e.addClass(n,r):e.removeClass(n,r);else{let t=r.indexOf(`-`)===-1?void 0:zu.DashCase;i==null?e.removeStyle(n,r,t):(typeof i==`string`&&i.endsWith(`!important`)&&(i=i.slice(0,-10),t|=zu.Important),e.setStyle(n,r,i,t))}}function Jd(e,t,n,r,i,a,o,s,c,l,u){let d=27+r,f=d+i,p=Yd(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 Yd(e,t){let n=[];for(let r=0;r<t;r++)n.push(r<e?null:Ru);return n}function Xd(e){let t=e.tView;return t===null||t.incompleteFirstPass?e.tView=Jd(1,null,e.template,e.decls,e.vars,e.directiveDefs,e.pipeDefs,e.viewQuery,e.schemas,e.consts,e.id):t}function Zd(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),jo(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]=Ql(),d[6]=u,d[20]=l,d[15]=t.type==2?e[15]:d,d}function Qd(e,t,n){let r=wo(t,e),i=Xd(n),a=e[10].rendererFactory,o=tf(e,Zd(e,i,null,$d(n),r,t,null,a.createRenderer(r,n),null,null,null));return e[t.index]=o}function $d(e){let t=16;return e.signals?t=4096:e.onPush&&(t=64),t}function ef(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 tf(e,t){return e[12]?e[13][4]=t:e[12]=t,e[13]=t,t}function O(e=1){nf(Jo(),qo(),bs()+e,!1)}function nf(e,t,n,r){if(!r){if((t[2]&3)==3){let r=e.preOrderCheckHooks;r!==null&&Jc(t,r,n)}else{let r=e.preOrderHooks;r!==null&&Yc(t,r,0,n)}}xs(n)}var rf=(function(e){return e[e.None=0]=`None`,e[e.SignalBased=1]=`SignalBased`,e[e.HasDecoratorInputTransform=2]=`HasDecoratorInputTransform`,e})(rf||{});function af(e,t,n,r){let i=rn(null);try{let[i,a,o]=e.inputs[n],s=null;(a&rf.SignalBased)!==0&&(s=t[i][nn]),s!==null&&s.transformFn!==void 0?r=s.transformFn(r):o!==null&&(r=o.call(t,r)),e.setInput===null?Pc(t,s,i,r):e.setInput(t,s,r,n,i)}finally{rn(i)}}function of(e,t,n,r,i){let a=bs(),o=r&2;try{xs(-1),o&&t.length>27&&nf(e,t,27,!1),Gc(o?Mc.TemplateUpdateStart:Mc.TemplateCreateStart,i,n),n(r,i)}finally{xs(a),Gc(o?Mc.TemplateUpdateEnd:Mc.TemplateCreateEnd,i,n)}}function sf(e,t,n){mf(e,t,n),(n.flags&64)==64&&hf(e,t,n)}function cf(e,t,n=wo){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 lf(e,t,n,r){let i=r.get(uu,lu)||n===yu.ShadowDom||n===yu.ExperimentalIsolatedShadowDom;return e.selectRootElement(t,i)}function uf(e){return e===`class`?`className`:e===`for`?`htmlFor`:e===`formaction`?`formAction`:e===`innerHtml`?`innerHTML`:e===`readonly`?`readOnly`:e===`tabindex`?`tabIndex`:e}function df(e,t,n,r,i,a){let o=t[1];if(wf(e,o,t,n,r)){ho(e)&&pf(t,e.index);return}e.type&3&&(n=uf(n)),ff(e,t,n,r,i,a)}function ff(e,t,n,r,i,a){if(e.type&3){let o=wo(e,t);r=a==null?r:a(r,e.value||``,n),i.setProperty(o,n,r)}else e.type&12}function pf(e,t){let n=Oo(t,e);n[2]&16||(n[2]|=64)}function mf(e,t,n){let r=n.directiveStart,i=n.directiveEnd;ho(n)&&Qd(t,n,e.data[r+n.componentOffset]),e.firstCreatePass||bl(n,t);let a=n.initialInputs;for(let o=r;o<i;o++){let i=e.data[o],s=jl(t,e,o,n);if(nu(s,t),a!==null&&bf(t,o-r,s,i,n,a),_o(i)){let r=Oo(n.index,t);r[8]=jl(t,e,o,n)}}}function hf(e,t,n){let r=n.directiveStart,i=n.directiveEnd,a=n.index,o=Uee();try{xs(a);for(let n=r;n<i;n++){let r=e.data[n],i=t[n];ss(n),(r.hostBindings!==null||r.hostVars!==0||r.hostAttrs!==null)&&gf(r,i)}}finally{xs(-1),ss(o)}}function gf(e,t){e.hostBindings!==null&&e.hostBindings(1,t)}function _f(e,t){let n=e.directiveRegistry,r=null;if(n)for(let e=0;e<n.length;e++){let i=n[e];Iu(t,i.selectors,!1)&&(r??=[],_o(i)?r.unshift(i):r.push(i))}return r}function vf(e,t,n,r,i,a){let o=wo(e,t);yf(t[11],o,a,e.value,n,r,i)}function yf(e,t,n,r,i,a,o){if(a==null)o?.(a,r||``,i),e.removeAttribute(t,i,n);else{let s=o==null?Ji(a):o(a,r||``,i);e.setAttribute(t,i,s,n)}}function bf(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];af(r,n,t,i)}}function xf(e,t,n,r,i){let a=27+n,o=t[1],s=i(o,t,e,r,n);t[a]=s,Zo(e,!0);let c=e.type===2;return c?(ku(t[11],s,e),(Lee()===0||go(e))&&nu(s,t),Ree()):nu(s,t),Ds()&&(!c||!pu(e))&&Ld(o,t,s,e),e}function Sf(e){let t=e;return Qo()?$o():(t=t.parent,Zo(t,!1)),t}function Cf(e,t){let n=e[9];if(!n)return;let r;try{r=n.get(ic,null)}catch{r=null}r?.(t)}function wf(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];af(c,n[r],a,i),s=!0}if(a)for(let e of a){let a=n[e],o=t.data[e];af(o,a,r,i),s=!0}return s}function Tf(e,t,n,r,i,a){let o=null,s=null,c=null,l=!1,u=e.directiveToIndex.get(r.type);if(typeof u==`number`?o=u:[o,s,c]=u,s!==null&&c!==null&&e.hostDirectiveInputs&&Object.hasOwn(e.hostDirectiveInputs,i)){let r=e.hostDirectiveInputs[i];for(let e=0;e<r.length;e+=2){let i=r[e];if(i>=s&&i<=c){let o=t.data[i],s=r[e+1];af(o,n[i],s,a),l=!0}else if(i>c)break}}return o!==null&&Object.hasOwn(r.inputs,i)&&(af(r,n[o],i,a),l=!0),l}function Ef(e,t){let n=Oo(t,e),r=n[1];Df(r,n);let i=n[0];i!==null&&n[6]===null&&(n[6]=hu(i,n[9])),Gc(Mc.ComponentStart);try{Of(r,n,n[8])}finally{Gc(Mc.ComponentEnd,n[8])}}function Df(e,t){for(let n=t.length;n<e.blueprint.length;n++)t.push(e.blueprint[n])}function Of(e,t,n){ps(t);try{let r=e.viewQuery;r!==null&&_u(1,r,n);let i=e.template;i!==null&&of(e,t,i,1,n),e.firstCreatePass&&=!1,t[18]?.finishViewCreation(e),e.staticContentQueries&&gu(e,t),e.staticViewQueries&&_u(2,e.viewQuery,n);let a=e.components;a!==null&&kf(t,a)}catch(t){throw e.firstCreatePass&&=(e.incompleteFirstPass=!0,!1),t}finally{t[2]&=-5,vs()}}function kf(e,t){for(let n=0;n<t.length;n++)Ef(e,t[n])}function Af(e,t,n,r){let i=rn(null);try{let i=t.tView,a=Zd(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)),Of(i,a,n),a}finally{rn(i)}}function jf(e,t){return!t||t.firstChild===null||Jl(e)}function Mf(e,t,n,r,i=!1){if(e.type===3){let n=e.firstChild,i=n.next,a=So(t[n.index]),o=So(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(po(a)){let e=a[7];e!==a[0]&&r.push(So(a)),a[2]&4||Nf(a,r),r.push(e)}else r.push(So(a))}let o=n.type;if(o&8)Mf(e,t,n.child,r);else if(o&32){let e=Bu(n,t),i;for(;i=e();)r.push(i)}else if(o&16){let e=zd(t,n);if(Array.isArray(e))r.push(...e);else{let n=Lo(t[15]);Mf(n[1],n,e,r,!0)}}n=i?n.projectionNext:n.next}return r}function Nf(e,t){for(let n=10;n<e.length;n++){let r=e[n],i=r[1].firstChild;i!==null&&Mf(r[1],r,i,t)}}function Pf(e){if(e[25]!==null){for(let t of e[25])t.impl.addSequence(t);e[25].length=0}}var Ff=[];function If(e){return e[24]??Lf(e)}function Lf(e){let t=Ff.pop()??Object.create(zf);return t.lView=e,t}function Rf(e){e.lView[24]!==e&&(e.lView=null,Ff.push(e))}var zf={...on,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{Fo(e.lView)},consumerOnSignalRead(){this.lView[24]=this}};function Bf(e){let t=e[24]??Object.create(Vf);return t.lView=e,t}var Vf={...on,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{let t=Lo(e.lView);for(;t&&!Hf(t[1]);)t=Lo(t);t&&Mo(t)},consumerOnSignalRead(){this.lView[24]=this}};function Hf(e){return e.type!==2}function Uf(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 Wf=100;function Gf(e,t=0){let n=e[10].rendererFactory;n.begin?.();try{Kf(e,t)}finally{n.end?.()}}function Kf(e,t){let n=ts();try{ns(!0),Qf(e,t);let n=0;for(;No(e);){if(n===Wf)throw new vi(103,!1);n++,Qf(e,1)}}finally{ns(n)}}function qf(e,t,n,r){if(yo(t))return;let i=t[2];ps(t);let a=!0,o=null,s=null;Hf(e)?(s=If(t),o=mn(s)):an()===null?(a=!1,s=Bf(t),o=mn(s)):t[24]&&=(yn(t[24]),null);try{jo(t),Bee(e.bindingStartIndex),n!==null&&of(e,t,n,2,r);let a=(i&3)==3;if(a){let n=e.preOrderCheckHooks;n!==null&&Jc(t,n,null)}else{let n=e.preOrderHooks;n!==null&&Yc(t,n,0,null),Xc(t,0)}if(Yf(t),Uf(t),Jf(t,0),e.contentQueries!==null&&gu(e,t),a){let n=e.contentCheckHooks;n!==null&&Jc(t,n)}else{let n=e.contentHooks;n!==null&&Yc(t,n,1),Xc(t,1)}ep(e,t);let o=e.components;o!==null&&$f(t,o,0);let s=e.viewQuery;if(s!==null&&_u(2,s,r),a){let n=e.viewCheckHooks;n!==null&&Jc(t,n)}else{let n=e.viewHooks;n!==null&&Yc(t,n,2),Xc(t,2)}if(e.firstUpdatePass===!0&&(e.firstUpdatePass=!1),t[22]){for(let e of t[22])e();t[22]=null}Pf(t),t[2]&=-73}catch(e){throw Fo(t),e}finally{s!==null&&(gn(s,o),a&&Rf(s)),vs()}}function Jf(e,t){for(let n=ru(e);n!==null;n=iu(n))for(let e=10;e<n.length;e++){let r=n[e];Zf(r,t)}}function Yf(e){for(let t=ru(e);t!==null;t=iu(t)){if(!(t[2]&2))continue;let e=t[9];for(let t=0;t<e.length;t++){let n=e[t];Mo(n)}}}function Xf(e,t,n){Gc(Mc.ComponentStart);let r=Oo(t,e);try{Zf(r,n)}finally{Gc(Mc.ComponentEnd,r[8])}}function Zf(e,t){ko(e)&&Qf(e,t)}function Qf(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&&vn(i)),a||=!1,i&&(i.dirty=!1),e[2]&=-9217,a)qf(n,e,n.template,e[8]);else if(r&8192){let t=rn(null);try{Uf(e),Jf(e,1);let t=n.components;t!==null&&$f(e,t,1),Pf(e)}finally{rn(t)}}}function $f(e,t,n){for(let r=0;r<t.length;r++)Xf(e,t[r],n)}function ep(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)xs(~r);else{let i=r,a=n[++e],o=n[++e];Hee(a,i);let s=t[i];Gc(Mc.HostBindingsUpdateStart,s);try{o(2,s)}finally{Gc(Mc.HostBindingsUpdateEnd,s)}}}}finally{xs(-1)}}function tp(e,t){let n=ts()?64:1088;for(e[10].changeDetectionScheduler?.notify(t);e;){e[2]|=n;let t=Lo(e);if(vo(e)&&!t)return e;e=t}return null}function np(e,t,n,r){return[e,!0,0,t,null,r,null,n,null,null]}function rp(e,t){let n=10+t;if(n<e.length)return e[n]}function ip(e,t,n,r=!0){let i=t[1];if(sp(i,t,e,n),r){let r=Bd(n,e),a=t[11],o=a.parentNode(e[7]);o!==null&&wd(i,e[5],a,t,o,r)}let a=t[6];a!==null&&a.firstChild!==null&&(a.firstChild=null)}function ap(e,t){let n=op(e,t);return n!==void 0&&Od(n[1],n),n}function op(e,t){if(e.length<=10)return;let n=10+t,r=e[n];if(r){let i=r[16];i!==null&&i!==e&&Dd(i,r),t>0&&(e[n-1][4]=r[4]);let a=xa(e,10+t);Cd(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 sp(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],ba(n,10+r,t)):(n.push(t),t[4]=null),t[3]=n;let o=t[16];o!==null&&n!==o&&cp(o,t);let s=t[18];s!==null&&s.insertView(e),Po(t),t[2]|=128}function cp(e,t){let n=e[9],r=t[3];if(fo(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 lp=class{_lView;_cdRefInjectingView;_appRef=null;_attachedToViewContainer=!1;exhaustive;get rootNodes(){let e=this._lView,t=e[1];return Mf(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 yo(this._lView)}destroy(){if(this._appRef)this._appRef.detachView(this);else if(this._attachedToViewContainer){let e=this._lView[3];if(po(e)){let t=e[8],n=t?t.indexOf(this):-1;n>-1&&(op(e,n),xa(t,n))}this._attachedToViewContainer=!1}Od(this._lView[1],this._lView)}onDestroy(e){Io(this._lView,e)}markForCheck(){tp(this._cdRefInjectingView||this._lView,4)}detach(){this._lView[2]&=-129}reattach(){Po(this._lView),this._lView[2]|=128}detectChanges(){this._lView[2]|=1024,Gf(this._lView)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new vi(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null;let e=vo(this._lView),t=this._lView[16];t!==null&&!e&&Dd(t,this._lView),Td(this._lView[1],this._lView)}attachToAppRef(e){if(this._attachedToViewContainer)throw new vi(902,!1);this._appRef=e;let t=vo(this._lView),n=this._lView[16];n!==null&&!t&&cp(n,this._lView),Po(this._lView)}},up=(()=>{class e{_declarationLView;_declarationTContainer;elementRef;static __NG_ELEMENT_ID__=dp;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 lp(Af(this._declarationLView,this._declarationTContainer,e,{embeddedViewInjector:t,dehydratedView:n}))}}return e})();function dp(){return fp(Yo(),qo())}function fp(e,t){return e.type&4?new up(t,e,Ul(e,t)):null}function pp(e,t,n,r,i){let a=e.data[t];if(a===null)a=mp(e,t,n,r,i),Vee()&&(a.flags|=32);else if(a.type&64){a.type=n,a.value=r,a.attrs=i;let e=zee();a.injectorIndex=e===null?-1:e.injectorIndex}return Zo(a,!0),a}function mp(e,t,n,r,i){let a=Xo(),o=Qo(),s=o?a:a&&a.parent,c=e.data[t]=gp(e,s,n,t,r,i);return hp(e,c,a,o),c}function hp(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 gp(e,t,n,r,i,a){let o=t?t.injectorIndex:-1,s=0;return Wo()&&(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:Ts(),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?vp(e,n):r.push(e);e[6]=r}function vp(e,t){let n=0,r=e.firstChild;if(r){let i=e.data.r;for(;n<i;){let e=r.nextSibling;Ou(t,r,!1),r=e,n++}}}var yp=()=>null,bp=()=>null;function xp(e,t){return yp(e,t)}function Sp(e,t,n){return bp(e,t,n)}var Cp=class{},wp=class{},Tp=class{destroyNode=null;static __NG_ELEMENT_ID__=()=>Ep()};function Ep(){let e=qo(),t=Oo(Yo().index,e);return(fo(t)?t:e)[11]}var Dp=(()=>{class e{static ɵprov=ki({token:e,providedIn:`root`,factory:()=>null})}return e})();function Op(e){return e.debugInfo?.className||e.type.name||null}var kp={},Ap=class{injector;parentInjector;constructor(e,t){this.injector=e,this.parentInjector=t}get(e,t,n){let r=this.injector.get(e,kp,n);return r!==kp||t===kp?r:this.parentInjector.get(e,t,n)}};function jp(e,t,n){return e[t]=n}function Mp(e,t){return e[t]}function Np(e,t,n){if(n===Ru)return!1;let r=e[t];return!Object.is(r,n)&&(e[t]=n,!0)}function Pp(e,t,n,r){let i=Np(e,t,n);return Np(e,t+1,r)||i}function Fp(e,t,n,r,i){let a=Pp(e,t,n,r);return Np(e,t+2,i)||a}function Ip(e,t,n,r,i,a){let o=Pp(e,t,n,r);return Pp(e,t+2,i,a)||o}function Lp(e,t,n){return function r(i){let a=r.__ngNativeEl__;a!==void 0&&fu(i,a),tp(ho(e)?Oo(e.index,t):t,5);let o=t[8],s=Rp(t,o,n,i),c=r.__ngNextListenerFn__;for(;c;)s=Rp(t,o,c,i)&&s,c=c.__ngNextListenerFn__;return s}}function Rp(e,t,n,r){let i=rn(null);try{return Gc(Mc.OutputStart,t,n),n(r)!==!1}catch(t){return Cf(e,t),!1}finally{Gc(Mc.OutputEnd,t,n),rn(i)}}function zp(e,t,n,r,i,a,o,s){let c=go(e),l=!1,u=null;if(!r&&c&&(u=Vp(t,n,a,e.index)),u!==null){let e=u.__ngLastListenerFn__||u;e.__ngNextListenerFn__=o,u.__ngLastListenerFn__=o,l=!0}else{let o=wo(e,n),c=r?r(o):o;r||(s.__ngNativeEl__=o);let l=i.listen(c,a,s);Bp(a)||Hp(r?t=>r(So(t[e.index])):e.index,t,n,a,s,l,!1)}return l}function Bp(e){return e.startsWith(`animation`)||e.startsWith(`transition`)}function Vp(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 Hp(e,t,n,r,i,a,o){let s=t.firstCreatePass?zo(t):null,c=Ro(n),l=c.length;c.push(i,a),s&&s.push(r,e,l,(l+1)*(o?-1:1))}function Up(e,t,n,r,i){let a=null,o=null,s=null,c=!1,l=e.directiveToIndex.get(n.type);if(typeof l==`number`?a=l:[a,o,s]=l,o!==null&&s!==null&&e.hostDirectiveOutputs&&Object.hasOwn(e.hostDirectiveOutputs,r)){let n=e.hostDirectiveOutputs[r];for(let a=0;a<n.length;a+=2){let l=n[a];if(l>=o&&l<=s)c=!0,Wp(e,t,l,n[a+1],r,i);else if(l>s)break}}return Object.hasOwn(n.outputs,r)&&(c=!0,Wp(e,t,a,r,r,i)),c}function Wp(e,t,n,r,i,a){let o=t[n],s=t[1],c=o[s.data[n].outputs[r]].subscribe(a);Hp(e.index,s,t,i,a,c,!0)}function Gp(){Kp()}function Kp(){let e=qo(),t=Jo(),n=Yo();if(t.firstCreatePass&&Qp(t,n),n.controlDirectiveIndex===-1)return;od(`NgSignalForms`);let r=e[n.controlDirectiveIndex];t.data[n.controlDirectiveIndex].controlDef.create(r,new Yp(e,t,n))}function qp(){Jp()}function Jp(){let e=qo(),t=Jo(),n=Ss();if(n.controlDirectiveIndex===-1)return;let r=t.data[n.controlDirectiveIndex].controlDef,i=e[n.controlDirectiveIndex];r.update(i,new Yp(e,t,n))}var Yp=class{lView;tView;tNode;hasPassThrough;constructor(e,t,n){this.lView=e,this.tView=t,this.tNode=n,this.hasPassThrough=!!(n.flags&4096)}get customControl(){return this.tNode.customControlIndex===-1?void 0:this.lView[this.tNode.customControlIndex]}get nativeElement(){return wo(this.tNode,this.lView)}get descriptor(){return`<${this.tNode.value}>`}listenToCustomControlOutput(e,t){let n=this.tView.data[this.tNode.customControlIndex];Up(this.tNode,this.lView,n,e,Lp(this.tNode,this.lView,t))}listenToCustomControlModel(e){let t=this.tNode.flags&1024?`valueChange`:`checkedChange`,n=this.tView.data[this.tNode.customControlIndex];Up(this.tNode,this.lView,n,t,Lp(this.tNode,this.lView,e))}listenToDom(e,t){zp(this.tNode,this.tView,this.lView,void 0,this.lView[11],e,t,Lp(this.tNode,this.lView,t))}setInputOnDirectives(e,t,n){let r=this.tNode.inputs?.[e],i=this.tNode.hostDirectiveInputs?.[e];if(!r&&!i)return!1;let a=!1;if(r)for(let i of r){if(i===this.tNode.controlDirectiveIndex)continue;let r=this.lView[i],o=this.tView.data[i];(!n||n(Zp(r,o,e)))&&(af(o,r,e,t),a=!0)}if(i)for(let r=0;r<i.length;r+=2){let o=i[r];if(o===this.tNode.controlDirectiveIndex)continue;let s=this.lView[o],c=i[r+1],l=this.tView.data[o];(!n||n(Zp(s,l,e)))&&(af(l,s,c,t),a=!0)}return a}setCustomControlModelInput(e){let t=this.tView.data[this.tNode.customControlIndex],n=this.tNode.flags&1024?`value`:`checked`;Tf(this.tNode,this.tView,this.lView,t,n,e)}customControlHasInput(e){if(this.tNode.customControlIndex===-1)return!1;let t=this.tView.data[this.tNode.customControlIndex];return(t.signalFormsInputPresence??=this._buildCustomControlInputCache(t))[e]===!0}_buildCustomControlInputCache(e){let t={};for(let n in e.inputs)t[n]=!0;if(e.hostDirectives!==null){let n=[...e.hostDirectives];for(;n.length>0;){let e=n.shift();if(typeof e!=`function`){for(let n in e.inputs)t[e.inputs[n]]=!0;let r=Xp(e.directive);r!==null&&n.push(...r);continue}for(let r of e()){if(typeof r==`function`)continue;if(r.inputs)for(let e=0;e<r.inputs.length;e+=2){let n=r.inputs[e+1]||r.inputs[e];t[n]=!0}let e=Xp(r.directive);e!==null&&n.push(...e)}}}return t}};function Xp(e){return typeof e==`function`&&`ɵdir`in e?e.ɵdir.hostDirectives??null:null}function Zp(e,t,n){if(!t.inputs||!Object.hasOwn(t.inputs,n))return;let[r,i]=t.inputs[n];if((i&rf.SignalBased)!==0){let t=e[r][nn];return t.value===kc?void 0:t.value}return e[r]}function Qp(e,t,n){for(let n=t.directiveStart;n<t.directiveEnd;n++)if(e.data[n].controlDef){t.controlDirectiveIndex=n;break}if(t.controlDirectiveIndex===-1)return;let r=e.data[t.controlDirectiveIndex].controlDef;if(r.passThroughInput&&(t.inputs?.[r.passThroughInput]?.length??0)>1){t.flags|=4096;return}$p(e,t)}function $p(e,t){for(let n=t.directiveStart;n<t.directiveEnd;n++){let r=e.data[n];if(!t.directiveToIndex||t.directiveToIndex.has(r.type)){if(em(r,`value`)){t.flags|=1024,t.customControlIndex=n;return}if(em(r,`checked`)){t.flags|=2048,t.customControlIndex=n;return}}}if(t.hostDirectiveInputs!==null&&t.hostDirectiveOutputs!==null&&t.directiveToIndex!==null){let e=(e,n)=>{let r=t.hostDirectiveInputs[e],i=t.hostDirectiveOutputs[e+`Change`];if(!r||!i)return!1;for(let e=0;e<r.length;e+=2){let a=r[e];for(let e=0;e<i.length;e+=2)if(a===i[e])for(let e of t.directiveToIndex.values()){if(!Array.isArray(e))continue;let[r,i,o]=e;if(a>=i&&a<=o)return t.flags|=n,t.customControlIndex=r,!0}}return!1};if(e(`value`,1024)||e(`checked`,2048))return}}function em(e,t){return tm(e,t)&&nm(e,t+`Change`)}function tm(e,t){return t in e.inputs}function nm(e,t){return t in e.outputs}var rm=Symbol(`BINDING`),im=new Ii(``);function am(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=wi(i,n);else if(a==2){let i=n,a=t[++e];r=wi(r,i+`: `+a+`;`)}}n?e.styles=r:e.stylesWithoutHost=r,n?e.classes=i:e.classesWithoutHost=i}function om(e,t=0){let n=qo();return n===null?da(e,t):Dl(Yo(),n,Di(e),t)}function sm(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}um(e,t,n,r,a,i,s)}a!==null&&r!==null&&cm(n,r,a)}function cm(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 vi(-301,!1);r.push(t[e],i)}}function lm(e,t,n){t.componentOffset=n,(e.components??=[]).push(t.index)}function um(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&&_o(a)&&(c=a,lm(e,n,i)),wl(bl(n,t),e,a.type)}bm(n,e.data.length,s),c?.viewProvidersResolver&&c.viewProvidersResolver(c);for(let e=0;e<s;e++){let t=r[e];t.providersResolver&&t.providersResolver(t)}let l=!1,u=!1,d=ef(e,t,s,null);s>0&&(n.directiveToIndex=new Map);for(let c=0;c<s;c++){let s=r[c];if(n.mergedAttrs=sl(n.mergedAttrs,s.hostAttrs),gm(e,n,t,d,s),ym(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++}dm(e,n,a)}function dm(e,t,n){for(let r=t.directiveStart;r<t.directiveEnd;r++){let i=e.data[r];if(n===null||!n.has(i))fm(0,t,i,r),fm(1,t,i,r),hm(t,r,!1);else{let e=n.get(i);pm(0,t,e,r),pm(1,t,e,r),hm(t,r,!0)}}}function fm(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),mm(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),mm(t,a)}}function mm(e,t){t===`class`?e.flags|=8:t===`style`&&(e.flags|=16)}function hm(e,t,n){let{attrs:r,inputs:i,hostDirectiveInputs:a}=e;if(r===null||!n&&i===null||n&&a===null||Pu(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 gm(e,t,n,r,i){e.data[r]=i;let a=new tl(i.factory||=ga(i.type,!0),_o(i),om,null);e.blueprint[r]=a,n[r]=a,_m(e,t,r,ef(e,n,i.hostVars,Ru),i)}function _m(e,t,n,r,i){let a=i.hostBindings;if(a){let i=e.hostBindingOpCodes;i===null&&(i=e.hostBindingOpCodes=[]);let o=~t.index;vm(i)!=o&&i.push(o),i.push(n,r,a)}}function vm(e){let t=e.length;for(;t>0;){let n=e[--t];if(typeof n==`number`&&n<0)return n}return 0}function ym(e,t,n){if(n){if(t.exportAs)for(let r=0;r<t.exportAs.length;r++)n[t.exportAs[r]]=e;_o(t)&&(n[``]=e)}}function bm(e,t,n){e.flags|=1,e.directiveStart=t,e.directiveEnd=t+n,e.providerIndexes=t}function xm(e,t,n,r,i,a,o,s){let c=t[1],l=c.consts,u=pp(c,e,n,r,Ao(l,o));return a&&sm(c,t,u,Ao(l,s),i),u.mergedAttrs=sl(u.mergedAttrs,u.attrs),u.attrs!==null&&am(u,u.attrs,!1),u.mergedAttrs!==null&&am(u,u.mergedAttrs,!0),c.queries!==null&&c.queries.elementStart(c,u),u}function Sm(e,t){qc(e,t),mo(t)&&e.queries.elementEnd(t)}function Cm(e,t,n,r,i,a){let o=t.consts,s=pp(t,e,n,r,Ao(o,i));if(s.mergedAttrs=sl(s.mergedAttrs,s.attrs),a!=null){let e=Ao(o,a);s.localNames=[];for(let t=0;t<e.length;t+=2)s.localNames.push(e[t],-1)}return s.attrs!==null&&am(s,s.attrs,!1),s.mergedAttrs!==null&&am(s,s.mergedAttrs,!0),t.queries!==null&&t.queries.elementStart(t,s),s}var wm=typeof ShadowRoot<`u`,Tm=typeof Document<`u`;function Em(e){return Object.keys(e).map(t=>{let[n,r,i]=e[t],a={propName:n,templateName:t,isSignal:(r&rf.SignalBased)!==0};return i&&(a.transform=i),a})}function Dm(e){return Object.keys(e).map(t=>({propName:e[t],templateName:t}))}function Om(e,t,n){let r=t instanceof Xa?t:t?.injector;return r&&e.getStandaloneInjector!==null&&(r=e.getStandaloneInjector(r)||r),r?new Ap(n,r):n}function km(e){let t=e.get(wp,null);if(t===null)throw new vi(407,!1);return{rendererFactory:t,sanitizer:e.get(Dp,null),changeDetectionScheduler:e.get(mc,null),ngReflect:!1,tracingService:e.get(id,null,{optional:!0})}}function Am(e,t,n){let r=Mm(e);return wu(t,r,r===`svg`?`svg`:r===`math`?xo:n)}function jm(e){if((e&&`localName`in e&&typeof e.localName==`string`?e.localName:e?.tagName)?.toLowerCase()===`script`)throw new vi(905,!1)}function Mm(e){return(e.selectors[0][0]||`div`).toLowerCase()}var Nm=class{componentDef;ngModule;selector;componentType;ngContentSelectors;isBoundToModule;cachedInputs=null;cachedOutputs=null;get inputs(){return this.cachedInputs??=Em(this.componentDef.inputs),this.cachedInputs}get outputs(){return this.cachedOutputs??=Dm(this.componentDef.outputs),this.cachedOutputs}constructor(e,t){this.componentDef=e,this.ngModule=t,this.componentType=e.type,this.selector=fte(e.selectors),this.ngContentSelectors=e.ngContentSelectors??[],this.isBoundToModule=!!t}create(e,t,n,r,i,a,o){Gc(Mc.DynamicComponentStart);let s=rn(null);try{let s=this.componentDef,c=Om(s,r||this.ngModule,e),l=km(c),u=l.tracingService;return u&&u.componentCreate?u.componentCreate(Op(s),()=>this.createComponentRef(l,c,t,n,i,a,o)):this.createComponentRef(l,c,t,n,i,a,o)}finally{rn(s)}}createComponentRef(e,t,n,r,i,a,o){let s=this.componentDef,c=Pm(r,s,a,i),l=e.rendererFactory.createRenderer(null,s),u=r?lf(l,r,s.encapsulation,t):Am(s,l,o??null);jm(u);let d=t.get(im,null),f=Fm(u,()=>t.get(Ms,null)??cu());d&&d.addHost(f);let p=a?.some(Lm)||i?.some(e=>typeof e!=`function`&&e.bindings.some(Lm)),m=Zd(null,c,null,512|$d(s),null,null,e,l,t,null,hu(u,t,!0));d&&wm&&f instanceof ShadowRoot&&Io(m,()=>{d.removeHost(f)}),m[27]=u,ps(m);let h=null;try{let e=xm(27,m,2,`#host`,()=>c.directiveRegistry,!0,0);ku(l,u,e),nu(u,m),sf(c,m,e),vu(c,e,m),Sm(c,e),n!==void 0&&zm(e,this.ngContentSelectors,n),h=Oo(e.index,m),m[8]=h[8],Of(c,m,null)}catch(e){throw h!==null&&eu(h),eu(m),e}finally{Gc(Mc.DynamicComponentEnd),vs()}return new Rm(this.componentType,m,!!p)}};function Pm(e,t,n,r){let i=e?[`ng-version`,`22.1.7`]:pte(t.selectors[0]),a=null,o=null,s=0;if(n)for(let e of n)s+=e[rm].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[rm].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=Gi(typeof e==`function`?e:e.type);c.push(t)}return Jd(0,null,Im(a,o),1,s,c,null,null,null,[i],null)}function Fm(e,t){let n=e.getRootNode?.();return Tm&&n instanceof Document?n.head:n&&wm&&n instanceof ShadowRoot?n:t().head}function Im(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 Lm(e){let t=e[rm].kind;return t===`input`||t===`twoWay`}var Rm=class extends Cp{_rootLView;_hasInputBindings;instance;hostView;changeDetectorRef;componentType;location;previousInputValues=null;_tNode;constructor(e,t,n){super(),this._rootLView=t,this._hasInputBindings=n,this._tNode=To(t[1],27),this.location=Ul(this._tNode,t),this.instance=Oo(this._tNode.index,t)[8],this.hostView=this.changeDetectorRef=new lp(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;wf(n,r[1],r,e,t),this.previousInputValues.set(e,t),tp(Oo(n.index,r),1)}get injector(){return new Fl(this._tNode,this._rootLView)}destroy(){this.hostView.destroy()}onDestroy(e){this.hostView.onDestroy(e)}};function zm(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 Bm=(()=>{class e{static __NG_ELEMENT_ID__=Vm}return e})();function Vm(){return Gm(Yo(),qo())}var Hm=class e extends Bm{_lContainer;_hostTNode;_hostLView;constructor(e,t,n){super(),this._lContainer=e,this._hostTNode=t,this._hostLView=n}get element(){return Ul(this._hostTNode,this._hostLView)}get injector(){return new Fl(this._hostTNode,this._hostLView)}get parentInjector(){let e=Cl(this._hostTNode,this._hostLView);if(ll(e)){let t=fl(e,this._hostLView),n=ul(e),r=t[1].data[n+8];return new Fl(r,t)}return new Fl(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(e){let t=Um(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=xp(this._lContainer,e.ssrId),o=e.createEmbeddedViewImpl(t||{},i,a);return this.insertImpl(o,r,jf(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 Nm(Wi(e)),u=n||this.parentInjector;if(!i&&l.ngModule==null){let e=this.parentInjector.get(Xa,null);e&&(i=e)}let d=Wi(l.componentType??{}),f=xp(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,jf(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(Nee(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 ip(o,i,a,r),t.attachToViewContainerRef(),ba(Wm(o),a,t),t}move(e,t){return this.insert(e,t)}indexOf(e){let t=Um(this._lContainer);return t===null?-1:t.indexOf(e)}remove(e){let t=this._adjustIndex(e,-1),n=op(this._lContainer,t);n&&(xa(Wm(this._lContainer),t),Od(n[1],n))}detach(e){let t=this._adjustIndex(e,-1),n=op(this._lContainer,t);return n&&xa(Wm(this._lContainer),t)!=null?new lp(n):null}_adjustIndex(e,t=0){return e??this.length+t}};function Um(e){return e[8]}function Wm(e){return e[8]||=[]}function Gm(e,t){let n,r=t[e.index];return po(r)?n=r:(n=np(r,t,null,e),t[e.index]=n,tf(t,n)),qm(n,t,e,r),new Hm(n,e,t)}function Km(e,t){let n=e[11],r=n.createComment(``),i=wo(t,e);return Tu(n,n.parentNode(i),r,n.nextSibling(i),!1),r}var qm=Xm,Jm=()=>!1;function Ym(e,t,n){return Jm(e,t,n)}function Xm(e,t,n,r){if(e[7])return;let i;i=n.type&8?So(r):Km(t,n),e[7]=i}var Zm=class e{queryList;matches=null;constructor(e){this.queryList=e}clone(){return new e(this.queryList)}setDirty(){this.queryList.setDirty()}},Qm=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()}},$m=class{flags;read;predicate;constructor(e,t,n=null){this.flags=t,this.read=n,this.predicate=typeof e==`string`?dh(e):e}},eh=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)}},th=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,nh(t,i)),this.matchTNodeWithReadOption(e,t,Al(t,e,i,!1,!1))}else n===up?t.type&4&&this.matchTNodeWithReadOption(e,t,-1):this.matchTNodeWithReadOption(e,t,Al(t,e,n,!1,!1))}matchTNodeWithReadOption(e,t,n){if(n!==null){let r=this.metadata.read;if(r!==null){if(r===Wl||r===Bm||r===up&&t.type&4)this.addMatch(t.index,-2);else{let n=Al(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 nh(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 rh(e,t){return e.type&11?Ul(e,t):e.type&4?fp(e,t):null}function ih(e,t,n,r){return n===-1?rh(t,e):n===-2?ah(e,t,r):jl(e,e[1],n,t)}function ah(e,t,n){if(n===Wl)return Ul(t,e);if(n===up)return fp(t,e);if(n===Bm)return Gm(t,e)}function oh(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(ih(t,s,a[e+1],n.metadata.read))}}i.matches=o}return i.matches}function sh(e,t,n,r){let i=e.queries.getByIndex(n),a=i.matches;if(a!==null){let o=oh(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]&&sh(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];sh(n[1],n,i,r)}}}}}return r}function ch(e,t){return e[18].queries[t].queryList}function lh(e,t,n){let r=new ql((n&4)==4);return Iee(e,t,r,r.destroy),(t[18]??=new Qm).queries.push(new Zm(r))-1}function uh(e,t,n){let r=Jo();return r.firstCreatePass&&(fh(r,new $m(e,t,n),-1),(t&2)==2&&(r.staticViewQueries=!0)),lh(r,qo(),t)}function dh(e){return e.split(`,`).map(e=>e.trim())}function fh(e,t,n){e.queries===null&&(e.queries=new eh),e.queries.track(new th(t,n))}function ph(e,t){return e.queries.getByIndex(t)}function mh(e,t){let n=e[1],r=ph(n,t);return r.crossesNgTemplate?sh(n,e,t,[]):oh(n,e,r,t)}function hh(e,t,n){let r,i=Tn(()=>{r._dirtyCounter();let n=yh(r,e);if(t&&n===void 0)throw new vi(-951,!1);return n});return r=i[nn],r._dirtyCounter=D(0),r._flatValue=void 0,i}function gh(e){return hh(!0,!1,e)}function _h(e){return hh(!0,!0,e)}function vh(e,t){let n=e[nn];n._lView=qo(),n._queryIndex=t,n._queryList=ch(n._lView,t),n._queryList.onDirty(()=>n._dirtyCounter.update(e=>e+1))}function yh(e,t){let n=e._lView,r=e._queryIndex;if(n===void 0||r===void 0||n[2]&4)return t?void 0:ka;let i=ch(n,r),a=mh(n,r);return i.reset(a,Gl),t?i.first:i._changesDetected||e._flatValue===void 0?e._flatValue=i.toArray():e._flatValue}function bh(e){return!!e&&typeof e.then==`function`}function xh(e){return!!e&&typeof e.subscribe==`function`}var Sh=class{},Ch=class extends Sh{injector;instance=null;constructor(e){super();let t=new Za([...e.providers,{provide:Sh,useValue:this}],e.parent||Ya(),e.debugName,new Set([`environment`]));this.injector=t,e.runEnvironmentInitializers&&t.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(e){this.injector.onDestroy(e)}};function wh(e,t,n=null){return new Ch({providers:e,parent:t,debugName:n,runEnvironmentInitializers:!0}).injector}var Th=(()=>{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=Fa(!1,e.type),n=t.length>0?wh([t],this._injector,``):null;this.cachedInjectors.set(e,n)}return this.cachedInjectors.get(e)}ngOnDestroy(){try{for(let e of this.cachedInjectors.values())e!==null&&e.destroy()}finally{this.cachedInjectors.clear()}}static ɵprov=ki({token:e,providedIn:`environment`,factory:()=>new e(da(Xa))})}return e})();function k(e){return jc(()=>{let t=jh(e),n={...t,decls:e.decls,vars:e.vars,template:e.template,consts:e.consts||null,ngContentSelectors:e.ngContentSelectors,onPush:e.changeDetection!==Yl.Eager,directiveDefs:null,pipeDefs:null,dependencies:t.standalone&&e.dependencies||null,getStandaloneInjector:t.standalone?e=>e.get(Th).getOrCreateStandaloneInjector(n):null,getExternalStyles:null,signals:e.signals??!1,data:e.data||{},encapsulation:e.encapsulation||yu.Emulated,styles:e.styles||ka,_:null,schemas:e.schemas||null,tView:null,id:``};t.standalone&&od(`NgStandalone`),Mh(n);let r=e.dependencies;return n.directiveDefs=Nh(r,Eh),n.pipeDefs=Nh(r,Ki),n.id=Ph(n),n})}function Eh(e){return Wi(e)||Gi(e)}function Dh(e,t){if(e==null)return Oa;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=rf.None,c=null),n[a]=[r,s,c],t[a]=o}return n}function Oh(e){if(e==null)return Oa;let t={};for(let n in e)Object.hasOwn(e,n)&&(t[e[n]]=n);return t}function kh(e){return jc(()=>{let t=jh(e);return Mh(t),t})}function Ah(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 jh(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||Oa,exportAs:e.exportAs||null,standalone:e.standalone??!0,signals:e.signals===!0,selectors:e.selectors||ka,viewQuery:e.viewQuery||null,features:e.features||null,setInput:null,resolveHostDirectives:null,hostDirectives:null,controlDef:null,signalFormsInputPresence:null,inputs:Dh(e.inputs,t),outputs:Oh(e.outputs),debugInfo:null}}function Mh(e){e.features?.forEach(t=>t(e))}function Nh(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 Ph(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 Fh=new Ii(``),Ih=(()=>{class e{resolve;reject;initialized=!1;done=!1;donePromise=new Promise((e,t)=>{this.resolve=e,this.reject=t});appInits=C(Fh,{optional:!0})??[];injector=C(js);constructor(){}runInitializers(){if(this.initialized)return;let e=[];for(let t of this.appInits){let n=co(this.injector,t);if(bh(n))e.push(n);else if(xh(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=Vl({token:e,factory:e.ɵfac})}return e})();function Lh(e){return t=>{t.controlDef={create:(e,t)=>{e?.ɵngControlCreate(t)},update:(e,t)=>{e?.ɵngControlUpdate?.(t)},passThroughInput:e}}}function Rh(e){return Object.getPrototypeOf(e.prototype).constructor}function zh(e){let t=Rh(e.type),n=!0,r=[e];for(;t&&t!==Function.prototype&&t!==Object.prototype;){let i,a=Object.hasOwn(t,Ri)?t[Ri]:void 0,o=Object.hasOwn(t,zi)?t[zi]:void 0;if(_o(e))i=a??o;else{if(a)throw new vi(903,!1);i=o}if(i){if(n){r.push(i);let t=e;t.inputs=Hh(e.inputs),t.declaredInputs=Hh(e.declaredInputs),t.outputs=Hh(e.outputs);let n=i.hostBindings;n&&Gh(e,n);let a=i.viewQuery,o=i.contentQueries;if(a&&Uh(e,a),o&&Wh(e,o),Bh(e,i),Si(e.outputs,i.outputs),_o(i)&&i.data.animation){let t=e.data;t.animation=(t.animation||[]).concat(i.data.animation)}}let t=i.features;if(t)for(let r=0;r<t.length;r++){let i=t[r];i&&i.ngInherit&&i(e),i===zh&&(n=!1)}}t=Object.getPrototypeOf(t)}Vh(r)}function Bh(e,t){for(let n in t.inputs){if(!Object.hasOwn(t.inputs,n)||Object.hasOwn(e.inputs,n))continue;let r=t.inputs[n];r!==void 0&&(e.inputs[n]=r,e.declaredInputs[n]=t.declaredInputs[n])}}function Vh(e){let t=0,n=null;for(let r=e.length-1;r>=0;r--){let i=e[r];i.hostVars=t+=i.hostVars,i.hostAttrs=sl(i.hostAttrs,n=sl(n,i.hostAttrs))}}function Hh(e){return e===Oa?{}:e===ka?[]:e}function Uh(e,t){let n=e.viewQuery;e.viewQuery=n?(e,r)=>{t(e,r),n(e,r)}:t}function Wh(e,t){let n=e.contentQueries;e.contentQueries=n?(e,r,i)=>{t(e,r,i),n(e,r,i)}:t}function Gh(e,t){let n=e.hostBindings;e.hostBindings=n?(e,r)=>{t(e,r),n(e,r)}:t}function Kh(e,t,n,r,i,a,o,s){if(n.firstCreatePass){e.mergedAttrs=sl(e.mergedAttrs,e.attrs);let t=e.tView=Jd(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),Zo(e,!1);let c=Xh(n,t,e,r);Ds()&&Ld(n,t,c,e),nu(c,t);let l=np(c,t,c,e);t[r+27]=l,tf(t,l),Ym(l,e,t)}function qh(e,t,n,r,i,a,o,s,c,l,u){let d=n+27,f;return t.firstCreatePass?(f=pp(t,d,4,o||null,s||null),Uo()&&sm(t,e,f,Ao(t.consts,l),_f),qc(t,f)):f=t.data[d],Kh(f,e,t,n,r,i,a,c),go(f)&&sf(t,e,f),l!=null&&cf(e,f,u),f}function Jh(e,t,n,r,i,a,o,s,c,l,u){let d=n+27,f;if(t.firstCreatePass){if(f=pp(t,d,4,o||null,s||null),l!=null){let e=Ao(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 Kh(f,e,t,n,r,i,a,c),l!=null&&cf(e,f,u),f}function Yh(e,t,n,r,i,a,o,s){let c=qo(),l=Jo();return qh(c,l,e,t,n,r,i,Ao(l.consts,a),void 0,o,s),Yh}var Xh=Zh;function Zh(e,t,n,r){return Os(!0),t[11].createComment(``)}var Qh=new Ii(``),$h=new Ii(``);function eg(){Nn(()=>{throw new vi(600,``)})}var tg=10,ng=(()=>{class e{_runningTick=!1;_destroyed=!1;_destroyListeners=[];_views=[];internalErrorHandler=C(ic);afterRenderManager=C(sd);zonelessEnabled=C(hc);rootEffectScheduler=C(_c);dirtyFlags=0;tracingSnapshot=null;allTestViews=new Set;autoDetectTestViews=new Set;includeAllTestViews=!1;afterTick=new Yr;get allViews(){return[...(this.includeAllTestViews?this.allTestViews:this.autoDetectTestViews).keys(),...this._views]}get destroyed(){return this._destroyed}componentTypes=[];components=[];internalPendingTask=C(Ls);get isStable(){return this.internalPendingTask.hasPendingTasksObservable.pipe(gi(e=>!e))}constructor(){C(id,{optional:!0})}whenStable(){let e;return new Promise(t=>{e=this.isStable.subscribe({next:e=>{e&&t()}})}).finally(()=>{e.unsubscribe()})}_injector=C(Xa);_rendererFactory=null;get injector(){return this._injector}bootstrap(e,t){return this.bootstrapImpl(e,t)}bootstrapImpl(e,t,n=js.NULL){return this._injector.get(Gs).run(()=>{if(Gc(Mc.BootstrapComponentStart),!this._injector.get(Ih).done)throw new vi(405,``);let r=Wi(e),i=this._injector.get(Sh),a=new Nm(r,i);this.componentTypes.push(e);let{hostElement:o,directives:s,bindings:c}=rg(t),l=o||a.selector,u=a.create(n,[],l,i.injector,s,c),d=u.location.nativeElement,f=u.injector.get(Qh,null);return f?.registerApplication(d),u.onDestroy(()=>{this.detachView(u.hostView),ig(this.components,u),f?.unregisterApplication(d)}),this._loadComponent(u),Gc(Mc.BootstrapComponentEnd,u),u})}tick(){this.zonelessEnabled||(this.dirtyFlags|=1),this._tick()}_tick(){Gc(Mc.ChangeDetectionStart),this.tracingSnapshot===null?this.tickImpl():this.tracingSnapshot.run(rd.CHANGE_DETECTION,this.tickImpl)}tickImpl=()=>{if(this._runningTick)throw Gc(Mc.ChangeDetectionEnd),new vi(101,!1);let e=rn(null);try{this._runningTick=!0,this.synchronize()}finally{this._runningTick=!1,this.tracingSnapshot?.dispose(),this.tracingSnapshot=null,rn(e),this.afterTick.next(),Gc(Mc.ChangeDetectionEnd)}};synchronize(){this._rendererFactory===null&&!this._injector.destroyed&&(this._rendererFactory=this._injector.get(wp,null,{optional:!0}));let e=0;for(;this.dirtyFlags!==0&&e++<tg;){Gc(Mc.ChangeDetectionSyncStart);try{this.synchronizeOnce()}finally{Gc(Mc.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||No(n))&&(Gf(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})=>No(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;ig(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($h,[]).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),()=>ig(this._destroyListeners,e)}destroy(){if(this._destroyed)throw new vi(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=Vl({token:e,factory:e.ɵfac})}return e})();function rg(e){return e===void 0||typeof e==`string`||e instanceof Element?{hostElement:e}:e}function ig(e,t){let n=e.indexOf(t);n>-1&&e.splice(n,1)}function A(e,t,n,r){let i=qo();return Np(i,as(),t)&&(Jo(),vf(Ss(),i,e,t,n,r)),A}function ag(e){if(od(`NgAnimateEnter`),!qu)return ag;let t=qo();if(Cte(t))return ag;let n=Yo(),r=t[9].get(Gs);return Ote(ed(t),n,()=>og(t,n,e,r)),Pte(t[9]),md(t[9],ed(t)),ag}function og(e,t,n,r){let i=wo(t,e),a=e[11],o=Dte(n),s=[],c=!1,l=e=>{if(td(e)!==i)return;let t=e instanceof AnimationEvent?`animationend`:`transitionend`;r.runOutsideAngular(()=>{a.listen(i,t,u)})},u=e=>{td(e)===i&&(nd(e,i)&&(c=!0),sg(e,i,a))};if(o&&o.length>0){r.runOutsideAngular(()=>{s.push(a.listen(i,`animationstart`,l)),s.push(a.listen(i,`transitionstart`,l))}),wte(i,o,s);for(let e of o)a.addClass(i,e);r.runOutsideAngular(()=>{requestAnimationFrame(()=>{if(!c&&(yte(i,Xu,qu),!Xu.has(i))){for(let e of o)a.removeClass(i,e);Ju(i)}})})}}function sg(e,t,n){let r=Yu.get(t);if(td(e)===t&&r&&nd(e,t)){e.stopPropagation();for(let e of r.classList)n.removeClass(t,e);Ju(t)}}var cg=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 lg(e,t,n,r,i){return e===n&&Object.is(t,r)?1:Object.is(i(e,t),i(n,r))?-1:0}function ug(e,t,n,r){let i,a,o=0,s=e.length-1;if(Array.isArray(t)){rn(r);let c=t.length-1;for(rn(null);o<=s&&o<=c;){let r=e.at(o),l=t[o],u=lg(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=lg(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 mg,a??=pg(e,o,s,n),dg(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;)fg(e,i,n,o,t[o]),o++}else if(t!=null){rn(r);let c=t[Symbol.iterator]();rn(null);let l=c.next();for(;!l.done&&o<=s;){let t=e.at(o),r=l.value,u=lg(o,t,o,r,n);if(u!==0)u<0&&e.updateValue(o,r),o++,l=c.next();else{i??=new mg,a??=pg(e,o,s,n);let u=n(o,r);if(dg(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;)fg(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 dg(e,t,n,r){return t!==void 0&&t.has(r)?(e.attach(n,t.get(r)),t.delete(r),!0):!1}function fg(e,t,n,r,i){if(dg(e,t,r,n(r,i)))e.updateValue(r,i);else{let t=e.create(r,i);e.attach(r,t)}}function pg(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 mg=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 j(e,t,n,r,i,a,o,s){od(`NgControlFlow`);let c=qo(),l=Jo();return Jh(c,l,e,t,n,r,i,Ao(l.consts,a),256,o,s),hg}function hg(e,t,n,r,i,a,o,s){od(`NgControlFlow`);let c=qo(),l=Jo();return Jh(c,l,e,t,n,r,i,Ao(l.consts,a),512,o,s),hg}function M(e,t){od(`NgControlFlow`);let n=qo(),r=as(),i=n[r]===Ru?-1:n[r],a=i===-1?void 0:xg(n,27+i);if(Np(n,r,e)){let r=rn(null);try{if(a!==void 0&&ap(a,0),e!==-1){let r=27+e,i=xg(n,r),a=Eg(n[1],r),o=Sp(i,a,n);ip(i,Af(n,a,t,{dehydratedView:o}),0,jf(a,o))}}finally{rn(r)}}else if(a!==void 0){let e=rp(a,0);e!==void 0&&(e[8]=t)}}var gg=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 _g(e){return e}function vg(e,t){return t}var yg=class{hasEmptyBlock;trackByFn;liveCollection;constructor(e,t,n){this.hasEmptyBlock=e,this.trackByFn=t,this.liveCollection=n}};function N(e,t,n,r,i,a,o,s,c,l,u,d,f){od(`NgControlFlow`);let p=qo(),m=Jo(),h=c!==void 0,g=qo(),_=new yg(h,s?o.bind(g[15][8]):o);g[27+e]=_,Jh(p,m,e+1,t,n,r,i,Ao(m.consts,a),256),h&&Jh(p,m,e+2,c,l,u,d,Ao(m.consts,f),512)}var bg=class extends cg{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,ip(this.lContainer,t,e,jf(this.templateTNode,n)),Sg(this.lContainer,e)}detach(e){return this.needsIndexUpdate||=e!==this.length-1,Cg(this.lContainer,e),wg(this.lContainer,e)}create(e,t){let n=xp(this.lContainer,this.templateTNode.tView.ssrId);return Af(this.hostLView,this.templateTNode,new gg(this.lContainer,t,e),{dehydratedView:n})}destroy(e){Od(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 Tg(this.lContainer,e)}};function P(e){let t=rn(null),n=bs();try{let r=qo(),i=r[1],a=r[n],o=n+1,s=xg(r,o);a.liveCollection===void 0?a.liveCollection=new bg(s,r,Eg(i,o)):a.liveCollection.reset();let c=a.liveCollection;if(ug(c,e,a.trackByFn,t),c.updateIndexes(),a.hasEmptyBlock){let e=as(),t=c.length===0;if(Np(r,e,t)){let e=n+2,a=xg(r,e);if(t){let t=Eg(i,e),n=Sp(a,t,r);ip(a,Af(r,t,void 0,{dehydratedView:n}),0,jf(t,n))}else i.firstUpdatePass&&_p(a),ap(a,0)}}}finally{rn(t)}}function xg(e,t){return e[t]}function Sg(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];Mte(e,r),Ku.delete(n[19]),r.detachedLeaveAnimationFns=void 0}}function Cg(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 wg(e,t){return op(e,t)}function Tg(e,t){return rp(e,t)}function Eg(e,t){return To(e,t)}function F(e,t,n){let r=qo();return Np(r,as(),t)&&(Jo(),df(Ss(),r,e,t,r[11],n)),F}function Dg(e,t,n,r,i){wf(t,e,n,i?`class`:`style`,r)}function I(e,t,n,r){let i=qo(),a=i[1],o=e+27,s=a.firstCreatePass?xm(o,i,2,t,_f,Uo(),n,r):a.data[o];if(ho(s)){let n=i[10].tracingService;if(n&&n.componentCreate){let o=a.data[s.directiveStart+s.componentOffset];return n.componentCreate(Op(o),()=>(Og(e,t,i,s,r),I))}}return Og(e,t,i,s,r),I}function Og(e,t,n,r,i){if(xf(r,n,e,t,Ag),go(r)){let e=n[1];sf(e,n,r),vu(e,r,n)}i!=null&&cf(n,r)}function L(){let e=Jo(),t=Sf(Yo());return e.firstCreatePass&&Sm(e,t),Go(t)&&Ko(),Ho(),t.classesWithoutHost!=null&&nl(t)&&Dg(e,t,qo(),t.classesWithoutHost,!0),t.stylesWithoutHost!=null&&rl(t)&&Dg(e,t,qo(),t.stylesWithoutHost,!1),L}function R(e,t,n,r){return I(e,t,n,r),L(),R}function z(e,t,n,r){let i=qo(),a=i[1],o=e+27,s=a.firstCreatePass?Cm(o,a,2,t,n,r):a.data[o];return xf(s,i,e,t,Ag),r!=null&&cf(i,s),z}function B(){return Go(Sf(Yo()))&&Ko(),Ho(),B}function kg(e,t,n,r){return z(e,t,n,r),B(),kg}var Ag=(e,t,n,r,i)=>(Os(!0),wu(t[11],r,Ts()));function jg(e,t,n){let r=qo(),i=r[1],a=e+27,o=i.firstCreatePass?xm(a,r,8,`ng-container`,_f,Uo(),t,n):i.data[a];if(xf(o,r,e,`ng-container`,Pg),go(o)){let e=r[1];sf(e,r,o),vu(e,o,r)}return n!=null&&cf(r,o),jg}function Mg(){let e=Jo(),t=Sf(Yo());return e.firstCreatePass&&Sm(e,t),Mg}function Ng(e,t,n){return jg(e,t,n),Mg(),Ng}var Pg=(e,t,n,r,i)=>(Os(!0),Qee(t[11],``));function V(){return qo()}function Fg(e,t,n){let r=qo();return Np(r,as(),t)&&(Jo(),ff(Ss(),r,e,t,r[11],n)),Fg}var Ig=void 0;function Lg(e){let t=Math.floor(Math.abs(e)),n=e.toString().replace(/^[^.]*\.?/,``).length;return t===1&&n===0?1:5}var Rg=[`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`]],Ig,[[`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`]],Ig,[[`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}`,Ig,Ig,Ig],[`.`,`,`,`;`,`%`,`+`,`-`,`E`,`×`,`‰`,`∞`,`NaN`,`:`],[`#,##0.###`,`#,##0%`,`¤#,##0.00`,`#E0`],`USD`,`$`,`US Dollar`,{},`ltr`,Lg],zg=Object.create(null);function Bg(e){let t=Ug(e),n=Vg(t);if(n)return n;let r=t.split(`-`)[0];if(n=Vg(r),n)return n;if(r===`en`)return Rg;throw new vi(701,!1)}function Vg(e){if(!(e in zg)){let t=oa.ng&&oa.ng.common&&oa.ng.common.locales&&oa.ng.common.locales[e];return t!==void 0&&(zg[e]=t),t}return zg[e]}var Hg={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 Ug(e){return e.toLowerCase().replace(/_/g,`-`)}var Wg=`en-US`;function Gg(e){typeof e==`string`&&e.toLowerCase().replace(/_/g,`-`)}function H(e,t,n){let r=qo(),i=Jo(),a=Yo();return Kg(i,r,r[11],a,e,t,n),H}function U(e,t,n){let r=qo(),i=Jo(),a=Yo();return(a.type&3||n)&&zp(a,i,r,n,r[11],e,t,Lp(a,r,t)),U}function Kg(e,t,n,r,i,a,o){let s=!0,c=null;if((r.type&3||o)&&(c??=Lp(r,t,a),zp(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??=Lp(r,t,a),Wp(r,t,o,s,i,c)}if(e&&e.length)for(let n of e)c??=Lp(r,t,a),Wp(r,t,n,i,i,c)}}function W(e=1){return ys(e)}function qg(e,t){let n=null,r=ste(e);for(let i=0;i<t.length;i++){let a=t[i];if(a===`*`){n=i;continue}if(r===null?Iu(e,a,!0):ute(r,a))return i}return n}function Jg(e){let t=qo()[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?qg(i,e):0;t!==null&&(r[t]?r[t].projectionNext=i:n[t]=i,r[t]=i)}i=i.next}}}function Yg(e,t=0,n,r,i,a){let o=qo(),s=Jo(),c=r?e+1:null;c!==null&&Jh(o,s,c,r,i,a,null,n);let l=pp(s,27+e,16,null,n||null);l.projection===null&&(l.projection=t),$o();let u=!o[6]||Wo();o[15][5].projection[l.projection]===null&&c!==null?Xg(o,s,c):u&&!pu(l)&&Wd(s,o,l)}function Xg(e,t,n){let r=27+n,i=t.data[r],a=e[r],o=xp(a,i.tView.ssrId);ip(a,Af(e,i,void 0,{dehydratedView:o}),0,jf(i,o))}function Zg(e,t,n,r){return vh(e,uh(t,n,r)),Zg}function Qg(e=1){us(ls()+e)}function $g(e){return Eo(es(),27+e)}function e_(e,t){return e<<17|t<<2}function t_(e){return e>>17&32767}function n_(e){return(e&2)==2}function r_(e,t){return e&131071|t<<17}function i_(e){return e|2}function a_(e){return(e&131068)>>2}function o_(e,t){return e&-131069|t<<2}function s_(e){return(e&1)==1}function c_(e){return e|1}function l_(e,t,n,r,i,a){let o=a?t.classBindings:t.styleBindings,s=t_(o),c=a_(o);e[r]=n;let l=!1,u;if(Array.isArray(n)){let e=n;u=e[1],(u===null||Ea(e,u)>0)&&(l=!0)}else u=n;if(i){if(c!==0){let t=t_(e[s+1]);e[r+1]=e_(t,s),t!==0&&(e[t+1]=o_(e[t+1],r)),e[s+1]=r_(e[s+1],r)}else e[r+1]=e_(s,0),s!==0&&(e[s+1]=o_(e[s+1],r)),s=r}else e[r+1]=e_(c,0),s===0?s=r:e[c+1]=o_(e[c+1],r),c=r;l&&(e[r+1]=i_(e[r+1])),d_(e,u,r,!0),d_(e,u,r,!1),u_(t,u,e,r,a),o=e_(s,c),a?t.classBindings=o:t.styleBindings=o}function u_(e,t,n,r,i){let a=i?e.residualClasses:e.residualStyles;a!=null&&typeof t==`string`&&Ea(a,t)>=0&&(n[r+1]=c_(n[r+1]))}function d_(e,t,n,r){let i=e[n+1],a=t===null,o=r?t_(i):a_(i),s=!1;for(;o!==0&&(s===!1||a);){let n=e[o],i=e[o+1];f_(n,t)&&(s=!0,e[o+1]=r?c_(i):i_(i)),o=r?t_(i):a_(i)}s&&(e[n+1]=r?i_(i):c_(i))}function f_(e,t){return e===null||t==null||(Array.isArray(e)?e[1]:e)===t?!0:Array.isArray(e)&&typeof t==`string`?Ea(e,t)>=0:!1}var p_={textEnd:0,key:0,keyEnd:0,value:0,valueEnd:0};function m_(e){return e.substring(p_.key,p_.keyEnd)}function h_(e){return __(e),g_(e,v_(e,0,p_.textEnd))}function g_(e,t){let n=p_.textEnd;return n===t?-1:(t=p_.keyEnd=y_(e,p_.key=t,n),v_(e,t,n))}function __(e){p_.key=0,p_.keyEnd=0,p_.value=0,p_.valueEnd=0,p_.textEnd=e.length}function v_(e,t,n){for(;t<n&&e.charCodeAt(t)<=32;)t++;return t}function y_(e,t,n){for(;t<n&&e.charCodeAt(t)>32;)t++;return t}function b_(e,t,n){return C_(e,t,n,!1),b_}function G(e,t){return C_(e,t,null,!0),G}function x_(e){w_(Ite,S_,e,!0)}function S_(e,t){for(let n=h_(t);n>=0;n=g_(t,n))wa(e,m_(t),!0)}function C_(e,t,n,r){let i=qo(),a=Jo(),o=os(2);if(a.firstUpdatePass&&E_(a,e,o,r),t!==Ru&&Np(i,o,t)){let s=a.data[bs()];N_(a,s,i,i[11],e,i[o+1]=Rte(t,n),r,o)}}function w_(e,t,n,r){let i=Jo(),a=os(2);i.firstUpdatePass&&E_(i,null,a,r);let o=qo();if(n!==Ru&&Np(o,a,n)){let s=i.data[bs()];if(I_(s,r)&&!T_(i,a)){let e=r?s.classesWithoutHost:s.stylesWithoutHost;e!==null&&(n=wi(e,n||``)),Dg(i,s,o,n,r)}else Lte(i,s,o,o[11],o[a+1],o[a+1]=Fte(e,t,n),r,a)}}function T_(e,t){return t>=e.expandoStartIndex}function E_(e,t,n,r){let i=e.data;if(i[n+1]===null){let a=i[bs()],o=T_(e,n);I_(a,r)&&t===null&&!o&&(t=!1),t=D_(i,a,t,r),l_(i,a,t,n,o,r)}}function D_(e,t,n,r){let i=cs(e),a=r?t.residualClasses:t.residualStyles;if(i===null)(r?t.classBindings:t.styleBindings)===0&&(n=j_(null,e,t,n,r),n=M_(n,t.attrs,r),a=null);else{let o=t.directiveStylingLast;if(o===-1||e[o]!==i){if(n=j_(i,e,t,n,r),a===null){let n=O_(e,t,r);n!==void 0&&Array.isArray(n)&&(n=j_(null,e,t,n[1],r),n=M_(n,t.attrs,r),k_(e,t,r,n))}else a=A_(e,t,r)}}return a!==void 0&&(r?t.residualClasses=a:t.residualStyles=a),n}function O_(e,t,n){let r=n?t.classBindings:t.styleBindings;if(a_(r)!==0)return e[t_(r)]}function k_(e,t,n,r){let i=n?t.classBindings:t.styleBindings;e[t_(i)]=r}function A_(e,t,n){let r,i=t.directiveEnd;for(let a=1+t.directiveStylingLast;a<i;a++){let t=e[a].hostAttrs;r=M_(r,t,n)}return M_(r,t.attrs,n)}function j_(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=M_(r,a.hostAttrs,i),a!==e);)s++;return e!==null&&(n.directiveStylingLast=s),r}function M_(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]),wa(e,o,n?!0:t[++a]))}return e===void 0?null:e}function Fte(e,t,n){if(n==null||n===``)return ka;let r=[],i=xu(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 Ite(e,t,n){let r=String(t);r!==``&&!r.includes(` `)&&wa(e,r,n)}function Lte(e,t,n,r,i,a,o,s){i===Ru&&(i=ka);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&&N_(e,t,n,r,m,h,o,s),u=c<i.length?i[c]:null,d=l<a.length?a[l]:null}}function N_(e,t,n,r,i,a,o,s){if(!(t.type&3))return;let c=e.data,l=c[s+1];F_(s_(l)?P_(c,t,n,i,a_(l),o):void 0)||(F_(a)||n_(l)&&(a=P_(c,null,n,i,s,o)),qd(r,o,Co(bs(),n),i,a))}function P_(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===Ru&&(u=l?ka:void 0);let d=l?Ta(u,r):c===r?u:void 0;if(a&&!F_(d)&&(d=Ta(t,r)),F_(d)&&(s=d,o))return s;let f=e[i+1];i=o?t_(f):a_(f)}if(t!==null){let e=a?t.residualClasses:t.residualStyles;e!=null&&(s=Ta(e,r))}return s}function F_(e){return e!==void 0}function Rte(e,t){return e==null||e===``||(typeof t==`string`?e=xu(e)+t:typeof e==`object`&&(e=Ci(xu(e)))),e}function I_(e,t){return!!(e.flags&(t?8:16))}function K(e,t=``){let n=qo(),r=Jo(),i=e+27,a=r.firstCreatePass?pp(r,i,1,t,null):r.data[i],o=zte(r,n,a,t);n[i]=o,Ds()&&Ld(r,n,o,a),Zo(a,!1)}var zte=(e,t,n,r)=>(Os(!0),Xee(t[11],r));function L_(e,t,n,r=``){return Np(e,as(),n)?t+Ji(n)+r:Ru}function Bte(e,t,n,r,i,a=``){let o=Pp(e,is(),n,i);return os(2),o?t+Ji(n)+r+Ji(i)+a:Ru}function Vte(e,t,n,r,i,a,o,s=``){let c=Fp(e,is(),n,i,o);return os(3),c?t+Ji(n)+r+Ji(i)+a+Ji(o)+s:Ru}function Hte(e,t,n,r,i,a,o,s,c,l=``){let u=Ip(e,is(),n,i,o,c);return os(4),u?t+Ji(n)+r+Ji(i)+a+Ji(o)+s+Ji(c)+l:Ru}function q(e){return J(``,e),q}function J(e,t,n){let r=qo(),i=L_(r,e,t,n);return i!==Ru&&B_(r,bs(),i),J}function Y(e,t,n,r,i){let a=qo(),o=Bte(a,e,t,n,r,i);return o!==Ru&&B_(a,bs(),o),Y}function R_(e,t,n,r,i,a,o){let s=qo(),c=Vte(s,e,t,n,r,i,a,o);return c!==Ru&&B_(s,bs(),c),R_}function z_(e,t,n,r,i,a,o,s,c){let l=qo(),u=Hte(l,e,t,n,r,i,a,o,s,c);return u!==Ru&&B_(l,bs(),u),z_}function B_(e,t,n){let r=Co(t,e);Zee(e[11],r,n)}function V_(e,t,n){Oc(t)&&(t=t());let r=qo();return Np(r,as(),t)&&(Jo(),df(Ss(),r,e,t,r[11],n)),V_}function H_(e,t){let n=Oc(e);return n&&e.set(t),n}function U_(e,t){let n=qo(),r=Jo(),i=Yo();return Kg(r,n,n[11],i,e,t),U_}var W_={};function G_(e){od(`NgLet`);let t=Jo(),n=qo(),r=e+27;return Zo(pp(t,r,128,null,null),!1),Do(t,n,r,W_),G_}function K_(e){return Do(Jo(),qo(),bs(),e),e}function q_(e){let t=Eo(es(),27+e);if(t===W_)throw new vi(314,!1);return t}function J_(e,t,n=``){return L_(qo(),e,t,n)}function Y_(e,t,n){let r=Jo();r.firstCreatePass&&X_(t,r.data,r.blueprint,_o(e),n)}function X_(e,t,n,r,i){if(e=Di(e),Array.isArray(e))for(let a=0;a<e.length;a++)X_(e[a],t,n,r,i);else{let a=Jo(),o=qo(),s=Yo(),c=Ua(e)?e:Di(e.provide),l=to(e),u=s.providerIndexes&1048575,d=s.directiveStart,f=s.providerIndexes>>20;if(Ua(e)||!e.multi){let r=new tl(l,i,om,null),p=$_(c,t,i?u:u+f,d);p===-1?(wl(bl(s,o),a,c),Z_(a,e,t.length),t.push(c),s.directiveStart++,s.directiveEnd++,i&&(s.providerIndexes+=1048576),n.push(r),o.push(r)):(n[p]=r,o[p]=r)}else{let p=$_(c,t,u+f,d),m=$_(c,t,u,u+f),h=p>=0&&n[p],g=m>=0&&n[m];if(i&&!g||!i&&!h){wl(bl(s,o),a,c);let u=Gte(i?Wte:Ute,n.length,i,r,l,e);!i&&g&&(n[m].providerFactory=u),Z_(a,e,t.length,0),t.push(c),s.directiveStart++,s.directiveEnd++,i&&(s.providerIndexes+=1048576),n.push(u),o.push(u)}else{let t=Q_(n[i?m:p],l,!i&&r);Z_(a,e,p>-1?p:m,t)}!i&&r&&g&&n[m].componentProviders++}}}function Z_(e,t,n,r){let i=Ua(t),a=Wa(t);if(i||a){let o=(a?Di(t.useClass):t).prototype.ngOnDestroy;if(o){let a=e.destroyHooks||=[];if(!i&&t.multi){let e=a.indexOf(n);e===-1?a.push(n,[r,o]):a[e+1].push(r,o)}else a.push(n,o)}}}function Q_(e,t,n){return n&&e.componentProviders++,e.multi.push(t)-1}function $_(e,t,n,r){for(let i=n;i<r;i++)if(t[i]===e)return i;return-1}function Ute(e,t,n,r,i){return ev(this.multi,[])}function Wte(e,t,n,r,i){let a=this.multi,o;if(this.providerFactory){let e=this.providerFactory.componentProviders,t=jl(r,r[1],this.providerFactory.index,i);o=t.slice(0,e),ev(a,o);for(let n=e;n<t.length;n++)o.push(t[n])}else o=[],ev(a,o);return o}function ev(e,t){for(let n=0;n<e.length;n++){let r=e[n];t.push(r())}return t}function Gte(e,t,n,r,i,a){let o=new tl(e,n,om,null);return o.multi=[],o.index=t,o.componentProviders=0,Q_(o,i,r&&!n),o}function tv(e,t){return n=>{n.providersResolver=(t,n)=>Y_(t,n?n(e):e,!1),t&&(n.viewProvidersResolver=(e,n)=>Y_(e,n?n(t):t,!0))}}function nv(e,t){let n=rs()+e,r=qo();return r[n]===Ru?jp(r,n,t()):Mp(r,n)}function rv(e,t,n){return ov(qo(),rs(),e,t,n)}function iv(e,t,n,r){return sv(qo(),rs(),e,t,n,r)}function Kte(e,t,n,r,i){return qte(qo(),rs(),e,t,n,r,i)}function av(e,t){let n=e[t];return n===Ru?void 0:n}function ov(e,t,n,r,i,a){let o=t+n;return Np(e,o,i)?jp(e,o+1,a?r.call(a,i):r(i)):av(e,o+1)}function sv(e,t,n,r,i,a,o){let s=t+n;return Pp(e,s,i,a)?jp(e,s+2,o?r.call(o,i,a):r(i,a)):av(e,s+2)}function qte(e,t,n,r,i,a,o,s){let c=t+n;return Fp(e,c,i,a,o)?jp(e,c+3,s?r.call(s,i,a,o):r(i,a,o)):av(e,c+3)}function cv(e,t){let n=Jo(),r,i=e+27;n.firstCreatePass?(r=Jte(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=ga(r.type,!0)),o=ia(om);try{let e=ml(!1),t=a();return ml(e),Do(n,qo(),i,t),t}finally{ia(o)}}function Jte(e,t){if(t)for(let n=t.length-1;n>=0;n--){let r=t[n];if(e===r.name)return r}}function lv(e,t,n){let r=e+27,i=qo(),a=Eo(i,r);return dv(i,r)?ov(i,rs(),t,a.transform,n,a):a.transform(n)}function uv(e,t,n,r){let i=e+27,a=qo(),o=Eo(a,i);return dv(a,i)?sv(a,rs(),t,o.transform,n,r,o):o.transform(n,r)}function dv(e,t){return e[1].data[t].pure}function fv(e,t){return fp(e,t)}var Yte=(()=>{class e{applicationErrorHandler=C(ic);appRef=C(ng);taskService=C(Ls);ngZone=C(Gs);zonelessEnabled=C(hc);tracing=C(id,{optional:!0});zoneIsDefined=typeof Zone<`u`&&!!Zone.root.run;schedulerTickApplyArgs=[{data:{__scheduler_tick__:!0}}];subscriptions=new pr;angularZoneId=this.zoneIsDefined?this.ngZone._inner?.get(Us):null;scheduleInRootZone=!this.zonelessEnabled&&this.zoneIsDefined&&(C(gc,{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?Vs:Bs;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=Vl({token:e,factory:e.ɵfac})}return e})();function Xte(){return[{provide:mc,useExisting:Yte},{provide:Gs,useClass:$s},{provide:hc,useValue:!0}]}function Zte(){return typeof $localize<`u`&&$localize.locale||`en-US`}var pv=new Ii(``,{factory:()=>C(pv,{optional:!0,skipSelf:!0})||Zte()}),mv=class{destroyed=!1;listeners=null;errorHandler=C(rc,{optional:!0});isEmitting=!1;hasNullListeners=!1;destroyRef=C(Ns);constructor(){this.destroyRef.onDestroy(()=>{this.destroyed=!0,this.listeners=null})}subscribe(e){if(this.destroyed)throw new vi(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(bi(953,!1));return}if(this.listeners===null)return;this.isEmitting=!0;let t=rn(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&&Qte(this.listeners)),rn(t),this.isEmitting=!1}}};function Qte(e){let t=e.length-1;for(;t>-1;)e[t]===null&&e.splice(t,1),t--}function X(e,t){return Tn(e,t?.equal)}function Z(e){return Qn(e)}(class e extends Error{_brand;constructor(e){super(e)}static IDLE=new e(`IDLE`);static LOADING=new e(`LOADING`)});var $te=e=>e;function Q(e,t){return typeof e==`function`?hv(Jn(e,$te,t?.equal),t?.debugName,t?.set):hv(Jn(e.source,e.computation,e.equal),e.debugName,e.set)}function hv(e,t,n){let r=e[nn],i=e;if(n!==void 0){let t=e=>Yn(r,e);i.set=e=>n(e,t),i.update=r=>n(r(Z(e)),t)}else i.set=e=>Yn(r,e),i.update=e=>Xn(r,e);return i.asReadonly=oc.bind(e),i}var gv=!1;function ene(){return gv}function _v(e){gv=e}function vv(e,t){let n=Object.create(Ac);n.value=e,n.transformFn=t?.transform;function r(){if(sn(n),n.value===kc)throw new vi(-950,null);return n.value}return r[nn]=n,r}function yv(e){return new mv}function bv(e,t){return vv(e,t)}function tne(e){return vv(kc,e)}var $=(bv.required=tne,bv);function xv(e,t){let n=Object.create(Ac),r=new mv;n.value=e;function i(){return sn(n),Sv(n.value),n.value}return i[nn]=n,i.asReadonly=oc.bind(i),i.set=e=>{n.equal(n.value,e)||(Ln(n,e),r.emit(e))},i.update=e=>{Sv(n.value),i.set(e(n.value))},i.subscribe=r.subscribe.bind(r),i.destroyRef=r.destroyRef,i}function Sv(e){if(e===kc)throw new vi(952,!1)}function Cv(e,t){return xv(e,t)}function nne(e){return xv(kc,e)}var wv=(Cv.required=nne,Cv);function Tv(e,t){return gh(t)}function rne(e,t){return _h(t)}var Ev=(Tv.required=rne,Tv),ine=(()=>{class e{static __NG_ELEMENT_ID__=ane}return e})();function ane(e){return one(Yo(),qo(),(e&16)==16)}function one(e,t,n){if(ho(e)&&!n){let n=Oo(e.index,t);return new lp(n,n)}if(e.type&175){let e=t[15];return new lp(e,t)}return null}var Dv=new Ii(``),sne=new Ii(``);function Ov(e){return!e.moduleRef}function cne(e){let t=Ov(e)?e.r3Injector:e.moduleRef.injector,n=t.get(Gs);return n.run(()=>{Ov(e)?e.r3Injector.resolveInjectorInitializers():e.moduleRef.resolveInjectorInitializers();let r=t.get(ic),i;if(n.runOutsideAngular(()=>{i=n.onError.subscribe({next:r})}),Ov(e)){let n=()=>t.destroy(),r=e.platformInjector.get(Dv);r.add(n),t.onDestroy(()=>{i.unsubscribe(),r.delete(n)})}else{let t=()=>e.moduleRef.destroy(),n=e.platformInjector.get(Dv);n.add(t),e.moduleRef.onDestroy(()=>{ig(e.allPlatformModules,e.moduleRef),i.unsubscribe(),n.delete(t)})}return une(r,n,()=>{let n=t.get(Ls),r=n.add(),i=t.get(Ih);return i.runInitializers(),i.donePromise.then(()=>{if(Gg(t.get(pv,Wg)||`en-US`),!t.get(sne,!0))return Ov(e)?t.get(ng):(e.allPlatformModules.push(e.moduleRef),e.moduleRef);if(Ov(e)){let n=t.get(ng);return e.rootComponent!==void 0&&n.bootstrap(e.rootComponent),n}return lne?.(e.moduleRef,e.allPlatformModules),e.moduleRef}).finally(()=>void n.remove(r))})})}var lne;function une(e,t,n){try{let r=n();return bh(r)?r.catch(n=>{throw t.runOutsideAngular(()=>e(n)),n}):r}catch(n){throw t.runOutsideAngular(()=>e(n)),n}}var kv=null;function dne(e=[],t){return js.create({name:t,providers:[{provide:Ga,useValue:`platform`},{provide:Dv,useValue:new Set([()=>kv=null])},...e]})}function fne(e=[]){if(kv)return kv;let t=dne(e);return kv=t,eg(),pne(t),t}function pne(e){let t=e.get(lc,null);co(e,()=>{t?.forEach(e=>e())})}function mne(e){let{rootComponent:t,appProviders:n,platformProviders:r,platformRef:i}=e;Gc(Mc.BootstrapApplicationStart);try{let e=i?.injector??fne(r);return cne({r3Injector:new Ch({providers:[Xte(),ac,...n||[]],parent:e,debugName:``,runEnvironmentInitializers:!1}).injector,platformInjector:e,rootComponent:t})}catch(e){return Promise.reject(e)}finally{Gc(Mc.BootstrapApplicationEnd)}}function Av(e){return typeof e==`boolean`?e:e!=null&&e!==`false`}var jv=Symbol(`NOT_SET`),Mv=new Set,hne={...zn,kind:`afterRenderEffectPhase`,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!0,value:jv,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!==jv&&!vn(this)))return this.signal;try{for(let e of this.cleanup??Mv)e()}finally{this.cleanup?.clear()}let t=[];e!==void 0&&t.push(e),t.push(this.registerCleanupFn);let n=mn(this),r;try{r=this.userFn.apply(null,t)}finally{gn(this,n)}return(this.value===jv||!this.equal(this.value,r))&&(this.value=r,this.version++),this.signal}},gne=class extends ud{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(Ns),a),this.scheduler=r;for(let e of cd){let n=t[e];if(n===void 0)continue;let r=Object.create(hne);r.sequence=this,r.phase=e,r.userFn=n,r.dirty=!0,r.signal=()=>(sn(r),r.value),r.signal[nn]=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??Mv)t()}finally{yn(e)}}};function Nv(e,t){let n=t?.injector??C(js),r=n.get(mc),i=n.get(sd),a=n.get(id,null,{optional:!0});i.impl??=n.get(ld);let o=e;typeof o==`function`&&(o={mixedReadWrite:e});let s=n.get(fc,null,{optional:!0}),c=new gne(i.impl,[o.earlyRead,o.write,o.mixedReadWrite,o.read],s?.view,r,n,a?.snapshot(null));return i.impl.register(c),c}var Pv=null;function Fv(){return Pv}function _ne(e){Pv??=e}var vne=class{},Iv=(function(e){return e[e.Format=0]=`Format`,e[e.Standalone=1]=`Standalone`,e})(Iv||{}),Lv=(function(e){return e[e.Narrow=0]=`Narrow`,e[e.Abbreviated=1]=`Abbreviated`,e[e.Wide=2]=`Wide`,e[e.Short=3]=`Short`,e})(Lv||{}),Rv=(function(e){return e[e.Short=0]=`Short`,e[e.Medium=1]=`Medium`,e[e.Long=2]=`Long`,e[e.Full=3]=`Full`,e})(Rv||{}),zv={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 yne(e){return Bg(e)[Hg.LocaleId]}function bne(e,t,n){let r=Bg(e);return Gv(Gv([r[Hg.DayPeriodsFormat],r[Hg.DayPeriodsStandalone]],t),n)}function xne(e,t,n){let r=Bg(e);return Gv(Gv([r[Hg.DaysFormat],r[Hg.DaysStandalone]],t),n)}function Sne(e,t,n){let r=Bg(e);return Gv(Gv([r[Hg.MonthsFormat],r[Hg.MonthsStandalone]],t),n)}function Cne(e,t){let n=Bg(e)[Hg.Eras];return Gv(n,t)}function Bv(e,t){return Gv(Bg(e)[Hg.DateFormat],t)}function Vv(e,t){return Gv(Bg(e)[Hg.TimeFormat],t)}function Hv(e,t){let n=Bg(e)[Hg.DateTimeFormat];return Gv(n,t)}function Uv(e,t){let n=Bg(e),r=n[Hg.NumberSymbols][t];if(r===void 0){if(t===zv.CurrencyDecimal)return n[Hg.NumberSymbols][zv.Decimal];if(t===zv.CurrencyGroup)return n[Hg.NumberSymbols][zv.Group]}return r}function Wv(e){if(!e[Hg.ExtraData])throw new vi(2303,!1)}function wne(e){let t=Bg(e);return Wv(t),(t[Hg.ExtraData][2]||[]).map(e=>typeof e==`string`?Kv(e):[Kv(e[0]),Kv(e[1])])}function Tne(e,t,n){let r=Bg(e);return Wv(r),Gv(Gv([r[Hg.ExtraData][0],r[Hg.ExtraData][1]],t)||[],n)||[]}function Gv(e,t){for(let n=t;n>-1;n--)if(e[n]!==void 0)return e[n];throw new vi(2304,!1)}function Kv(e){let[t,n]=e.split(`:`);return{hours:+t,minutes:+n}}var Ene=/^(\d{4,})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,qv=Object.create(null),Dne=/((?:[^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]*)/,One=256;function kne(e,t,n,r){let i=uy(e);Ane(t),t=Yv(n,t)||t;let a=[],o;for(;t;)if(o=Dne.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=sy(r,s),i=ly(i,r));let c=``;return a.forEach(e=>{let t=oy(e);c+=t?t(i,n,s):e===`''`?`'`:e.replace(/(^'|'$)/g,``).replace(/''/g,`'`)}),c}function Ane(e){if(e.length>One)throw new vi(2300,!1)}function Jv(e,t,n){let r=new Date(0);return r.setFullYear(e,t,n),r.setHours(0,0,0),r}function Yv(e,t){let n=yne(e);if(qv[n]??=Object.create(null),qv[n][t])return qv[n][t];let r=``;switch(t){case`shortDate`:r=Bv(e,Rv.Short);break;case`mediumDate`:r=Bv(e,Rv.Medium);break;case`longDate`:r=Bv(e,Rv.Long);break;case`fullDate`:r=Bv(e,Rv.Full);break;case`shortTime`:r=Vv(e,Rv.Short);break;case`mediumTime`:r=Vv(e,Rv.Medium);break;case`longTime`:r=Vv(e,Rv.Long);break;case`fullTime`:r=Vv(e,Rv.Full);break;case`short`:let t=Yv(e,`shortTime`),n=Yv(e,`shortDate`);r=Xv(Hv(e,Rv.Short),[t,n]);break;case`medium`:let i=Yv(e,`mediumTime`),a=Yv(e,`mediumDate`);r=Xv(Hv(e,Rv.Medium),[i,a]);break;case`long`:let o=Yv(e,`longTime`),s=Yv(e,`longDate`);r=Xv(Hv(e,Rv.Long),[o,s]);break;case`full`:let c=Yv(e,`fullTime`),l=Yv(e,`fullDate`);r=Xv(Hv(e,Rv.Full),[c,l])}return r&&(qv[n][t]=r),r}function Xv(e,t){return t&&(e=e.replace(/\{([^}]+)}/g,function(e,n){return Object.hasOwn(t,n)?t[n]:e})),e}function Zv(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 jne(e,t){return Zv(e,3).substring(0,t)}function Qv(e,t,n=0,r=!1,i=!1){return function(a,o){let s=Mne(e,a);if((n>0||s>-n)&&(s+=n),e===3)s===0&&n===-12&&(s=12);else if(e===6)return jne(s,t);let c=Uv(o,zv.MinusSign);return Zv(s,t,c,r,i)}}function Mne(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 vi(2301,!1)}}function $v(e,t,n=Iv.Format,r=!1){return function(i,a){return Nne(i,a,e,t,n,r)}}function Nne(e,t,n,r,i,a){switch(n){case 2:return Sne(t,i,r)[e.getMonth()];case 1:return xne(t,i,r)[e.getDay()];case 0:let n=e.getHours(),o=e.getMinutes();if(a){let e=wne(t),a=Tne(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 bne(t,i,r)[n<12?0:1];case 3:return Cne(t,r)[e.getFullYear()<=0?0:1];default:throw new vi(2302,!1)}}function ey(e){return function(t,n,r){let i=-1*r,a=Uv(n,zv.MinusSign),o=i>0?Math.floor(i/60):Math.ceil(i/60);switch(e){case 0:return(i>=0?`+`:``)+Zv(o,2,a)+Zv(Math.abs(i%60),2,a);case 1:return`GMT`+(i>=0?`+`:``)+Zv(o,1,a);case 2:return`GMT`+(i>=0?`+`:``)+Zv(o,2,a)+`:`+Zv(Math.abs(i%60),2,a);case 3:return r===0?`Z`:(i>=0?`+`:``)+Zv(o,2,a)+`:`+Zv(Math.abs(i%60),2,a);default:throw new vi(2310,!1)}}}var Pne=0,ty=4;function Fne(e){let t=Jv(e,Pne,1).getDay();return Jv(e,0,1+(t<=ty?ty:11)-t)}function ny(e){let t=e.getDay(),n=t===0?-3:ty-t;return Jv(e.getFullYear(),e.getMonth(),e.getDate()+n)}function ry(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=ny(n),t=Fne(e.getFullYear()),r=e.getTime()-t.getTime();i=1+Math.round(r/6048e5)}return Zv(i,e,Uv(r,zv.MinusSign))}}function iy(e,t=!1){return function(n,r){return Zv(ny(n).getFullYear(),e,Uv(r,zv.MinusSign),t)}}var ay=Object.create(null);function oy(e){if(ay[e])return ay[e];let t;switch(e){case`G`:case`GG`:case`GGG`:t=$v(3,Lv.Abbreviated);break;case`GGGG`:t=$v(3,Lv.Wide);break;case`GGGGG`:t=$v(3,Lv.Narrow);break;case`y`:t=Qv(0,1,0,!1,!0);break;case`yy`:t=Qv(0,2,0,!0,!0);break;case`yyy`:t=Qv(0,3,0,!1,!0);break;case`yyyy`:t=Qv(0,4,0,!1,!0);break;case`Y`:t=iy(1);break;case`YY`:t=iy(2,!0);break;case`YYY`:t=iy(3);break;case`YYYY`:t=iy(4);break;case`M`:case`L`:t=Qv(1,1,1);break;case`MM`:case`LL`:t=Qv(1,2,1);break;case`MMM`:t=$v(2,Lv.Abbreviated);break;case`MMMM`:t=$v(2,Lv.Wide);break;case`MMMMM`:t=$v(2,Lv.Narrow);break;case`LLL`:t=$v(2,Lv.Abbreviated,Iv.Standalone);break;case`LLLL`:t=$v(2,Lv.Wide,Iv.Standalone);break;case`LLLLL`:t=$v(2,Lv.Narrow,Iv.Standalone);break;case`w`:t=ry(1);break;case`ww`:t=ry(2);break;case`W`:t=ry(1,!0);break;case`d`:t=Qv(2,1);break;case`dd`:t=Qv(2,2);break;case`c`:case`cc`:t=Qv(7,1);break;case`ccc`:t=$v(1,Lv.Abbreviated,Iv.Standalone);break;case`cccc`:t=$v(1,Lv.Wide,Iv.Standalone);break;case`ccccc`:t=$v(1,Lv.Narrow,Iv.Standalone);break;case`cccccc`:t=$v(1,Lv.Short,Iv.Standalone);break;case`E`:case`EE`:case`EEE`:t=$v(1,Lv.Abbreviated);break;case`EEEE`:t=$v(1,Lv.Wide);break;case`EEEEE`:t=$v(1,Lv.Narrow);break;case`EEEEEE`:t=$v(1,Lv.Short);break;case`a`:case`aa`:case`aaa`:t=$v(0,Lv.Abbreviated);break;case`aaaa`:t=$v(0,Lv.Wide);break;case`aaaaa`:t=$v(0,Lv.Narrow);break;case`b`:case`bb`:case`bbb`:t=$v(0,Lv.Abbreviated,Iv.Standalone,!0);break;case`bbbb`:t=$v(0,Lv.Wide,Iv.Standalone,!0);break;case`bbbbb`:t=$v(0,Lv.Narrow,Iv.Standalone,!0);break;case`B`:case`BB`:case`BBB`:t=$v(0,Lv.Abbreviated,Iv.Format,!0);break;case`BBBB`:t=$v(0,Lv.Wide,Iv.Format,!0);break;case`BBBBB`:t=$v(0,Lv.Narrow,Iv.Format,!0);break;case`h`:t=Qv(3,1,-12);break;case`hh`:t=Qv(3,2,-12);break;case`H`:t=Qv(3,1);break;case`HH`:t=Qv(3,2);break;case`m`:t=Qv(4,1);break;case`mm`:t=Qv(4,2);break;case`s`:t=Qv(5,1);break;case`ss`:t=Qv(5,2);break;case`S`:t=Qv(6,1);break;case`SS`:t=Qv(6,2);break;case`SSS`:t=Qv(6,3);break;case`Z`:case`ZZ`:case`ZZZ`:t=ey(0);break;case`ZZZZZ`:t=ey(3);break;case`O`:case`OO`:case`OOO`:case`z`:case`zz`:case`zzz`:t=ey(1);break;case`OOOO`:case`ZZZZ`:case`zzzz`:t=ey(2);break;default:return null}return ay[e]=t,t}function sy(e,t){e=e.replace(/:/g,``);let n=Date.parse(`Jan 01, 1970 00:00:00 `+e)/6e4;return isNaN(n)?t:n}function cy(e,t){return e=new Date(e.getTime()),e.setMinutes(e.getMinutes()+t),e}function ly(e,t,n){let r=e.getTimezoneOffset();return cy(e,-1*(sy(t,r)-r))}function uy(e){if(fy(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 Jv(t,n-1,r)}let t=parseFloat(e);if(!isNaN(e-t))return new Date(t);let n;if(n=e.match(Ene))return dy(n)}let t=new Date(e);if(!fy(t))throw new vi(2311,!1);return t}function dy(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 fy(e){return e instanceof Date&&!isNaN(e.valueOf())}var py=(()=>{class e{_viewContainerRef;_viewRef=null;ngTemplateOutletContext=null;ngTemplateOutlet=null;ngTemplateOutletInjector=null;injector=C(js);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)(om(Bm))};static ɵdir=kh({type:e,selectors:[[``,`ngTemplateOutlet`,``]],inputs:{ngTemplateOutletContext:`ngTemplateOutletContext`,ngTemplateOutlet:`ngTemplateOutlet`,ngTemplateOutletInjector:`ngTemplateOutletInjector`},features:[Ic]})}return e})();function my(e,t){return new vi(2100,!1)}var hy=`mediumDate`,gy=new Ii(``),_y=new Ii(``),vy=(()=>{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??hy,a=r??this.defaultOptions?.timezone??this.defaultTimezone??void 0;return kne(t,e,i||this.locale,a)}catch(t){throw my(e,t.message)}}static ɵfac=function(t){return new(t||e)(om(pv,16),om(gy,24),om(_y,24))};static ɵpipe=Ah({name:`date`,type:e,pure:!0})}return e})(),yy=(()=>{class e{transform(e){return JSON.stringify(e,null,2)}static ɵfac=function(t){return new(t||e)};static ɵpipe=Ah({name:`json`,type:e,pure:!1})}return e})();function by(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 xy=`browser`,Sy=class{_doc;constructor(e){this._doc=e}manager},Cy=(()=>{class e extends Sy{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)(da(Ms))};static ɵprov=ki({token:e,factory:e.ɵfac})}return e})(),wy=new Ii(``),Ty=(()=>{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 Cy));this._plugins=n.slice().reverse();let r=e.find(e=>e instanceof Cy);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 vi(-5101,!1);return this._eventNameToPlugin.set(e,t),t}static ɵfac=function(t){return new(t||e)(da(wy),da(Gs))};static ɵprov=ki({token:e,factory:e.ɵfac})}return e})(),Ey=`ng-app-id`;function Dy(e){for(let t of e)t.remove()}function Oy(e,t){let n=t.createElement(`style`);return n.textContent=e,n}function ky(e,t,n,r){let i=e.head?.querySelectorAll(`style[${Ey}="${t}"],link[${Ey}="${t}"]`);if(!i||i.length===0)return!1;for(let e of i)e.removeAttribute(Ey),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 Ay(e,t){let n=t.createElement(`link`);return n.setAttribute(`rel`,`stylesheet`),n.setAttribute(`href`,e),n}var jy=(()=>{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,ky(e,t,this.inline,this.external)&&this.hosts.add(e.head)}addStyles(e,t){for(let t of e)this.addUsage(t,this.inline,Oy);t?.forEach(e=>this.addUsage(e,this.external,Ay))}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&&(Dy(n.elements),t.delete(e)))}ngOnDestroy(){for(let[,{elements:e}]of[...this.inline,...this.external])Dy(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,Oy(t,this.doc)));for(let[t,{elements:n}]of this.external)n.push(this.addElement(e,Ay(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)(da(Ms),da(sc),da(dc,8),da(uc))};static ɵprov=ki({token:e,factory:e.ɵfac})}return e})(),My={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`},Ny=/%COMP%/g,Py=`%COMP%`,Fy=`_nghost-${Py}`,Iy=`_ngcontent-${Py}`,Ly=!0,Ry=new Ii(``,{factory:()=>Ly}),zy=new Ii(``);function By(e){return Iy.replace(Ny,e)}function Vy(e){return Fy.replace(Ny,e)}function Hy(e,t){return t.map(t=>t.replace(Ny,e))}var Uy=(()=>{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 Wy(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 Jy?n.applyToHost(e):n instanceof qy&&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 yu.Emulated:r=new Jy(o,s,t,this.appId,c,i,a,l,this.cssVarNamespace);break;case yu.ShadowDom:return new Ky(o,e,t,i,a,this.nonce,l,this.cssVarNamespace,s);case yu.ExperimentalIsolatedShadowDom:return new Ky(o,e,t,i,a,this.nonce,l,this.cssVarNamespace);default:r=new qy(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)(da(Ty),da(im),da(sc),da(Ry),da(Ms),da(Gs),da(dc),da(id,8),da(zy,8))};static ɵprov=ki({token:e,factory:e.ɵfac})}return e})(),Wy=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(My[t]||t,e):this.doc.createElement(e)}createComment(e){return this.doc.createComment(e)}createText(e){return this.doc.createTextNode(e)}appendChild(e,t){(Gy(e)?e.content:e).appendChild(t)}insertBefore(e,t,n){if(e){let r=Gy(e)?e.content:e;if(n!=null&&n.parentNode!==r)throw new vi(-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 vi(-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=My[r];i?e.setAttributeNS(i,t,n):e.setAttribute(t,n)}else e.setAttribute(t,n)}removeAttribute(e,t,n){if(n){let r=My[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&(zu.DashCase|zu.Important)?e.style.setProperty(t,n,r&zu.Important?`important`:``):e.style[t]=n}removeStyle(e,t,n){let r=t.startsWith(`--`);r&&(t=t.replace(`%NS%`,this.cssVarNamespace)),r||n&zu.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=Fv().getGlobalEventTarget(this.doc,e),!e))throw new vi(-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 Gy(e){return e.tagName===`TEMPLATE`&&e.content!==void 0}var Ky=class extends Wy{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=Hy(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=Ay(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)}},qy=class extends Wy{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?Hy(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&&Ku.size===0&&this.sharedStylesHost.removeStyles(this.styles,this.styleUrls)}},Jy=class extends qy{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=By(l),this.hostAttr=Vy(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}},Yy=class e extends vne{supportsDOMEvents=!0;static makeCurrent(){_ne(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=Zy();return t==null?null:Qy(t)}resetBaseElement(){Xy=null}getUserAgent(){return window.navigator.userAgent}getCookie(e){return by(document.cookie,e)}},Xy=null;function Zy(){return Xy||=document.head.querySelector(`base`),Xy?Xy.getAttribute(`href`):null}function Qy(e){return new URL(e,document.baseURI).pathname}var $y=[`alt`,`control`,`meta`,`shift`],eb={"\b":`Backspace`,"	":`Tab`,"":`Delete`,"\x1B":`Escape`,Del:`Delete`,Esc:`Escape`,Left:`ArrowLeft`,Right:`ArrowRight`,Up:`ArrowUp`,Down:`ArrowDown`,Menu:`ContextMenu`,Scroll:`ScrollLock`,Win:`OS`},tb={alt:e=>e.altKey,control:e=>e.ctrlKey,meta:e=>e.metaKey,shift:e=>e.shiftKey},nb=(()=>{class e extends Sy{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(()=>Fv().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.`),$y.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=eb[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`),$y.forEach(t=>{if(t!==n){let n=tb[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)(da(Ms))};static ɵprov=ki({token:e,factory:e.ɵfac})}return e})();async function rb(e,t,n){return mne({rootComponent:e,...ib(t,n)})}function ib(e,t){return{platformRef:t?.platformRef,appProviders:[...lb,...e?.providers??[]],platformProviders:cb}}function ab(){Yy.makeCurrent()}function ob(){return new rc}function sb(){return su(document),document}var cb=[{provide:uc,useValue:xy},{provide:lc,useValue:ab,multi:!0},{provide:Ms,useFactory:sb}],lb=[{provide:Ga,useValue:`root`},{provide:rc,useFactory:ob},{provide:wy,useClass:Cy,multi:!0},{provide:wy,useClass:nb,multi:!0},Uy,{provide:im,useClass:jy},{provide:jy,useExisting:im},Ty,{provide:wp,useExisting:Uy},[]];function ub(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 db={blue:ub(34,39),cyan:ub(36,39),gray:ub(90,39),green:ub(32,39),red:ub(31,39),yellow:ub(33,39),bold:ub(1,22),dim:ub(2,22),reset:ub(0,0),underline:ub(4,24)};function fb(e,...t){return typeof e==`function`?e(...t):e}var pb=Error.captureStackTrace,mb=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,pb?.(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 hb(e,t){return typeof e==`string`?`${e}/${t.toLowerCase()}`:e?.(t)}function gb(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||hb(r,i),s=(e={},n={})=>{let r=new mb({code:i,why:fb(a.why,e),fix:fb(a.fix,e),docs:o,cause:e.cause,sources:e.sources,data:fb(a.data,e)},s);for(let e of t)e(r,n);return r};n[i]=s}return n}function _b(e){return t=>{let n=`${e.bold(e.red(`[${t.name}]`))} ${t.message}`,r=[];return t.fix&&r.push(`${e.dim(`fix:`)} ${t.fix}`),t.sources?.length&&r.push(`${e.dim(`sources:`)} ${t.sources.join(`, `)}`),t.docs&&r.push(`${e.dim(`see:`)} ${e.cyan(t.docs)}`),r.length===0?n:[n,...r.map((t,n)=>`${e.dim(n<r.length-1?`├▶`:`╰▶`)} ${t}`)].join(`
+  `):``,this.name=`UnsubscriptionError`,this.errors=t}});function dr(e,t){if(e){var n=e.indexOf(t);0<=n&&e.splice(n,1)}}var fr=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=nr(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(cr(c))try{c()}catch(e){i=e instanceof ur?e.errors:[e]}var l=this._finalizers;if(l){this._finalizers=null;try{for(var u=nr(l),d=u.next();!d.done;d=u.next()){var f=d.value;try{hr(f)}catch(e){i??=[],e instanceof ur?i=ir(ir([],rr(i)),rr(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 ur(i)}},e.prototype.add=function(t){if(t&&t!==this){if(this.closed)hr(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)&&dr(t,e)},e.prototype.remove=function(t){var n=this._finalizers;n&&dr(n,t),t instanceof e&&t._removeParent(this)},e.EMPTY=(function(){var t=new e;return t.closed=!0,t})(),e}(),pr=fr.EMPTY;function mr(e){return e instanceof fr||e&&`closed`in e&&cr(e.remove)&&cr(e.add)&&cr(e.unsubscribe)}function hr(e){cr(e)?e():e.unsubscribe()}var gr={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},_r={setTimeout:function(e,t){var n=[...arguments].slice(2),r=_r.delegate;return r?.setTimeout?r.setTimeout.apply(r,ir([e,t],rr(n))):setTimeout.apply(void 0,ir([e,t],rr(n)))},clearTimeout:function(e){return(_r.delegate?.clearTimeout||clearTimeout)(e)},delegate:void 0};function vr(e){_r.setTimeout(function(){var t=gr.onUnhandledError;if(t)t(e);else throw e})}function yr(){}var br=(function(){return Cr(`C`,void 0,void 0)})();function xr(e){return Cr(`E`,void 0,e)}function Sr(e){return Cr(`N`,e,void 0)}function Cr(e,t,n){return{kind:e,value:t,error:n}}var wr=null;function Tr(e){if(gr.useDeprecatedSynchronousErrorHandling){var t=!wr;if(t&&(wr={errorThrown:!1,error:null}),e(),t){var n=wr,r=n.errorThrown,i=n.error;if(wr=null,r)throw i}}else e()}function Er(e){gr.useDeprecatedSynchronousErrorHandling&&wr&&(wr.errorThrown=!0,wr.error=e)}var Dr=function(e){$n(t,e);function t(t){var n=e.call(this)||this;return n.isStopped=!1,t?(n.destination=t,mr(t)&&t.add(n)):n.destination=Fr,n}return t.create=function(e,t,n){return new jr(e,t,n)},t.prototype.next=function(e){this.isStopped?Pr(Sr(e),this):this._next(e)},t.prototype.error=function(e){this.isStopped?Pr(xr(e),this):(this.isStopped=!0,this._error(e))},t.prototype.complete=function(){this.isStopped?Pr(br,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}(fr),Or=Function.prototype.bind;function kr(e,t){return Or.call(e,t)}var Ar=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){Mr(e)}},e.prototype.error=function(e){var t=this.partialObserver;if(t.error)try{t.error(e)}catch(e){Mr(e)}else Mr(e)},e.prototype.complete=function(){var e=this.partialObserver;if(e.complete)try{e.complete()}catch(e){Mr(e)}},e}(),jr=function(e){$n(t,e);function t(t,n,r){var i=e.call(this)||this,a;if(cr(t)||!t)a={next:t??void 0,error:n??void 0,complete:r??void 0};else{var o;i&&gr.useDeprecatedNextContext?(o=Object.create(t),o.unsubscribe=function(){return i.unsubscribe()},a={next:t.next&&kr(t.next,o),error:t.error&&kr(t.error,o),complete:t.complete&&kr(t.complete,o)}):a=t}return i.destination=new Ar(a),i}return t}(Dr);function Mr(e){gr.useDeprecatedSynchronousErrorHandling?Er(e):vr(e)}function Nr(e){throw e}function Pr(e,t){var n=gr.onStoppedNotification;n&&_r.setTimeout(function(){return n(e,t)})}var Fr={closed:!0,next:yr,error:Nr,complete:yr},Ir=(function(){return typeof Symbol==`function`&&Symbol.observable||`@@observable`})();function Lr(e){return e}function Rr(e){return e.length===0?Lr:e.length===1?e[0]:function(t){return e.reduce(function(e,t){return t(e)},t)}}var zr=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=Hr(e)?e:new jr(e,t,n);return Tr(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=Br(t),new t(function(t,r){var i=new jr({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[Ir]=function(){return this},e.prototype.pipe=function(){return Rr([...arguments])(this)},e.prototype.toPromise=function(e){var t=this;return e=Br(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 Br(e){return e??gr.Promise??Promise}function Vr(e){return e&&cr(e.next)&&cr(e.error)&&cr(e.complete)}function Hr(e){return e&&e instanceof Dr||Vr(e)&&mr(e)}function Ur(e){return cr(e?.lift)}function Wr(e){return function(t){if(Ur(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 Gr(e,t,n,r,i){return new Kr(e,t,n,r,i)}var Kr=function(e){$n(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}(Dr),qr=lr(function(e){return function(){e(this),this.name=`ObjectUnsubscribedError`,this.message=`object unsubscribed`}}),Jr=function(e){$n(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 Yr(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;Tr(function(){var n,r;if(t._throwIfClosed(),!t.isStopped){t.currentObservers||=Array.from(t.observers);try{for(var i=nr(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;Tr(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;Tr(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?pr:(this.currentObservers=null,a.push(e),new fr(function(){t.currentObservers=null,dr(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 zr;return e.source=this,e},t.create=function(e,t){return new Yr(e,t)},t}(zr),Yr=function(e){$n(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)??pr},t}(Jr),Xr=function(e){$n(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}(Jr);function Zr(e){return e[e.length-1]}function Qr(e){return cr(Zr(e))?e.pop():void 0}var $r=(function(e){return e&&typeof e.length==`number`&&typeof e!=`function`});function ei(e){return cr(e?.then)}function ti(e){return cr(e[Ir])}function ni(e){return Symbol.asyncIterator&&cr(e?.[Symbol.asyncIterator])}function ri(e){return TypeError(`You provided `+(typeof e==`object`&&e?`an invalid object`:`'`+e+`'`)+` where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.`)}function ii(){return typeof Symbol!=`function`||!Symbol.iterator?`@@iterator`:Symbol.iterator}var ai=ii();function oi(e){return cr(e?.[ai])}function si(e){return or(this,arguments,function(){var t,n,r,i;return tr(this,function(a){switch(a.label){case 0:t=e.getReader(),a.label=1;case 1:a.trys.push([1,,9,10]),a.label=2;case 2:return[4,ar(t.read())];case 3:return n=a.sent(),r=n.value,i=n.done,i?[4,ar(void 0)]:[3,5];case 4:return[2,a.sent()];case 5:return[4,ar(r)];case 6:return[4,a.sent()];case 7:return a.sent(),[3,2];case 8:return[3,10];case 9:return t.releaseLock(),[7];case 10:return[2]}})})}function ci(e){return cr(e?.getReader)}function li(e){if(e instanceof zr)return e;if(e!=null){if(ti(e))return uee(e);if($r(e))return dee(e);if(ei(e))return fee(e);if(ni(e))return ui(e);if(oi(e))return pee(e);if(ci(e))return mee(e)}throw ri(e)}function uee(e){return new zr(function(t){var n=e[Ir]();if(cr(n.subscribe))return n.subscribe(t);throw TypeError(`Provided object does not correctly implement Symbol.observable`)})}function dee(e){return new zr(function(t){for(var n=0;n<e.length&&!t.closed;n++)t.next(e[n]);t.complete()})}function fee(e){return new zr(function(t){e.then(function(e){t.closed||(t.next(e),t.complete())},function(e){return t.error(e)}).then(null,vr)})}function pee(e){return new zr(function(t){var n,r;try{for(var i=nr(e),a=i.next();!a.done;a=i.next()){var o=a.value;if(t.next(o),t.closed)return}}catch(e){n={error:e}}finally{try{a&&!a.done&&(r=i.return)&&r.call(i)}finally{if(n)throw n.error}}t.complete()})}function ui(e){return new zr(function(t){hee(e,t).catch(function(e){return t.error(e)})})}function mee(e){return ui(si(e))}function hee(e,t){var n,r,i,a;return er(this,void 0,void 0,function(){var o,s;return tr(this,function(c){switch(c.label){case 0:c.trys.push([0,5,6,11]),n=sr(e),c.label=1;case 1:return[4,n.next()];case 2:if(r=c.sent(),r.done)return[3,4];if(o=r.value,t.next(o),t.closed)return[2];c.label=3;case 3:return[3,1];case 4:return[3,11];case 5:return s=c.sent(),i={error:s},[3,11];case 6:return c.trys.push([6,,9,10]),r&&!r.done&&(a=n.return)?[4,a.call(n)]:[3,8];case 7:c.sent(),c.label=8;case 8:return[3,10];case 9:if(i)throw i.error;return[7];case 10:return[7];case 11:return t.complete(),[2]}})})}function di(e,t,n,r,i){r===void 0&&(r=0),i===void 0&&(i=!1);var a=t.schedule(function(){n(),i?e.add(this.schedule(null,r)):this.unsubscribe()},r);if(e.add(a),!i)return a}function fi(e,t){return t===void 0&&(t=0),Wr(function(n,r){n.subscribe(Gr(r,function(n){return di(r,e,function(){return r.next(n)},t)},function(){return di(r,e,function(){return r.complete()},t)},function(n){return di(r,e,function(){return r.error(n)},t)}))})}function pi(e,t){return t===void 0&&(t=0),Wr(function(n,r){r.add(e.schedule(function(){return n.subscribe(r)},t))})}function gee(e,t){return li(e).pipe(pi(t),fi(t))}function _ee(e,t){return li(e).pipe(pi(t),fi(t))}function vee(e,t){return new zr(function(n){var r=0;return t.schedule(function(){r===e.length?n.complete():(n.next(e[r++]),n.closed||this.schedule())})})}function yee(e,t){return new zr(function(n){var r;return di(n,t,function(){r=e[ai](),di(n,t,function(){var e,t,i;try{e=r.next(),t=e.value,i=e.done}catch(e){n.error(e);return}i?n.complete():n.next(t)},0,!0)}),function(){return cr(r?.return)&&r.return()}})}function mi(e,t){if(!e)throw Error(`Iterable cannot be null`);return new zr(function(n){di(n,t,function(){var r=e[Symbol.asyncIterator]();di(n,t,function(){r.next().then(function(e){e.done?n.complete():n.next(e.value)})},0,!0)})})}function bee(e,t){return mi(si(e),t)}function xee(e,t){if(e!=null){if(ti(e))return gee(e,t);if($r(e))return vee(e,t);if(ei(e))return _ee(e,t);if(ni(e))return mi(e,t);if(oi(e))return yee(e,t);if(ci(e))return bee(e,t)}throw ri(e)}function See(e,t){return t?xee(e,t):li(e)}function hi(e,t){return Wr(function(n,r){var i=0;n.subscribe(Gr(r,function(n){r.next(e.call(t,n,i++))}))})}var Cee=Array.isArray;function wee(e,t){return Cee(t)?e.apply(void 0,ir([],rr(t))):e(t)}function Tee(e){return hi(function(t){return wee(e,t)})}var Eee=Array.isArray,Dee=Object.getPrototypeOf,Oee=Object.prototype,kee=Object.keys;function Aee(e){if(e.length===1){var t=e[0];if(Eee(t))return{args:t,keys:null};if(jee(t)){var n=kee(t);return{args:n.map(function(e){return t[e]}),keys:n}}}return{args:e,keys:null}}function jee(e){return e&&typeof e==`object`&&Dee(e)===Oee}function Mee(e,t){return e.reduce(function(e,n,r){return e[n]=t[r],e},{})}function Nee(){var e=[...arguments],t=Qr(e),n=Aee(e),r=n.args,i=n.keys,a=new zr(function(e){var t=r.length;if(!t){e.complete();return}for(var n=Array(t),a=t,o=t,s=function(t){var s=!1;li(r[t]).subscribe(Gr(e,function(e){s||(s=!0,o--),n[t]=e},function(){return a--},void 0,function(){(!a||!s)&&(o||e.next(i?Mee(i,n):n),e.complete())}))},c=0;c<t;c++)s(c)});return t?a.pipe(Tee(t)):a}var gi=`https://angular.dev/best-practices/security#preventing-cross-site-scripting-xss`,_i=class extends Error{code;constructor(e,t){super(yi(e,t)),this.code=e}};function vi(e){return`NG0${Math.abs(e)}`}function yi(e,t){return`${vi(e)}${t?`: `+t:``}`}function bi(e){for(let t in e)if(e[t]===bi)return t;throw Error(``)}function xi(e,t){for(let n in t)Object.hasOwn(t,n)&&!Object.hasOwn(e,n)&&(e[n]=t[n])}function Si(e){if(typeof e==`string`)return e;if(Array.isArray(e))return`[${e.map(Si).join(`, `)}]`;if(e==null)return``+e;let t=e.overriddenName||e.name;if(t)return`${t}`;let n=e.toString();if(n==null)return``+n;let r=n.indexOf(`
+`);return r>=0?n.slice(0,r):n}function Ci(e,t){return e?t?`${e} ${t}`:e:t||``}var wi=bi({__forward_ref__:bi});function Ti(e){return e.__forward_ref__=Ti,e}function Ei(e){return Di(e)?e():e}function Di(e){return typeof e==`function`&&Object.hasOwn(e,wi)&&e.__forward_ref__===Ti}function Oi(e){return{token:e.token,providedIn:e.providedIn||null,factory:e.factory,value:void 0}}function ki(e){return Ai(e,Ni)}function Ai(e,t){return Object.hasOwn(e,t)&&e[t]||null}function ji(e){return(e?.[Ni]??null)||null}function Mi(e){return e&&Object.hasOwn(e,Pi)?e[Pi]:null}var Ni=bi({ɵprov:bi}),Pi=bi({ɵinj:bi}),Fi=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=Oi({token:this,providedIn:t.providedIn||`root`,factory:t.factory}))}get multi(){return this}toString(){return`InjectionToken ${this._desc}`}};function Ii(e){return e&&!!e.ɵproviders}var Li=bi({ɵcmp:bi}),Ri=bi({ɵdir:bi}),zi=bi({ɵpipe:bi}),Bi=bi({ɵfac:bi}),Vi=bi({__NG_ELEMENT_ID__:bi}),Hi=bi({__NG_ENV_ID__:bi});function Ui(e){return Ki(e,`@Component`),e[Li]||null}function Wi(e){return Ki(e,`@Directive`),e[Ri]||null}function Gi(e){return Ki(e,`@Pipe`),e[zi]||null}function Ki(e,t){if(e==null)throw new _i(-919,!1)}function qi(e){return typeof e==`string`?e:e==null?``:String(e)}var Ji=bi({ngErrorCode:bi}),Yi=bi({ngErrorMessage:bi}),Xi=bi({ngTokenPath:bi});function Zi(e,t){return $i(``,-200,t)}function Qi(e,t){throw new _i(-201,!1)}function $i(e,t,n){let r=new _i(t,e);return r[Ji]=t,r[Yi]=e,n&&(r[Xi]=n),r}function ea(e){return e[Ji]}var ta;function na(){return ta}function ra(e){let t=ta;return ta=e,t}function ia(e,t,n){let r=ki(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;Qi(e,``)}var aa=globalThis,oa={},sa=`__NG_DI_FLAG__`,ca=class{injector;constructor(e){this.injector=e}retrieve(e,t){let n=da(t)||0;try{return this.injector.get(e,n&8?null:oa,n)}catch(e){if(Kn(e))return e;throw e}}};function la(e,t=0){let n=Un();if(n===void 0)throw new _i(-203,!1);if(n===null)return ia(e,void 0,t);{let r=fa(t),i=n.retrieve(e,r);if(Kn(i)){if(r.optional)return null;throw i}return i}}function ua(e,t=0){return(na()||la)(Ei(e),t)}function C(e,t){return ua(e,da(t))}function da(e){return e===void 0||typeof e==`number`?e:0|(e.optional&&8)|(e.host&&1)|(e.self&&2)|(e.skipSelf&&4)}function fa(e){return{optional:!!(e&8),host:!!(e&1),self:!!(e&2),skipSelf:!!(e&4)}}function pa(e){let t=[];for(let n=0;n<e.length;n++){let r=Ei(e[n]);if(Array.isArray(r)){if(r.length===0)throw new _i(900,!1);let e,n=0;for(let t=0;t<r.length;t++){let i=r[t],a=ma(i);typeof a==`number`?a===-1?e=i.token:n|=a:e=i}t.push(ua(e,n))}else t.push(ua(r))}return t}function ma(e){return e[sa]}function ha(e,t){return Object.hasOwn(e,Bi)?e[Bi]:null}function ga(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 _a(e){return e.flat(1/0)}function va(e,t){e.forEach(e=>Array.isArray(e)?va(e,t):t(e))}function ya(e,t,n){t>=e.length?e.push(n):e.splice(t,0,n)}function ba(e,t){return t>=e.length-1?e.pop():e.splice(t,1)[0]}function xa(e,t){let n=[];for(let r=0;r<e;r++)n.push(t);return n}function Sa(e,t,n,r){let i=e.length;if(i==t)e.push(n,r);else if(i===1)e.push(r,e[0]),e[0]=n;else{for(i--,e.push(e[i-1],e[i]);i>t;){let t=i-2;e[i]=e[t],i--}e[t]=n,e[t+1]=r}}function Ca(e,t,n){let r=Ta(e,t);return r>=0?e[r|1]=n:(r=~r,Sa(e,r,t,n)),r}function wa(e,t){let n=Ta(e,t);if(n>=0)return e[n|1]}function Ta(e,t){return Ea(e,t,1)}function Ea(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 Da={},Oa=[],ka=new Fi(``),Aa=new Fi(``,-1),ja=new Fi(``),Ma=class{get(e,t=oa){if(t===oa){let e=$i(``,-201);throw e.name=`ɵNotFound`,e}return t}};function Na(...e){return{ɵproviders:Pa(!0,e),ɵfromNgModule:!0}}function Pa(e,...t){let n=[],r=new Set,i,a=e=>{n.push(e)};return va(t,e=>{let t=e;Ia(t,a,[],r)&&(i||=[],i.push(t))}),i!==void 0&&Fa(i,a),n}function Fa(e,t){for(let n=0;n<e.length;n++){let{ngModule:r,providers:i}=e[n];La(i,e=>{t(e,r)})}}function Ia(e,t,n,r){if(e=Ei(e),!e)return!1;let i=null,a=Mi(e),o=!a&&Ui(e);if(!a&&!o){let t=e.ngModule;if(a=Mi(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)Ia(i,t,n,r)}}else if(a){if(a.imports!=null&&!s){r.add(i);let e;try{va(a.imports,i=>{Ia(i,t,n,r)&&(e||=[],e.push(i))})}finally{}e!==void 0&&Fa(e,t)}if(!s){let e=ha(i)||(()=>new i);t({provide:i,useFactory:e,deps:Oa},i),t({provide:ja,useValue:i,multi:!0},i),t({provide:ka,useValue:()=>ua(i),multi:!0},i)}let o=a.providers;if(o!=null&&!s){let n=e;La(o,e=>{t(e,n)})}}else return!1;return i!==e&&e.providers!==void 0}function La(e,t){for(let n of e)Ii(n)&&(n=n.ɵproviders),Array.isArray(n)?La(n,t):t(n)}var Ra=bi({provide:String,useValue:bi});function za(e){return typeof e==`object`&&!!e&&Ra in e}function Ba(e){return!!(e&&e.useExisting)}function Va(e){return!!(e&&e.useFactory)}function Ha(e){return typeof e==`function`}function Ua(e){return!!e.useClass}var Wa=new Fi(``),Ga={},Ka={},qa=void 0;function Ja(){return qa===void 0&&(qa=new Ma),qa}var Ya=class{},Xa=class extends Ya{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,oo(e,e=>this.processProvider(e)),this.records.set(Aa,no(void 0,this)),r.has(`environment`)&&this.records.set(Ya,no(void 0,this));let i=this.records.get(Wa);i!=null&&typeof i.value==`string`&&this.scopes.add(i.value),this.injectorDefTypes=new Set(this.get(ja,Oa,{self:!0}))}retrieve(e,t){let n=da(t)||0;try{return this.get(e,oa,n)}catch(e){if(Kn(e))return e;throw e}}destroy(){to(this),this._destroyed=!0;let e=nn(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(),nn(e)}}onDestroy(e){return to(this),this._onDestroyHooks.push(e),()=>this.removeOnDestroy(e)}runInContext(e){to(this);let t=Wn(this),n=ra(void 0);try{return e()}finally{Wn(t),ra(n)}}get(e,t=oa,n){if(to(this),Object.hasOwn(e,Hi))return e[Hi](this);let r=da(n),i=Wn(this),a=ra(void 0);try{if(!(r&4)){let t=this.records.get(e);if(t===void 0){let n=ao(e)&&ki(e);t=n&&this.injectableDefInScope(n)?no(Za(e),Ga):null,this.records.set(e,t)}if(t!=null)return this.hydrate(e,t,r)}let n=r&2?Ja():this.parent;return t=r&8&&t===oa?null:t,n.get(e,t)}catch(e){let t=ea(e);throw t===-200||t===-201?new _i(t,null):e}finally{ra(a),Wn(i)}}resolveInjectorInitializers(){let e=nn(null),t=Wn(this),n=ra(void 0);try{let e=this.get(ka,Oa,{self:!0});for(let t of e)t()}finally{Wn(t),ra(n),nn(e)}}toString(){return`R3Injector[...]`}processProvider(e){e=Ei(e);let t=Ha(e)?e:Ei(e&&e.provide),n=$a(e);if(!Ha(e)&&e.multi===!0){let n=this.records.get(t);n||(n=no(void 0,Ga,!0),n.factory=()=>pa(n.multi),this.records.set(t,n)),t=e,n.multi.push(e)}this.records.set(t,n)}hydrate(e,t,n){let r=nn(null);try{if(t.value===Ka)throw Zi(``);return t.value===Ga&&(t.value=Ka,t.value=t.factory(void 0,n)),typeof t.value==`object`&&t.value&&io(t.value)&&this._ngOnDestroyHooks.add(t.value),t.value}finally{nn(r)}}injectableDefInScope(e){if(!e.providedIn)return!1;let t=Ei(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 Za(e){let t=ki(e),n=t===null?ha(e):t.factory;if(n!==null)return n;if(e instanceof Fi)throw new _i(-204,!1);if(e instanceof Function)return Qa(e);throw new _i(-204,!1)}function Qa(e){if(e.length>0)throw new _i(-204,!1);let t=ji(e);return t===null?()=>new e:()=>t.factory(e)}function $a(e){return za(e)?no(void 0,e.useValue):no(eo(e),Ga)}function eo(e,t,n){let r;if(Ha(e)){let t=Ei(e);return ha(t)||Za(t)}if(za(e))r=()=>Ei(e.useValue);else if(Va(e))r=()=>e.useFactory(...pa(e.deps||[]));else if(Ba(e))r=(t,n)=>ua(Ei(e.useExisting),n!==void 0&&n&8?8:void 0);else{let t=Ei(e&&(e.useClass||e.provide));if(ro(e))r=()=>new t(...pa(e.deps));else return ha(t)||Za(t)}return r}function to(e){if(e.destroyed)throw new _i(-205,!1)}function no(e,t,n=!1){return{factory:e,value:t,multi:n?[]:void 0}}function ro(e){return!!e.deps}function io(e){return typeof e==`object`&&!!e&&typeof e.ngOnDestroy==`function`}function ao(e){return typeof e==`function`||typeof e==`object`&&e.ngMetadataName===`InjectionToken`}function oo(e,t){for(let n of e)Array.isArray(n)?oo(n,t):n&&Ii(n)?oo(n.ɵproviders,t):t(n)}function so(e,t){let n;e instanceof Xa?(to(e),n=e):n=new ca(e);let r=Wn(n),i=ra(void 0);try{return t()}finally{Wn(r),ra(i)}}function co(){return na()!==void 0||Un()!=null}var lo=1;function uo(e){return Array.isArray(e)&&typeof e[lo]==`object`}function fo(e){return Array.isArray(e)&&e[lo]===!0}function po(e){return!!(e.flags&4)}function mo(e){return e.componentOffset>-1}function ho(e){return(e.flags&1)==1}function go(e){return!!e.template}function _o(e){return!!(e[2]&512)}function vo(e){return(e[2]&256)==256}var yo=(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})(yo||{}),bo=`math`;function xo(e){for(;Array.isArray(e);)e=e[0];return e}function So(e,t){return xo(t[e])}function Co(e,t){return xo(t[e.index])}function wo(e,t){return e.data[t]}function To(e,t){return e[t]}function Eo(e,t,n,r){n>=e.data.length&&(e.data[n]=null,e.blueprint[n]=null),t[n]=r}function Do(e,t){let n=t[e];return uo(n)?n:n[0]}function Oo(e){return(e[2]&128)==128}function Pee(e){return fo(e[3])}function ko(e,t){return t==null?null:e[t]}function Ao(e){e[17]=0}function jo(e){e[2]&1024||(e[2]|=1024,Oo(e)&&Po(e))}function Fee(e,t){for(;e>0;)t=t[14],e--;return t}function Mo(e){return!!(e[2]&9216||e[24]?.dirty)}function No(e){e[10].changeDetectionScheduler?.notify(8),e[2]&64&&(e[2]|=1024),Mo(e)&&Po(e)}function Po(e){e[10].changeDetectionScheduler?.notify(0);let t=Io(e);for(;t!==null&&!(t[2]&8192||(t[2]|=8192,!Oo(t)));)t=Io(t)}function Fo(e,t){if(vo(e))throw new _i(911,!1);e[21]===null&&(e[21]=[]),e[21].push(t)}function Iee(e,t){if(e[21]===null)return;let n=e[21].indexOf(t);n!==-1&&e[21].splice(n,1)}function Io(e){let t=e[3];return fo(t)?t[3]:t}function Lo(e){return e[7]??=[]}function Ro(e){return e.cleanup??=[]}function Lee(e,t,n,r){let i=Lo(t);i.push(n),e.firstCreatePass&&Ro(e).push(r,i.length-1)}var zo={lFrame:ps(null),bindingsEnabled:!0,skipHydrationRootTNode:null},Bo=!1;function Ree(){return zo.lFrame.elementDepthCount}function zee(){zo.lFrame.elementDepthCount++}function Vo(){zo.lFrame.elementDepthCount--}function Ho(){return zo.bindingsEnabled}function Uo(){return zo.skipHydrationRootTNode!==null}function Wo(e){return zo.skipHydrationRootTNode===e}function Go(){zo.skipHydrationRootTNode=null}function Ko(){return zo.lFrame.lView}function qo(){return zo.lFrame.tView}function w(e){return zo.lFrame.contextLView=e,e[8]}function T(e){return zo.lFrame.contextLView=null,e}function Jo(){let e=Yo();for(;e!==null&&e.type===64;)e=e.parent;return e}function Yo(){return zo.lFrame.currentTNode}function Bee(){let e=zo.lFrame,t=e.currentTNode;return e.isParent?t:t.parent}function Xo(e,t){let n=zo.lFrame;n.currentTNode=e,n.isParent=t}function Zo(){return zo.lFrame.isParent}function Qo(){zo.lFrame.isParent=!1}function $o(){return zo.lFrame.contextLView}function es(){return Bo}function ts(e){let t=Bo;return Bo=e,t}function ns(){let e=zo.lFrame,t=e.bindingRootIndex;return t===-1&&(t=e.bindingRootIndex=e.tView.bindingStartIndex),t}function rs(){return zo.lFrame.bindingIndex}function Vee(e){return zo.lFrame.bindingIndex=e}function is(){return zo.lFrame.bindingIndex++}function as(e){let t=zo.lFrame,n=t.bindingIndex;return t.bindingIndex+=e,n}function Hee(){return zo.lFrame.inI18n}function Uee(e,t){let n=zo.lFrame;n.bindingIndex=n.bindingRootIndex=e,os(t)}function Wee(){return zo.lFrame.currentDirectiveIndex}function os(e){zo.lFrame.currentDirectiveIndex=e}function Gee(e){let t=zo.lFrame.currentDirectiveIndex;return t===-1?null:e[t]}function ss(){return zo.lFrame.currentQueryIndex}function cs(e){zo.lFrame.currentQueryIndex=e}function ls(e){let t=e[1];return t.type===2?t.declTNode:t.type===1?e[5]:null}function us(e,t,n){if(n&4){let r=t,i=e;for(;r=r.parent,r===null&&!(n&1)&&(r=ls(i),!(r===null||(i=i[14],r.type&10))););if(r===null)return!1;t=r,e=i}let r=zo.lFrame=fs();return r.currentTNode=t,r.lView=e,!0}function ds(e){let t=fs(),n=e[1];zo.lFrame=t,t.currentTNode=n.firstChild,t.lView=e,t.tView=n,t.contextLView=e,t.bindingIndex=n.bindingStartIndex,t.inI18n=!1}function fs(){let e=zo.lFrame,t=e===null?null:e.child;return t===null?ps(e):t}function ps(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 ms(){let e=zo.lFrame;return zo.lFrame=e.parent,e.currentTNode=null,e.lView=null,e}var hs=ms;function gs(){let e=ms();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 _s(e){return(zo.lFrame.contextLView=Fee(e,zo.lFrame.contextLView))[8]}function vs(){return zo.lFrame.selectedIndex}function ys(e){zo.lFrame.selectedIndex=e}function bs(){let e=zo.lFrame;return wo(e.tView,e.selectedIndex)}function E(){zo.lFrame.currentNamespace=`svg`}function xs(){Ss()}function Ss(){zo.lFrame.currentNamespace=null}function Cs(){return zo.lFrame.currentNamespace}var ws=!0;function Ts(){return ws}function Es(e){ws=e}function Ds(e,t=null,n=null,r){let i=Os(e,t,n,r);return i.resolveInjectorInitializers(),i}function Os(e,t=null,n=null,r,i=new Set){return new Xa([n||Oa,Na(e)],t||Ja(),null,i)}var ks=class e{static THROW_IF_NOT_FOUND=oa;static NULL=new Ma;static create(e,t){if(Array.isArray(e))return Ds({name:``},t,e,``);{let t=e.name??``;return Ds({name:t},e.parent,e.providers,t)}}static ɵprov=Oi({token:e,providedIn:`any`,factory:()=>ua(Aa)});static __NG_ELEMENT_ID__=-1},As=new Fi(``),js=class{static __NG_ELEMENT_ID__=Ns;static __NG_ENV_ID__=e=>e},Ms=class extends js{_lView;constructor(e){super(),this._lView=e}get destroyed(){return vo(this._lView)}onDestroy(e){let t=this._lView;return Fo(t,e),()=>Iee(t,e)}};function Ns(){return new Ms(Ko())}var Ps=new Fi(``),Fs=(()=>{class e{taskId=0;pendingTasks=new Set;destroyed=!1;pendingTask=new Xr(!1);debugTaskTracker=C(Ps,{optional:!0});get hasPendingTasks(){return!this.destroyed&&this.pendingTask.value}get hasPendingTasksObservable(){return this.destroyed?new zr(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=Oi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),Is=class extends Jr{__isAsync;destroyRef=void 0;pendingTasks=void 0;constructor(e=!1){super(),this.__isAsync=e,co()&&(this.destroyRef=C(js,{optional:!0})??void 0,this.pendingTasks=C(Fs,{optional:!0})??void 0)}emit(e){let t=nn(null);try{super.next(e)}finally{nn(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 fr&&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 Ls(...e){}function Rs(e){let t,n;function r(){e=Ls;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 zs(e){return queueMicrotask(()=>e()),()=>{e=Ls}}var Bs=`isAngularZone`,Vs=`isAngularZone_ID`,Hs=0,Us=class e{hasPendingMacrotasks=!1;hasPendingMicrotasks=!1;isStable=!0;onUnstable=new Is(!1);onMicrotaskEmpty=new Is(!1);onStable=new Is(!1);onError=new Is(!1);constructor(e){let{enableLongStackTrace:t=!1,shouldCoalesceEventChangeDetection:n=!1,shouldCoalesceRunChangeDetection:r=!1,scheduleInRootZone:i=!1}=e;if(typeof Zone>`u`)throw new _i(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,qs(a)}static isInAngularZone(){return typeof Zone<`u`&&Zone.current.get(Bs)===!0}static assertInAngularZone(){if(!e.isInAngularZone())throw new _i(909,!1)}static assertNotInAngularZone(){if(e.isInAngularZone())throw new _i(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,Ws,Ls,Ls);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)}},Ws={};function Gs(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 Ks(e){if(e.isCheckStableRunning||e.callbackScheduled)return;e.callbackScheduled=!0;function t(){Rs(()=>{e.callbackScheduled=!1,Js(e),e.isCheckStableRunning=!0,Gs(e),e.isCheckStableRunning=!1})}e.scheduleInRootZone?Zone.root.run(()=>{t()}):e._outer.run(()=>{t()}),Js(e)}function qs(e){let t=()=>{Ks(e)},n=Hs++;e._inner=e._inner.fork({name:`angular`,properties:{[Bs]:!0,[Vs]:n,[Vs+n]:!0},onInvokeTask:(n,r,i,a,o,s)=>{if(Qs(s))return n.invokeTask(i,a,o,s);try{return Ys(e),n.invokeTask(i,a,o,s)}finally{(e.shouldCoalesceEventChangeDetection&&a.type===`eventTask`||e.shouldCoalesceRunChangeDetection)&&t(),Xs(e)}},onInvoke:(n,r,i,a,o,s,c)=>{try{return Ys(e),n.invoke(i,a,o,s,c)}finally{e.shouldCoalesceRunChangeDetection&&!e.callbackScheduled&&!$s(s)&&t(),Xs(e)}},onHasTask:(t,n,r,i)=>{t.hasTask(r,i),n===r&&(i.change==`microTask`?(e._hasPendingMicrotasks=i.microTask,Js(e),Gs(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 Js(e){e.hasPendingMicrotasks=!!(e._hasPendingMicrotasks||(e.shouldCoalesceEventChangeDetection||e.shouldCoalesceRunChangeDetection)&&e.callbackScheduled===!0)}function Ys(e){e._nesting++,e.isStable&&(e.isStable=!1,e.onUnstable.emit(null))}function Xs(e){e._nesting--,Gs(e)}var Zs=class{hasPendingMicrotasks=!1;hasPendingMacrotasks=!1;isStable=!0;onUnstable=new Is;onMicrotaskEmpty=new Is;onStable=new Is;onError=new Is;run(e,t,n){return e.apply(t,n)}runGuarded(e,t,n){return e.apply(t,n)}runOutsideAngular(e){return e()}runTask(e,t,n,r){return e.apply(t,n)}};function Qs(e){return ec(e,`__ignore_ng_zone__`)}function $s(e){return ec(e,`__scheduler_tick__`)}function ec(e,t){return!Array.isArray(e)||e.length!==1?!1:e[0]?.data?.[t]===!0}var tc=class{_console=console;handleError(e){this._console.error(`ERROR`,e)}},nc=new Fi(``,{factory:()=>{let e=C(Us),t=C(Ya),n;return r=>{e.runOutsideAngular(()=>{t.destroyed&&!n?setTimeout(()=>{throw r}):(n??=t.get(tc),n.handleError(r))})}}}),rc={provide:ka,useValue:()=>{C(tc,{optional:!0})},multi:!0};function D(e,t){let[n,r,i]=Pn(e,t?.equal),a=n;return a[tn],a.set=r,a.update=i,a.asReadonly=ic.bind(a),a}function ic(){let e=this[tn];if(e.readonlyFn===void 0){let t=()=>this();t[tn]=e,e.readonlyFn=t}return e.readonlyFn}var ac=new Fi(``,{factory:()=>oc}),oc=`ng`,sc=new Fi(``),cc=new Fi(``,{providedIn:`platform`,factory:()=>`unknown`}),lc=new Fi(``,{factory:()=>C(As).body?.querySelector(`[ngCspNonce]`)?.getAttribute(`ngCspNonce`)||null}),uc=(()=>{class e{view;node;constructor(e,t){this.view=e,this.node=t}static __NG_ELEMENT_ID__=dc}return e})();function dc(){return new uc(Ko(),Jo())}var fc=class{},pc=new Fi(``,{factory:()=>!0}),mc=new Fi(``),hc=(()=>{class e{static ɵprov=Oi({token:e,providedIn:`root`,factory:()=>new gc})}return e})(),gc=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}},_c=class{[tn];constructor(e){this[tn]=e}destroy(){this[tn].destroy()}};function vc(e,t){let n=t?.injector??C(ks),r=t?.manualCleanup===!0?null:n.get(js),i,a=n.get(uc,null,{optional:!0}),o=n.get(fc);return a===null?i=Cc(e,n.get(hc),o):(i=Sc(a.view,o,e),r instanceof Ms&&r._lView===a.view&&(r=null)),i.injector=n,r!==null&&(i.onDestroyFns=[r.onDestroy(()=>i.destroy())]),new _c(i)}var yc={...Bn,cleanupFns:void 0,zone:null,onDestroyFns:null,run(){let e=ts(!1);try{Vn(this)}finally{ts(e)}},cleanup(){if(!this.cleanupFns?.length)return;let e=nn(null);try{for(;this.cleanupFns.length;)this.cleanupFns.pop()()}finally{this.cleanupFns=[],nn(e)}}},bc={...yc,consumerMarkedDirty(){this.scheduler.schedule(this),this.notifier.notify(12)},destroy(){if(vn(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.scheduler.remove(this)}},xc={...yc,consumerMarkedDirty(){this.view[2]|=8192,Po(this.view),this.notifier.notify(13)},destroy(){if(vn(this),this.onDestroyFns!==null)for(let e of this.onDestroyFns)e();this.cleanup(),this.view[23]?.delete(this)}};function Sc(e,t,n){let r=Object.create(xc);return r.view=e,r.zone=typeof Zone<`u`?Zone.current:null,r.notifier=t,r.fn=wc(r,n),e[23]??=new Set,e[23].add(r),r.consumerMarkedDirty(r),r}function Cc(e,t,n){let r=Object.create(bc);return r.fn=wc(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 wc(e,t){return()=>{t(t=>(e.cleanupFns??=[]).push(t))}}function Tc(e){return typeof e==`function`&&e[tn]!==void 0}function Ec(e){return Tc(e)&&typeof e.set==`function`}var Dc=Symbol(`InputSignalNode#UNSET`),Oc={...Rn,transformFn:void 0,applyValueToInputSignal(e,t){In(e,t)}};function kc(e){return{toString:e}.toString()}var Ac=(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})(Ac||{}),jc=class{previousValue;currentValue;firstChange;constructor(e,t,n){this.previousValue=e,this.currentValue=t,this.firstChange=n}isFirstChange(){return this.firstChange}};function Mc(e,t,n,r){t===null?e[n]=r:t.applyValueToInputSignal(t,r)}var Nc=null,Pc=(()=>{Nc=Ic;let e=()=>Ic;return e.ngInherit=!0,e})();function Fc(){return Nc}function Ic(e){return e.type.prototype.ngOnChanges&&(e.setInput=Rc),Lc}function Lc(){let e=Bc(this),t=e?.current;if(t){let n=e.previous;if(n===Da)e.previous=t;else for(let e in t)n[e]=t[e];e.current=null,this.ngOnChanges(t)}}function Rc(e,t,n,r,i){let a=this.declaredInputs[r],o=Bc(e)||Vc(e,{previous:Da,current:null}),s=o.current||={},c=o.previous,l=c[a];s[a]=new jc(l&&l.currentValue,n,c===Da),Mc(e,t,i,n)}var zc=`__ngSimpleChanges__`;function Bc(e){return Object.hasOwn(e,zc)&&e[zc]||null}function Vc(e,t){return e[zc]=t}var Hc=[],Uc=function(e,t=null,n){for(let r=0;r<Hc.length;r++){let i=Hc[r];i(e,t,n)}};function Wc(e,t,n){let{ngOnChanges:r,ngOnInit:i,ngDoCheck:a}=t.type.prototype;if(r){let r=Fc()(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 Gc(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 Kc(e,t,n){Yc(e,t,3,n)}function qc(e,t,n,r){(e[2]&3)===n&&Yc(e,t,n,r)}function Jc(e,t){let n=e[2];(n&3)===t&&(n&=16383,n+=1,e[2]=n)}function Yc(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)&&(Zc(e,n,t,c),e[17]=(e[17]&4294901760)+c+2),c++}function Xc(e,t){Uc(Ac.LifecycleHookStart,e,t);let n=nn(null);try{t.call(e)}finally{nn(n),Uc(Ac.LifecycleHookEnd,e,t)}}function Zc(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,Xc(o,a)):Xc(o,a)}var Qc=-1,$c=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 el(e){return!!(e.flags&8)}function tl(e){return!!(e.flags&16)}function nl(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];il(a)?e.setProperty(t,a,o):e.setAttribute(t,a,o),r++}}return r}function rl(e){return e===3||e===4||e===6}function il(e){return e.charCodeAt(0)===64}function al(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?ol(e,n,i,null,t[++r]):ol(e,n,i,null,null))}}}return e}function ol(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 sl(e){return e!==Qc}function cl(e){return e&32767}function ll(e){return e>>16}function ul(e,t){let n=ll(e),r=t;for(;n>0;)r=r[14],n--;return r}var dl=!0;function fl(e){let t=dl;return dl=e,t}var pl=255,ml=5,hl=0,gl={};function _l(e,t,n){let r;typeof n==`string`?r=n.charCodeAt(0)||0:Object.hasOwn(n,Vi)&&(r=n[Vi]),r??=n[Vi]=hl++;let i=r&pl,a=1<<i;t.data[e+(i>>ml)]|=a}function vl(e,t){let n=bl(e,t);if(n!==-1)return n;let r=t[1];r.firstCreatePass&&(e.injectorIndex=t.length,yl(r.data,e),yl(t,null),yl(r.blueprint,null));let i=xl(e,t),a=e.injectorIndex;if(sl(i)){let e=cl(i),n=ul(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 yl(e,t){e.push(0,0,0,0,0,0,0,0,t)}function bl(e,t){return e.injectorIndex===-1||e.parent&&e.parent.injectorIndex===e.injectorIndex||t[e.injectorIndex+8]===null?-1:e.injectorIndex}function xl(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=Rl(i),r===null)return Qc;if(n++,i=i[14],r.injectorIndex!==-1)return r.injectorIndex|n<<16}return Qc}function Sl(e,t,n){_l(e,t,n)}function Cl(e,t,n){if(n&8||e!==void 0)return e;Qi(t,`NodeInjector`)}function wl(e,t,n,r){if(n&8&&r===void 0&&(r=null),!(n&3)){let i=e[9],a=ra(void 0);try{return i?i.get(t,r,n&8):ia(t,r,n&8)}finally{ra(a)}}return Cl(r,t,n)}function Tl(e,t,n,r=0,i){if(e!==null){if(t[2]&2048&&!(r&2)){let i=Ll(e,t,n,r,gl);if(i!==gl)return i}let i=El(e,t,n,r,gl);if(i!==gl)return i}return wl(t,n,r,i)}function El(e,t,n,r,i){let a=Al(n);if(typeof a==`function`){if(!us(t,e,r))return r&1?Cl(i,n,r):wl(t,n,r,i);try{let e;if(e=a(r),e==null&&!(r&8))Qi(n);else return e}finally{hs()}}else if(typeof a==`number`){let i=null,o=bl(e,t),s=Qc,c=r&1?t[15][5]:null;for((o===-1||r&4)&&(s=o===-1?xl(e,t):t[o+8],s===Qc||!Ml(r,!1)?o=-1:(i=t[1],o=cl(s),t=ul(s,t)));o!==-1;){let e=t[1];if(jl(a,o,e.data)){let e=Dl(o,t,n,i,r,c);if(e!==gl)return e}s=t[o+8],s!==Qc&&Ml(r,t[1].data[o+8]===c)&&jl(a,o,t)?(i=e,o=cl(s),t=ul(s,t)):o=-1}}return i}function Dl(e,t,n,r,i,a){let o=t[1],s=o.data[e+8],c=Ol(s,o,n,r==null?mo(s)&&dl:r!=o&&!!(s.type&3),i&1&&a===s);return c===null?gl:kl(t,o,c,s,i)}function Ol(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&&go(e)&&e.type===n)return c}return null}function kl(e,t,n,r,i){let a=e[n],o=t.data;if(a instanceof $c){let s=a;if(s.resolving)throw Zi(``);let c=fl(s.canSeeViewProviders);s.resolving=!0,o[n].type||o[n];let l=s.injectImpl?ra(s.injectImpl):null;us(e,r,0);try{a=e[n]=s.factory(void 0,i,o,e,r),t.firstCreatePass&&n>=r.directiveStart&&Wc(n,o[n],t)}finally{l!==null&&ra(l),fl(c),s.resolving=!1,hs()}}return a}function Al(e){if(typeof e==`string`)return e.charCodeAt(0)||0;let t=Object.hasOwn(e,Vi)?e[Vi]:void 0;return typeof t==`number`?t>=0?t&pl:Pl:t}function jl(e,t,n){let r=1<<e;return!!(n[t+(e>>ml)]&r)}function Ml(e,t){return!(e&2)&&!(e&1&&t)}var Nl=class{_tNode;_lView;constructor(e,t){this._tNode=e,this._lView=t}get(e,t,n){return Tl(this._tNode,this._lView,e,da(n),t)}};function Pl(){return new Nl(Jo(),Ko())}function Fl(e){return kc(()=>{let t=e.prototype.constructor,n=t[Bi]||Il(t),r=Object.prototype,i=Object.getPrototypeOf(e.prototype).constructor;for(;i&&i!==r;){let e=i[Bi]||Il(i);if(e&&e!==n)return e;i=Object.getPrototypeOf(i)}return e=>new e})}function Il(e){return Di(e)?()=>{let t=Il(Ei(e));return t&&t()}:ha(e)}function Ll(e,t,n,r,i){let a=e,o=t;for(;a!==null&&o!==null&&o[2]&2048&&!_o(o);){let e=El(a,o,n,r|2,gl);if(e!==gl)return e;r&=-5;let t=a.parent;if(!t){let e=o[20];if(e){let t=e.get(n,gl,r);if(t!==gl)return t}t=Rl(o),o=o[14]}a=t}return i}function Rl(e){let t=e[1],n=t.type;return n===2?t.declTNode:n===1?e[5]:null}function zl(e){return{token:e.token,providedIn:e.autoProvided===!1?null:`root`,factory:e.factory,value:void 0}}function Bl(){return Vl(Jo(),Ko())}function Vl(e,t){return new Hl(Co(e,t))}var Hl=(()=>{class e{nativeElement;constructor(e){this.nativeElement=e}static __NG_ELEMENT_ID__=Bl}return e})();function Ul(e){return e instanceof Hl?e.nativeElement:e}function Wl(){return this._results[Symbol.iterator]()}var Gl=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 Jr}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=_a(e);(this._changesDetected=!ga(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]=Wl};function Kl(e){return(e.flags&128)==128}var ql=(function(e){return e[e.OnPush=0]=`OnPush`,e[e.Eager=1]=`Eager`,e[e.Default=1]=`Default`,e})(ql||{}),Jl=new Map,Yl=0;function Xl(){return Yl++}function Zl(e){Jl.set(e[19],e)}function Ql(e){Jl.delete(e[19])}var $l=`__ngContext__`;function eu(e,t){uo(t)?(e[$l]=t[19],Zl(t)):e[$l]=t}function tu(e){return ru(e[12])}function nu(e){return ru(e[4])}function ru(e){for(;e!==null&&!fo(e);)e=e[4];return e}var iu=void 0;function au(e){iu=e}function ou(){if(iu!==void 0)return iu;if(typeof document<`u`)return document;throw new _i(210,!1)}var su=!1,cu=new Fi(``,{factory:()=>su}),lu=new WeakMap;function uu(e,t){if(typeof e!=`object`||!e)return;let n=lu.get(e);n||(n=new WeakSet,lu.set(e,n)),n.add(t)}function du(e){return(e.flags&32)==32}var fu=()=>null;function pu(e,t,n=!1){return fu(e,t,n)}function mu(e,t){let n=e.contentQueries;if(n!==null){let r=nn(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];cs(i),n.contentQueries(2,t[a],a)}}}finally{nn(r)}}}function hu(e,t,n){cs(0);let r=nn(null);try{t(e,n)}finally{nn(r)}}function gu(e,t,n){if(po(t)){let r=nn(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{nn(r)}}}var _u=(function(e){return e[e.Emulated=0]=`Emulated`,e[e.None=2]=`None`,e[e.ShadowDom=3]=`ShadowDom`,e[e.ExperimentalIsolatedShadowDom=4]=`ExperimentalIsolatedShadowDom`,e})(_u||{}),vu=class{changingThisBreaksApplicationSecurity;constructor(e){this.changingThisBreaksApplicationSecurity=e}toString(){return`SafeValue must use [property]=binding: ${this.changingThisBreaksApplicationSecurity} (see ${gi})`}};function yu(e){return e instanceof vu?e.changingThisBreaksApplicationSecurity:e}function bu(e,t){let n=xu(e);if(n!=null&&n!==t){if(n===`ResourceURL`&&t===`URL`)return!0;throw Error(`Required a safe ${t}, got a ${n} (see ${gi})`)}return n===t}function xu(e){return e instanceof vu&&e.getTypeName()||null}var Su=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;function Cu(e){return e=String(e),e.match(Su)?e:`unsafe:`+e}var Kee=/^>|^->|<!--|-->|--!>|<!-$/g,qee=/(<|>)/g,Jee=`​$1​`;function Yee(e){return e.replace(Kee,e=>e.replace(qee,Jee))}function Xee(e,t){return e.createText(t)}function Zee(e,t,n){e.setValue(t,n)}function Qee(e,t){return e.createComment(Yee(t))}function wu(e,t,n){return e.createElement(t,n)}function Tu(e,t,n,r,i){e.insertBefore(t,n,r,i)}function Eu(e,t,n){e.appendChild(t,n)}function Du(e,t,n,r,i){r===null?Eu(e,t,n):Tu(e,t,n,r,i)}function Ou(e,t,n,r){e.removeChild(null,t,n,r)}function $ee(e,t,n){e.setAttribute(t,`style`,n)}function ete(e,t,n){n===``?e.removeAttribute(t,`class`):e.setAttribute(t,`class`,n)}function ku(e,t,n){let{mergedAttrs:r,classes:i,styles:a}=n;r!==null&&nl(e,t,r),i!==null&&ete(e,t,i),a!==null&&$ee(e,t,a)}function Au(e){let t=tte();return t?t.sanitize(yo.URL,e)||``:bu(e,`URL`)?yu(e):Cu(qi(e))}function tte(){let e=Ko();return e&&e[10].sanitizer}function ju(e){return e.ownerDocument.defaultView}function Mu(e){return e.ownerDocument}function nte(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 Nu=`ng-template`;function rte(e,t,n,r){let i=0;if(r){for(;i<t.length&&typeof t[i]==`string`;i+=2)if(t[i]===`class`&&nte(t[i+1].toLowerCase(),n,0)!==-1)return!0}else if(Pu(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 Pu(e){return e.type===4&&e.value!==Nu}function ite(e,t,n){return t===(e.type===4&&!n?Nu:e.value)}function ate(e,t,n){let r=4,i=e.attrs,a=i===null?0:cte(i),o=!1;for(let s=0;s<t.length;s++){let c=t[s];if(typeof c==`number`){if(!o&&!Fu(r)&&!Fu(c))return!1;if(o&&Fu(c))continue;o=!1,r=c|r&1;continue}if(!o){if(r&4){if(r=2|r&1,c!==``&&!ite(e,c,n)||c===``&&t.length===1){if(Fu(r))return!1;o=!0}}else if(r&8){if(i===null||!rte(e,i,c,n)){if(Fu(r))return!1;o=!0}}else{let l=t[++s],u=ote(c,i,Pu(e),n);if(u===-1){if(Fu(r))return!1;o=!0;continue}if(l!==``){let e;if(e=u>a?``:i[u+1].toLowerCase(),r&2&&l!==e){if(Fu(r))return!1;o=!0}}}}}return Fu(r)||o}function Fu(e){return!(e&1)}function ote(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 lte(t,e)}function Iu(e,t,n=!1){for(let r=0;r<t.length;r++)if(ate(e,t[r],n))return!0;return!1}function ste(e){let t=e.attrs;if(t!=null){let e=t.indexOf(5);if(!(e&1))return t[e+1]}return null}function cte(e){for(let t=0;t<e.length;t++){let n=e[t];if(rl(n))return t}return e.length}function lte(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 ute(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 Lu(e,t){return e?`:not(`+t.trim()+`)`:t}function dte(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!==``&&!Fu(o)&&(t+=Lu(a,i),i=``),r=o,a||=!Fu(r);n++}return i!==``&&(t+=Lu(a,i)),t}function fte(e){return e.map(dte).join(`,`)}function pte(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(!Fu(i))break;i=a}r++}return n.length&&t.push(1,...n),t}var Ru={},zu=(function(e){return e[e.Important=1]=`Important`,e[e.DashCase=2]=`DashCase`,e})(zu||{}),mte;function Bu(e,t){return mte(e,t)}var hte=new Fi(``,{factory:()=>!1});function Vu(e){if(!e)return 0;let t=e.toLowerCase().indexOf(`ms`)>-1?1:1e3;return parseFloat(e)*t}function Hu(e,t){return e.getPropertyValue(t).split(`,`).map(e=>e.trim())}function gte(e){let t=Hu(e,`transition-property`),n=Hu(e,`transition-duration`),r=Hu(e,`transition-delay`),i={propertyName:``,duration:0,animationName:void 0};for(let e=0;e<t.length;e++){let a=Vu(r[e])+Vu(n[e]);a>i.duration&&(i.propertyName=t[e],i.duration=a)}return i}function _te(e){let t=Hu(e,`animation-name`),n=Hu(e,`animation-delay`),r=Hu(e,`animation-duration`),i=Hu(e,`animation-iteration-count`),a={animationName:``,propertyName:void 0,duration:0};for(let e=0;e<t.length;e++){let o=Vu(n[e])+Vu(r[e]),s=i[e];o>a.duration&&s!==`infinite`&&(a.animationName=t[e],a.duration=o)}return a}function Uu(e,t){return e!==void 0&&e.duration>t.duration}function Wu(e){return(e.animationName!=null||e.propertyName!=null)&&e.duration>0}function Gu(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 vte(e,t){let n=getComputedStyle(e),r=_te(n),i=gte(n),a=r.duration>i.duration?r:i;Uu(t.get(e),a)||Wu(a)&&t.set(e,a)}function yte(e,t,n){if(!n)return;let r=e.getAnimations();return r.length===0?vte(e,t):bte(e,t,r)}function bte(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=Gu(e)??0,n,i;e.animationName?i=e.animationName:n=e.transitionProperty,t>=r.duration&&(r={animationName:i,propertyName:n,duration:t})}Uu(t.get(e),r)||Wu(r)&&t.set(e,r)}var Ku=new Set,xte=!1,Ste=1,qu=typeof document<`u`&&typeof document?.documentElement?.getAnimations==`function`;function Cte(e){return e[9].get(hte,xte)}function wte(e,t,n){let r=Yu.get(e);if(r){for(let e of t)r.classList.push(e);for(let e of n)r.cleanupFns.push(e)}else Yu.set(e,{classList:t,cleanupFns:n})}function Ju(e){let t=Yu.get(e);if(t){for(let e of t.cleanupFns)e();Yu.delete(e)}Xu.delete(e)}var Yu=new WeakMap,Xu=new WeakMap,Zu=new WeakMap;function Qu(e){return e?e[14]??e:null}var $u=new WeakSet;function Tte(e,t,n){let r=Zu.get(e);if(!r||r.length===0)return;let i=t.parentNode,a=t.previousSibling,o=Qu(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),$u.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 Ete(e,t,n){let r=Qu(n),i=Zu.get(e);i?i.some(e=>e.el===t)||i.push({el:t,declarationView:r}):Zu.set(e,[{el:t,declarationView:r}])}function ed(e){let t=e[26]??={};return t.enter??=new Map}function Dte(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 td(e){return e.composedPath?e.composedPath()[0]:e.target}function nd(e,t){let n=Xu.get(t);if(n===void 0)return!0;if(t!==td(e))return!1;let r=e.animation;if(r){let e=Gu(r);if(e!==void 0&&e+Ste<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 Ote(e,t,n){let r=e.get(t.index)??{animateFns:[]};r.animateFns.push(n),e.set(t.index,r)}var rd=(function(e){return e[e.CHANGE_DETECTION=0]=`CHANGE_DETECTION`,e[e.AFTER_NEXT_RENDER=1]=`AFTER_NEXT_RENDER`,e})(rd||{}),id=new Fi(``),ad=new Set;function od(e){ad.has(e)||(ad.add(e),performance?.mark?.(`mark_feature_usage`,{detail:{feature:e}}))}var sd=(()=>{class e{impl=null;execute(){this.impl?.execute()}static ɵprov=Oi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),cd=[0,1,2,3],ld=(()=>{class e{ngZone=C(Us);scheduler=C(fc);errorHandler=C(tc,{optional:!0});sequences=new Set;deferredRegistrations=new Set;executing=!1;constructor(){C(id,{optional:!0})}execute(){let e=this.sequences.size>0;e&&Uc(Ac.AfterRenderHooksStart),this.executing=!0;for(let e of cd)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&&Uc(Ac.AfterRenderHooksEnd)}register(e){let{view:t}=e;t===void 0?this.executing?this.deferredRegistrations.add(e):this.addSequence(e):((t[25]??=[]).push(e),Po(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(rd.AFTER_NEXT_RENDER,e):e()}static ɵprov=Oi({token:e,providedIn:`root`,factory:()=>new e})}return e})(),ud=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 dd(e,t){let n=t?.injector??C(ks);return od(`NgAfterNextRender`),Ate(e,n,t,!0)}function kte(e){return e instanceof Function?[void 0,void 0,e,void 0]:[e.earlyRead,e.write,e.mixedReadWrite,e.read]}function Ate(e,t,n,r){let i=t.get(sd);i.impl??=t.get(ld);let a=t.get(id,null,{optional:!0}),o=n?.manualCleanup===!0?null:t.get(js),s=t.get(uc,null,{optional:!0}),c=new ud(i.impl,kte(e),s?.view,r,o,a?.snapshot(null));return i.impl.register(c),c}var fd=new Fi(``,{factory:()=>{let e=C(Ya),t=new Set;return e.onDestroy(()=>t.clear()),{queue:t,isScheduled:!1,scheduler:null,injector:e}}});function pd(e,t,n){let r=e.get(fd);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 jte(e,t){let n=e.get(fd);if(Array.isArray(t))for(let e of t)n.queue.delete(e);else n.queue.delete(t)}function Mte(e,t){let n=e.get(fd);if(t.detachedLeaveAnimationFns){for(let e of t.detachedLeaveAnimationFns)n.queue.delete(e);t.detachedLeaveAnimationFns=void 0}}function Nte(e){let t=e.get(fd);t.isScheduled||=(dd(()=>{t.isScheduled=!1;for(let e of t.queue)e();t.queue.clear()},{injector:t.injector}),!0)}function Pte(e){let t=e.get(fd);t.scheduler=Nte,t.scheduler(e)}function md(e,t){for(let[n,r]of t)pd(e,r.animateFns)}function hd(e,t,n,r){let i=e?.[26]?.enter;t!==null&&i&&i.has(n.index)&&md(r,i)}function gd(e,t,n,r){try{n.get(Aa)}catch{return r(!1)}let i=e?.[26];i?.enter?.has(t.index)&&jte(n,i.enter.get(t.index).animateFns);let a=_d(e,t,i);if(a.size===0){let n=!1;if(e){let r=[];yd(e,t,r),n=r.length>0}if(!n)return r(!1)}e&&Ku.add(e[19]),pd(n,()=>vd(e,t,i||void 0,a,r),i||void 0)}function _d(e,t,n){let r=new Map,i=n?.leave;if(i&&i.has(t.index)&&r.set(t.index,i.get(t.index)),e&&i)for(let[n,a]of i){if(r.has(n))continue;let i=e[1].data[n].parent;for(;i;){if(i===t){r.set(n,a);break}i=i.parent}}return r}function vd(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&&yd(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),xd(e,t.running,i)}else Promise.allSettled(a).then(()=>{e&&Ku.delete(e[19]),i(!0)})}else e&&Ku.delete(e[19]),i(!1)}function yd(e,t,n){if(t.type&12){let r=e[t.index];if(fo(r))for(let e=10;e<r.length;e++){let t=r[e];t[1].type===2&&bd(t,n)}}let r=t.child;for(;r;)yd(e,r,n),r=r.next}function bd(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;)yd(e,r,t),r=r.next}function xd(e,t,n){t.then(()=>{e[26]?.running===t&&(e[26].running=void 0,Ku.delete(e[19])),n(!0)})}function Sd(e,t,n,r,i,a,o,s){if(i!=null){let c,l=!1;fo(i)?c=i:uo(i)&&(l=!0,i=i[0]);let u=xo(i);e===0&&r!==null?(hd(s,r,a,n),o==null?Eu(t,r,u):Tu(t,r,u,o||null,!0)):e===1&&r!==null?(hd(s,r,a,n),Tu(t,r,u,o||null,!0),Tte(a,u,s)):e===2?(s?.[26]?.leave?.has(a.index)&&Ete(a,u,s),$u.delete(u),gd(s,a,n,e=>{if($u.has(u)){$u.delete(u);return}Ou(t,u,l,e)})):e===3&&($u.delete(u),gd(s,a,n,()=>{t.destroyNode(u)})),c!=null&&Kd(t,e,n,c,a,r,o)}}function Cd(e,t){Td(e,t),t[0]=null,t[5]=null}function wd(e,t,n,r,i,a){r[0]=i,r[5]=t,Hd(e,r,n,1,i,a)}function Td(e,t){t[10].changeDetectionScheduler?.notify(9),Hd(e,t,t[11],2,null,null)}function Ed(e){let t=e[12];if(!t)return kd(e[1],e);for(;t;){let n=null;if(uo(t))n=t[12];else{let e=t[10];e&&(n=e)}if(!n){for(;t&&!t[4]&&t!==e;)uo(t)&&kd(t[1],t),t=t[3];t===null&&(t=e),uo(t)&&kd(t[1],t),n=t&&t[4]}t=n}}function Dd(e,t){let n=e[9],r=n.indexOf(t);n.splice(r,1)}function Od(e,t){if(vo(t))return;let n=t[11];n.destroyNode&&Hd(e,t,n,3,null,null),Ed(t)}function kd(e,t){if(vo(t))return;let n=nn(null);try{t[2]&=-129,t[2]|=256,t[24]&&vn(t[24]),jd(e,t),Ad(e,t),t[1].type===1&&t[11].destroy();let n=t[16];if(n!==null&&fo(t[3])){n!==t[3]&&Dd(n,t);let r=t[18];r!==null&&r.detachView(e)}Ql(t)}finally{nn(n)}}function Ad(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 jd(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 $c)){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];Uc(Ac.LifecycleHookStart,n,i);try{i.call(n)}finally{Uc(Ac.LifecycleHookEnd,n,i)}}else{Uc(Ac.LifecycleHookStart,r,t);try{t.call(r)}finally{Uc(Ac.LifecycleHookEnd,r,t)}}}}}function Md(e,t,n){if(t===null)throw new _i(510,!1);return Nd(e,t.parent,n)}function Nd(e,t,n){let r=t;for(;r!==null&&r.type&168;)t=r,r=t.parent;if(r===null)return n[0];if(mo(r)){let{encapsulation:t}=e.data[r.directiveStart+r.componentOffset];if(t===_u.None||t===_u.Emulated)return null}return Co(r,n)}function Pd(e,t,n){return Id(e,t,n)}function Fd(e,t,n){return e.type&40?Co(e,n):null}var Id=Fd;function Ld(e,t,n,r){let i=Md(e,r,t),a=t[11],o=Pd(r.parent||t[5],r,t);if(i!=null){if(Array.isArray(n))for(let e=0;e<n.length;e++)Du(a,i,n[e],o,!1);else Du(a,i,n,o,!1)}}function Rd(e,t){if(t!==null){let n=t.type;if(n&3)return Co(t,e);if(n&4)return Bd(-1,e[t.index]);if(n&8){let n=t.child;if(n!==null)return Rd(e,n);{let n=e[t.index];return fo(n)?Bd(-1,n):xo(n)}}if(n&128)return Rd(e,t.next);if(n&32)return Bu(t,e)()||xo(e[t.index]);{let n=zd(e,t);return n===null?Rd(e,t.next):Array.isArray(n)?n[0]:Rd(Io(e[15]),n)}}return null}function zd(e,t){if(t!==null){let n=e[15][5],r=t.projection;return n.projection[r]}return null}function Bd(e,t){let n=10+e+1;if(n<t.length){let e=t[n],r=e[1].firstChild;if(r!==null)return Rd(e,r)}return t[7]}function Vd(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&&eu(xo(c),r),n.flags|=2),!du(n)){if(l&8)Vd(e,t,n.child,r,i,a,!1),Sd(t,e,s,i,c,n,a,r);else if(l&32){let o=Bu(n,r),l;for(;l=o();)Sd(t,e,s,i,l,n,a,r);Sd(t,e,s,i,c,n,a,r)}else l&16?Gd(e,t,r,n,i,a):Sd(t,e,s,i,c,n,a,r)}n=o?n.projectionNext:n.next}}function Hd(e,t,n,r,i,a){e.type===3?Ud(n,r,t,i,a):Vd(n,r,e.firstChild,t,i,a,!1)}function Ud(e,t,n,r,i){let a=n[1].firstChild,o=a.next,s=xo(n[a.index]),c=xo(n[o.index]),l=o.index+1,u=n[l];if(t===1||t===0)r!==null&&(u&&u.hasChildNodes()?Tu(e,r,u,i,!0):(Tu(e,r,s,i,!0),Tu(e,r,c,i,!0)));else if(t===2){if(u||(u=document.createDocumentFragment(),n[l]=u),s&&s.parentNode===u)return;let e=s;for(;e!==null;){let t=e.nextSibling;if(u.appendChild(e),e===c)break;e=t}}}function Wd(e,t,n){let r=t[11];Gd(r,0,t,n,Md(e,n,t),Pd(n.parent||t[5],n,t))}function Gd(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];Sd(t,e,n[9],i,c,r,a,n)}else{let n=s,c=o[3];Kl(r)&&(n.flags|=128),Vd(e,t,n,c,i,a,!0)}}function Kd(e,t,n,r,i,a,o){let s=r[7];if(s!==xo(r)&&Sd(t,e,n,a,s,i,o),!(r[2]&4))for(let n=10;n<r.length;n++){let i=r[n];Hd(i[1],i,e,t,a,s)}}function qd(e,t,n,r,i){if(t)i?e.addClass(n,r):e.removeClass(n,r);else{let t=r.indexOf(`-`)===-1?void 0:zu.DashCase;i==null?e.removeStyle(n,r,t):(typeof i==`string`&&i.endsWith(`!important`)&&(i=i.slice(0,-10),t|=zu.Important),e.setStyle(n,r,i,t))}}function Jd(e,t,n,r,i,a,o,s,c,l,u){let d=27+r,f=d+i,p=Yd(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 Yd(e,t){let n=[];for(let r=0;r<t;r++)n.push(r<e?null:Ru);return n}function Xd(e){let t=e.tView;return t===null||t.incompleteFirstPass?e.tView=Jd(1,null,e.template,e.decls,e.vars,e.directiveDefs,e.pipeDefs,e.viewQuery,e.schemas,e.consts,e.id):t}function Zd(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),Ao(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]=Xl(),d[6]=u,d[20]=l,d[15]=t.type==2?e[15]:d,d}function Qd(e,t,n){let r=Co(t,e),i=Xd(n),a=e[10].rendererFactory,o=tf(e,Zd(e,i,null,$d(n),r,t,null,a.createRenderer(r,n),null,null,null));return e[t.index]=o}function $d(e){let t=16;return e.signals?t=4096:e.onPush&&(t=64),t}function ef(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 tf(e,t){return e[12]?e[13][4]=t:e[12]=t,e[13]=t,t}function O(e=1){nf(qo(),Ko(),vs()+e,!1)}function nf(e,t,n,r){if(!r){if((t[2]&3)==3){let r=e.preOrderCheckHooks;r!==null&&Kc(t,r,n)}else{let r=e.preOrderHooks;r!==null&&qc(t,r,0,n)}}ys(n)}var rf=(function(e){return e[e.None=0]=`None`,e[e.SignalBased=1]=`SignalBased`,e[e.HasDecoratorInputTransform=2]=`HasDecoratorInputTransform`,e})(rf||{});function af(e,t,n,r){let i=nn(null);try{let[i,a,o]=e.inputs[n],s=null;(a&rf.SignalBased)!==0&&(s=t[i][tn]),s!==null&&s.transformFn!==void 0?r=s.transformFn(r):o!==null&&(r=o.call(t,r)),e.setInput===null?Mc(t,s,i,r):e.setInput(t,s,r,n,i)}finally{nn(i)}}function of(e,t,n,r,i){let a=vs(),o=r&2;try{ys(-1),o&&t.length>27&&nf(e,t,27,!1),Uc(o?Ac.TemplateUpdateStart:Ac.TemplateCreateStart,i,n),n(r,i)}finally{ys(a),Uc(o?Ac.TemplateUpdateEnd:Ac.TemplateCreateEnd,i,n)}}function sf(e,t,n){mf(e,t,n),(n.flags&64)==64&&hf(e,t,n)}function cf(e,t,n=Co){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 lf(e,t,n,r){let i=r.get(cu,su)||n===_u.ShadowDom||n===_u.ExperimentalIsolatedShadowDom;return e.selectRootElement(t,i)}function uf(e){return e===`class`?`className`:e===`for`?`htmlFor`:e===`formaction`?`formAction`:e===`innerHtml`?`innerHTML`:e===`readonly`?`readOnly`:e===`tabindex`?`tabIndex`:e}function df(e,t,n,r,i,a){let o=t[1];if(wf(e,o,t,n,r)){mo(e)&&pf(t,e.index);return}e.type&3&&(n=uf(n)),ff(e,t,n,r,i,a)}function ff(e,t,n,r,i,a){if(e.type&3){let o=Co(e,t);r=a==null?r:a(r,e.value||``,n),i.setProperty(o,n,r)}else e.type&12}function pf(e,t){let n=Do(t,e);n[2]&16||(n[2]|=64)}function mf(e,t,n){let r=n.directiveStart,i=n.directiveEnd;mo(n)&&Qd(t,n,e.data[r+n.componentOffset]),e.firstCreatePass||vl(n,t);let a=n.initialInputs;for(let o=r;o<i;o++){let i=e.data[o],s=kl(t,e,o,n);if(eu(s,t),a!==null&&bf(t,o-r,s,i,n,a),go(i)){let r=Do(n.index,t);r[8]=kl(t,e,o,n)}}}function hf(e,t,n){let r=n.directiveStart,i=n.directiveEnd,a=n.index,o=Wee();try{ys(a);for(let n=r;n<i;n++){let r=e.data[n],i=t[n];os(n),(r.hostBindings!==null||r.hostVars!==0||r.hostAttrs!==null)&&gf(r,i)}}finally{ys(-1),os(o)}}function gf(e,t){e.hostBindings!==null&&e.hostBindings(1,t)}function _f(e,t){let n=e.directiveRegistry,r=null;if(n)for(let e=0;e<n.length;e++){let i=n[e];Iu(t,i.selectors,!1)&&(r??=[],go(i)?r.unshift(i):r.push(i))}return r}function vf(e,t,n,r,i,a){let o=Co(e,t);yf(t[11],o,a,e.value,n,r,i)}function yf(e,t,n,r,i,a,o){if(a==null)o?.(a,r||``,i),e.removeAttribute(t,i,n);else{let s=o==null?qi(a):o(a,r||``,i);e.setAttribute(t,i,s,n)}}function bf(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];af(r,n,t,i)}}function xf(e,t,n,r,i){let a=27+n,o=t[1],s=i(o,t,e,r,n);t[a]=s,Xo(e,!0);let c=e.type===2;return c?(ku(t[11],s,e),(Ree()===0||ho(e))&&eu(s,t),zee()):eu(s,t),Ts()&&(!c||!du(e))&&Ld(o,t,s,e),e}function Sf(e){let t=e;return Zo()?Qo():(t=t.parent,Xo(t,!1)),t}function Cf(e,t){let n=e[9];if(!n)return;let r;try{r=n.get(nc,null)}catch{r=null}r?.(t)}function wf(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];af(c,n[r],a,i),s=!0}if(a)for(let e of a){let a=n[e],o=t.data[e];af(o,a,r,i),s=!0}return s}function Tf(e,t,n,r,i,a){let o=null,s=null,c=null,l=!1,u=e.directiveToIndex.get(r.type);if(typeof u==`number`?o=u:[o,s,c]=u,s!==null&&c!==null&&e.hostDirectiveInputs&&Object.hasOwn(e.hostDirectiveInputs,i)){let r=e.hostDirectiveInputs[i];for(let e=0;e<r.length;e+=2){let i=r[e];if(i>=s&&i<=c){let o=t.data[i],s=r[e+1];af(o,n[i],s,a),l=!0}else if(i>c)break}}return o!==null&&Object.hasOwn(r.inputs,i)&&(af(r,n[o],i,a),l=!0),l}function Ef(e,t){let n=Do(t,e),r=n[1];Df(r,n);let i=n[0];i!==null&&n[6]===null&&(n[6]=pu(i,n[9])),Uc(Ac.ComponentStart);try{Of(r,n,n[8])}finally{Uc(Ac.ComponentEnd,n[8])}}function Df(e,t){for(let n=t.length;n<e.blueprint.length;n++)t.push(e.blueprint[n])}function Of(e,t,n){ds(t);try{let r=e.viewQuery;r!==null&&hu(1,r,n);let i=e.template;i!==null&&of(e,t,i,1,n),e.firstCreatePass&&=!1,t[18]?.finishViewCreation(e),e.staticContentQueries&&mu(e,t),e.staticViewQueries&&hu(2,e.viewQuery,n);let a=e.components;a!==null&&kf(t,a)}catch(t){throw e.firstCreatePass&&=(e.incompleteFirstPass=!0,!1),t}finally{t[2]&=-5,gs()}}function kf(e,t){for(let n=0;n<t.length;n++)Ef(e,t[n])}function Af(e,t,n,r){let i=nn(null);try{let i=t.tView,a=Zd(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)),Of(i,a,n),a}finally{nn(i)}}function jf(e,t){return!t||t.firstChild===null||Kl(e)}function Mf(e,t,n,r,i=!1){if(e.type===3){let n=e.firstChild,i=n.next,a=xo(t[n.index]),o=xo(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(fo(a)){let e=a[7];e!==a[0]&&r.push(xo(a)),a[2]&4||Nf(a,r),r.push(e)}else r.push(xo(a))}let o=n.type;if(o&8)Mf(e,t,n.child,r);else if(o&32){let e=Bu(n,t),i;for(;i=e();)r.push(i)}else if(o&16){let e=zd(t,n);if(Array.isArray(e))r.push(...e);else{let n=Io(t[15]);Mf(n[1],n,e,r,!0)}}n=i?n.projectionNext:n.next}return r}function Nf(e,t){for(let n=10;n<e.length;n++){let r=e[n],i=r[1].firstChild;i!==null&&Mf(r[1],r,i,t)}}function Pf(e){if(e[25]!==null){for(let t of e[25])t.impl.addSequence(t);e[25].length=0}}var Ff=[];function If(e){return e[24]??Lf(e)}function Lf(e){let t=Ff.pop()??Object.create(zf);return t.lView=e,t}function Rf(e){e.lView[24]!==e&&(e.lView=null,Ff.push(e))}var zf={...an,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{Po(e.lView)},consumerOnSignalRead(){this.lView[24]=this}};function Bf(e){let t=e[24]??Object.create(Vf);return t.lView=e,t}var Vf={...an,consumerIsAlwaysLive:!0,kind:`template`,consumerMarkedDirty:e=>{let t=Io(e.lView);for(;t&&!Hf(t[1]);)t=Io(t);t&&jo(t)},consumerOnSignalRead(){this.lView[24]=this}};function Hf(e){return e.type!==2}function Uf(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 Wf=100;function Gf(e,t=0){let n=e[10].rendererFactory;n.begin?.();try{Kf(e,t)}finally{n.end?.()}}function Kf(e,t){let n=es();try{ts(!0),Qf(e,t);let n=0;for(;Mo(e);){if(n===Wf)throw new _i(103,!1);n++,Qf(e,1)}}finally{ts(n)}}function qf(e,t,n,r){if(vo(t))return;let i=t[2];ds(t);let a=!0,o=null,s=null;Hf(e)?(s=If(t),o=pn(s)):rn()===null?(a=!1,s=Bf(t),o=pn(s)):t[24]&&=(vn(t[24]),null);try{Ao(t),Vee(e.bindingStartIndex),n!==null&&of(e,t,n,2,r);let a=(i&3)==3;if(a){let n=e.preOrderCheckHooks;n!==null&&Kc(t,n,null)}else{let n=e.preOrderHooks;n!==null&&qc(t,n,0,null),Jc(t,0)}if(Yf(t),Uf(t),Jf(t,0),e.contentQueries!==null&&mu(e,t),a){let n=e.contentCheckHooks;n!==null&&Kc(t,n)}else{let n=e.contentHooks;n!==null&&qc(t,n,1),Jc(t,1)}ep(e,t);let o=e.components;o!==null&&$f(t,o,0);let s=e.viewQuery;if(s!==null&&hu(2,s,r),a){let n=e.viewCheckHooks;n!==null&&Kc(t,n)}else{let n=e.viewHooks;n!==null&&qc(t,n,2),Jc(t,2)}if(e.firstUpdatePass===!0&&(e.firstUpdatePass=!1),t[22]){for(let e of t[22])e();t[22]=null}Pf(t),t[2]&=-73}catch(e){throw Po(t),e}finally{s!==null&&(hn(s,o),a&&Rf(s)),gs()}}function Jf(e,t){for(let n=tu(e);n!==null;n=nu(n))for(let e=10;e<n.length;e++){let r=n[e];Zf(r,t)}}function Yf(e){for(let t=tu(e);t!==null;t=nu(t)){if(!(t[2]&2))continue;let e=t[9];for(let t=0;t<e.length;t++){let n=e[t];jo(n)}}}function Xf(e,t,n){Uc(Ac.ComponentStart);let r=Do(t,e);try{Zf(r,n)}finally{Uc(Ac.ComponentEnd,r[8])}}function Zf(e,t){Oo(e)&&Qf(e,t)}function Qf(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&&_n(i)),a||=!1,i&&(i.dirty=!1),e[2]&=-9217,a)qf(n,e,n.template,e[8]);else if(r&8192){let t=nn(null);try{Uf(e),Jf(e,1);let t=n.components;t!==null&&$f(e,t,1),Pf(e)}finally{nn(t)}}}function $f(e,t,n){for(let r=0;r<t.length;r++)Xf(e,t[r],n)}function ep(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)ys(~r);else{let i=r,a=n[++e],o=n[++e];Uee(a,i);let s=t[i];Uc(Ac.HostBindingsUpdateStart,s);try{o(2,s)}finally{Uc(Ac.HostBindingsUpdateEnd,s)}}}}finally{ys(-1)}}function tp(e,t){let n=es()?64:1088;for(e[10].changeDetectionScheduler?.notify(t);e;){e[2]|=n;let t=Io(e);if(_o(e)&&!t)return e;e=t}return null}function np(e,t,n,r){return[e,!0,0,t,null,r,null,n,null,null]}function rp(e,t){let n=10+t;if(n<e.length)return e[n]}function ip(e,t,n,r=!0){let i=t[1];if(sp(i,t,e,n),r){let r=Bd(n,e),a=t[11],o=a.parentNode(e[7]);o!==null&&wd(i,e[5],a,t,o,r)}let a=t[6];a!==null&&a.firstChild!==null&&(a.firstChild=null)}function ap(e,t){let n=op(e,t);return n!==void 0&&Od(n[1],n),n}function op(e,t){if(e.length<=10)return;let n=10+t,r=e[n];if(r){let i=r[16];i!==null&&i!==e&&Dd(i,r),t>0&&(e[n-1][4]=r[4]);let a=ba(e,10+t);Cd(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 sp(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],ya(n,10+r,t)):(n.push(t),t[4]=null),t[3]=n;let o=t[16];o!==null&&n!==o&&cp(o,t);let s=t[18];s!==null&&s.insertView(e),No(t),t[2]|=128}function cp(e,t){let n=e[9],r=t[3];if(uo(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 lp=class{_lView;_cdRefInjectingView;_appRef=null;_attachedToViewContainer=!1;exhaustive;get rootNodes(){let e=this._lView,t=e[1];return Mf(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 vo(this._lView)}destroy(){if(this._appRef)this._appRef.detachView(this);else if(this._attachedToViewContainer){let e=this._lView[3];if(fo(e)){let t=e[8],n=t?t.indexOf(this):-1;n>-1&&(op(e,n),ba(t,n))}this._attachedToViewContainer=!1}Od(this._lView[1],this._lView)}onDestroy(e){Fo(this._lView,e)}markForCheck(){tp(this._cdRefInjectingView||this._lView,4)}detach(){this._lView[2]&=-129}reattach(){No(this._lView),this._lView[2]|=128}detectChanges(){this._lView[2]|=1024,Gf(this._lView)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new _i(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null;let e=_o(this._lView),t=this._lView[16];t!==null&&!e&&Dd(t,this._lView),Td(this._lView[1],this._lView)}attachToAppRef(e){if(this._attachedToViewContainer)throw new _i(902,!1);this._appRef=e;let t=_o(this._lView),n=this._lView[16];n!==null&&!t&&cp(n,this._lView),No(this._lView)}},up=(()=>{class e{_declarationLView;_declarationTContainer;elementRef;static __NG_ELEMENT_ID__=dp;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 lp(Af(this._declarationLView,this._declarationTContainer,e,{embeddedViewInjector:t,dehydratedView:n}))}}return e})();function dp(){return fp(Jo(),Ko())}function fp(e,t){return e.type&4?new up(t,e,Vl(e,t)):null}function pp(e,t,n,r,i){let a=e.data[t];if(a===null)a=mp(e,t,n,r,i),Hee()&&(a.flags|=32);else if(a.type&64){a.type=n,a.value=r,a.attrs=i;let e=Bee();a.injectorIndex=e===null?-1:e.injectorIndex}return Xo(a,!0),a}function mp(e,t,n,r,i){let a=Yo(),o=Zo(),s=o?a:a&&a.parent,c=e.data[t]=gp(e,s,n,t,r,i);return hp(e,c,a,o),c}function hp(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 gp(e,t,n,r,i,a){let o=t?t.injectorIndex:-1,s=0;return Uo()&&(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:Cs(),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?vp(e,n):r.push(e);e[6]=r}function vp(e,t){let n=0,r=e.firstChild;if(r){let i=e.data.r;for(;n<i;){let e=r.nextSibling;Ou(t,r,!1),r=e,n++}}}var yp=()=>null,bp=()=>null;function xp(e,t){return yp(e,t)}function Sp(e,t,n){return bp(e,t,n)}var Cp=class{},wp=class{},Tp=class{destroyNode=null;static __NG_ELEMENT_ID__=()=>Ep()};function Ep(){let e=Ko(),t=Do(Jo().index,e);return(uo(t)?t:e)[11]}var Dp=(()=>{class e{static ɵprov=Oi({token:e,providedIn:`root`,factory:()=>null})}return e})();function Op(e){return e.debugInfo?.className||e.type.name||null}var kp={},Ap=class{injector;parentInjector;constructor(e,t){this.injector=e,this.parentInjector=t}get(e,t,n){let r=this.injector.get(e,kp,n);return r!==kp||t===kp?r:this.parentInjector.get(e,t,n)}};function jp(e,t,n){return e[t]=n}function Mp(e,t){return e[t]}function Np(e,t,n){if(n===Ru)return!1;let r=e[t];return!Object.is(r,n)&&(e[t]=n,!0)}function Pp(e,t,n,r){let i=Np(e,t,n);return Np(e,t+1,r)||i}function Fp(e,t,n,r,i){let a=Pp(e,t,n,r);return Np(e,t+2,i)||a}function Ip(e,t,n,r,i,a){let o=Pp(e,t,n,r);return Pp(e,t+2,i,a)||o}function Lp(e,t,n){return function r(i){let a=r.__ngNativeEl__;a!==void 0&&uu(i,a),tp(mo(e)?Do(e.index,t):t,5);let o=t[8],s=Rp(t,o,n,i),c=r.__ngNextListenerFn__;for(;c;)s=Rp(t,o,c,i)&&s,c=c.__ngNextListenerFn__;return s}}function Rp(e,t,n,r){let i=nn(null);try{return Uc(Ac.OutputStart,t,n),n(r)!==!1}catch(t){return Cf(e,t),!1}finally{Uc(Ac.OutputEnd,t,n),nn(i)}}function zp(e,t,n,r,i,a,o,s){let c=ho(e),l=!1,u=null;if(!r&&c&&(u=Vp(t,n,a,e.index)),u!==null){let e=u.__ngLastListenerFn__||u;e.__ngNextListenerFn__=o,u.__ngLastListenerFn__=o,l=!0}else{let o=Co(e,n),c=r?r(o):o;r||(s.__ngNativeEl__=o);let l=i.listen(c,a,s);Bp(a)||Hp(r?t=>r(xo(t[e.index])):e.index,t,n,a,s,l,!1)}return l}function Bp(e){return e.startsWith(`animation`)||e.startsWith(`transition`)}function Vp(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 Hp(e,t,n,r,i,a,o){let s=t.firstCreatePass?Ro(t):null,c=Lo(n),l=c.length;c.push(i,a),s&&s.push(r,e,l,(l+1)*(o?-1:1))}function Up(e,t,n,r,i){let a=null,o=null,s=null,c=!1,l=e.directiveToIndex.get(n.type);if(typeof l==`number`?a=l:[a,o,s]=l,o!==null&&s!==null&&e.hostDirectiveOutputs&&Object.hasOwn(e.hostDirectiveOutputs,r)){let n=e.hostDirectiveOutputs[r];for(let a=0;a<n.length;a+=2){let l=n[a];if(l>=o&&l<=s)c=!0,Wp(e,t,l,n[a+1],r,i);else if(l>s)break}}return Object.hasOwn(n.outputs,r)&&(c=!0,Wp(e,t,a,r,r,i)),c}function Wp(e,t,n,r,i,a){let o=t[n],s=t[1],c=o[s.data[n].outputs[r]].subscribe(a);Hp(e.index,s,t,i,a,c,!0)}function Gp(){Kp()}function Kp(){let e=Ko(),t=qo(),n=Jo();if(t.firstCreatePass&&Qp(t,n),n.controlDirectiveIndex===-1)return;od(`NgSignalForms`);let r=e[n.controlDirectiveIndex];t.data[n.controlDirectiveIndex].controlDef.create(r,new Yp(e,t,n))}function qp(){Jp()}function Jp(){let e=Ko(),t=qo(),n=bs();if(n.controlDirectiveIndex===-1)return;let r=t.data[n.controlDirectiveIndex].controlDef,i=e[n.controlDirectiveIndex];r.update(i,new Yp(e,t,n))}var Yp=class{lView;tView;tNode;hasPassThrough;constructor(e,t,n){this.lView=e,this.tView=t,this.tNode=n,this.hasPassThrough=!!(n.flags&4096)}get customControl(){return this.tNode.customControlIndex===-1?void 0:this.lView[this.tNode.customControlIndex]}get nativeElement(){return Co(this.tNode,this.lView)}get descriptor(){return`<${this.tNode.value}>`}listenToCustomControlOutput(e,t){let n=this.tView.data[this.tNode.customControlIndex];Up(this.tNode,this.lView,n,e,Lp(this.tNode,this.lView,t))}listenToCustomControlModel(e){let t=this.tNode.flags&1024?`valueChange`:`checkedChange`,n=this.tView.data[this.tNode.customControlIndex];Up(this.tNode,this.lView,n,t,Lp(this.tNode,this.lView,e))}listenToDom(e,t){zp(this.tNode,this.tView,this.lView,void 0,this.lView[11],e,t,Lp(this.tNode,this.lView,t))}setInputOnDirectives(e,t,n){let r=this.tNode.inputs?.[e],i=this.tNode.hostDirectiveInputs?.[e];if(!r&&!i)return!1;let a=!1;if(r)for(let i of r){if(i===this.tNode.controlDirectiveIndex)continue;let r=this.lView[i],o=this.tView.data[i];(!n||n(Zp(r,o,e)))&&(af(o,r,e,t),a=!0)}if(i)for(let r=0;r<i.length;r+=2){let o=i[r];if(o===this.tNode.controlDirectiveIndex)continue;let s=this.lView[o],c=i[r+1],l=this.tView.data[o];(!n||n(Zp(s,l,e)))&&(af(l,s,c,t),a=!0)}return a}setCustomControlModelInput(e){let t=this.tView.data[this.tNode.customControlIndex],n=this.tNode.flags&1024?`value`:`checked`;Tf(this.tNode,this.tView,this.lView,t,n,e)}customControlHasInput(e){if(this.tNode.customControlIndex===-1)return!1;let t=this.tView.data[this.tNode.customControlIndex];return(t.signalFormsInputPresence??=this._buildCustomControlInputCache(t))[e]===!0}_buildCustomControlInputCache(e){let t={};for(let n in e.inputs)t[n]=!0;if(e.hostDirectives!==null){let n=[...e.hostDirectives];for(;n.length>0;){let e=n.shift();if(typeof e!=`function`){for(let n in e.inputs)t[e.inputs[n]]=!0;let r=Xp(e.directive);r!==null&&n.push(...r);continue}for(let r of e()){if(typeof r==`function`)continue;if(r.inputs)for(let e=0;e<r.inputs.length;e+=2){let n=r.inputs[e+1]||r.inputs[e];t[n]=!0}let e=Xp(r.directive);e!==null&&n.push(...e)}}}return t}};function Xp(e){return typeof e==`function`&&`ɵdir`in e?e.ɵdir.hostDirectives??null:null}function Zp(e,t,n){if(!t.inputs||!Object.hasOwn(t.inputs,n))return;let[r,i]=t.inputs[n];if((i&rf.SignalBased)!==0){let t=e[r][tn];return t.value===Dc?void 0:t.value}return e[r]}function Qp(e,t,n){for(let n=t.directiveStart;n<t.directiveEnd;n++)if(e.data[n].controlDef){t.controlDirectiveIndex=n;break}if(t.controlDirectiveIndex===-1)return;let r=e.data[t.controlDirectiveIndex].controlDef;if(r.passThroughInput&&(t.inputs?.[r.passThroughInput]?.length??0)>1){t.flags|=4096;return}$p(e,t)}function $p(e,t){for(let n=t.directiveStart;n<t.directiveEnd;n++){let r=e.data[n];if(!t.directiveToIndex||t.directiveToIndex.has(r.type)){if(em(r,`value`)){t.flags|=1024,t.customControlIndex=n;return}if(em(r,`checked`)){t.flags|=2048,t.customControlIndex=n;return}}}if(t.hostDirectiveInputs!==null&&t.hostDirectiveOutputs!==null&&t.directiveToIndex!==null){let e=(e,n)=>{let r=t.hostDirectiveInputs[e],i=t.hostDirectiveOutputs[e+`Change`];if(!r||!i)return!1;for(let e=0;e<r.length;e+=2){let a=r[e];for(let e=0;e<i.length;e+=2)if(a===i[e])for(let e of t.directiveToIndex.values()){if(!Array.isArray(e))continue;let[r,i,o]=e;if(a>=i&&a<=o)return t.flags|=n,t.customControlIndex=r,!0}}return!1};if(e(`value`,1024)||e(`checked`,2048))return}}function em(e,t){return tm(e,t)&&nm(e,t+`Change`)}function tm(e,t){return t in e.inputs}function nm(e,t){return t in e.outputs}var rm=Symbol(`BINDING`),im=new Fi(``);function am(e,t,n){let r=n?e.styles:null,i=n?e.classes:null,a=0;if(t!==null)for(let e=0;e<t.length;e++){let n=t[e];if(typeof n==`number`)a=n;else if(a==1)i=Ci(i,n);else if(a==2){let i=n,a=t[++e];r=Ci(r,i+`: `+a+`;`)}}n?e.styles=r:e.stylesWithoutHost=r,n?e.classes=i:e.classesWithoutHost=i}function om(e,t=0){let n=Ko();return n===null?ua(e,t):Tl(Jo(),n,Ei(e),t)}function sm(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}um(e,t,n,r,a,i,s)}a!==null&&r!==null&&cm(n,r,a)}function cm(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 _i(-301,!1);r.push(t[e],i)}}function lm(e,t,n){t.componentOffset=n,(e.components??=[]).push(t.index)}function um(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&&go(a)&&(c=a,lm(e,n,i)),Sl(vl(n,t),e,a.type)}bm(n,e.data.length,s),c?.viewProvidersResolver&&c.viewProvidersResolver(c);for(let e=0;e<s;e++){let t=r[e];t.providersResolver&&t.providersResolver(t)}let l=!1,u=!1,d=ef(e,t,s,null);s>0&&(n.directiveToIndex=new Map);for(let c=0;c<s;c++){let s=r[c];if(n.mergedAttrs=al(n.mergedAttrs,s.hostAttrs),gm(e,n,t,d,s),ym(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++}dm(e,n,a)}function dm(e,t,n){for(let r=t.directiveStart;r<t.directiveEnd;r++){let i=e.data[r];if(n===null||!n.has(i))fm(0,t,i,r),fm(1,t,i,r),hm(t,r,!1);else{let e=n.get(i);pm(0,t,e,r),pm(1,t,e,r),hm(t,r,!0)}}}function fm(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),mm(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),mm(t,a)}}function mm(e,t){t===`class`?e.flags|=8:t===`style`&&(e.flags|=16)}function hm(e,t,n){let{attrs:r,inputs:i,hostDirectiveInputs:a}=e;if(r===null||!n&&i===null||n&&a===null||Pu(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 gm(e,t,n,r,i){e.data[r]=i;let a=new $c(i.factory||=ha(i.type,!0),go(i),om,null);e.blueprint[r]=a,n[r]=a,_m(e,t,r,ef(e,n,i.hostVars,Ru),i)}function _m(e,t,n,r,i){let a=i.hostBindings;if(a){let i=e.hostBindingOpCodes;i===null&&(i=e.hostBindingOpCodes=[]);let o=~t.index;vm(i)!=o&&i.push(o),i.push(n,r,a)}}function vm(e){let t=e.length;for(;t>0;){let n=e[--t];if(typeof n==`number`&&n<0)return n}return 0}function ym(e,t,n){if(n){if(t.exportAs)for(let r=0;r<t.exportAs.length;r++)n[t.exportAs[r]]=e;go(t)&&(n[``]=e)}}function bm(e,t,n){e.flags|=1,e.directiveStart=t,e.directiveEnd=t+n,e.providerIndexes=t}function xm(e,t,n,r,i,a,o,s){let c=t[1],l=c.consts,u=pp(c,e,n,r,ko(l,o));return a&&sm(c,t,u,ko(l,s),i),u.mergedAttrs=al(u.mergedAttrs,u.attrs),u.attrs!==null&&am(u,u.attrs,!1),u.mergedAttrs!==null&&am(u,u.mergedAttrs,!0),c.queries!==null&&c.queries.elementStart(c,u),u}function Sm(e,t){Gc(e,t),po(t)&&e.queries.elementEnd(t)}function Cm(e,t,n,r,i,a){let o=t.consts,s=pp(t,e,n,r,ko(o,i));if(s.mergedAttrs=al(s.mergedAttrs,s.attrs),a!=null){let e=ko(o,a);s.localNames=[];for(let t=0;t<e.length;t+=2)s.localNames.push(e[t],-1)}return s.attrs!==null&&am(s,s.attrs,!1),s.mergedAttrs!==null&&am(s,s.mergedAttrs,!0),t.queries!==null&&t.queries.elementStart(t,s),s}var wm=typeof ShadowRoot<`u`,Tm=typeof Document<`u`;function Em(e){return Object.keys(e).map(t=>{let[n,r,i]=e[t],a={propName:n,templateName:t,isSignal:(r&rf.SignalBased)!==0};return i&&(a.transform=i),a})}function Dm(e){return Object.keys(e).map(t=>({propName:e[t],templateName:t}))}function Om(e,t,n){let r=t instanceof Ya?t:t?.injector;return r&&e.getStandaloneInjector!==null&&(r=e.getStandaloneInjector(r)||r),r?new Ap(n,r):n}function km(e){let t=e.get(wp,null);if(t===null)throw new _i(407,!1);return{rendererFactory:t,sanitizer:e.get(Dp,null),changeDetectionScheduler:e.get(fc,null),ngReflect:!1,tracingService:e.get(id,null,{optional:!0})}}function Am(e,t,n){let r=Mm(e);return wu(t,r,r===`svg`?`svg`:r===`math`?bo:n)}function jm(e){if((e&&`localName`in e&&typeof e.localName==`string`?e.localName:e?.tagName)?.toLowerCase()===`script`)throw new _i(905,!1)}function Mm(e){return(e.selectors[0][0]||`div`).toLowerCase()}var Nm=class{componentDef;ngModule;selector;componentType;ngContentSelectors;isBoundToModule;cachedInputs=null;cachedOutputs=null;get inputs(){return this.cachedInputs??=Em(this.componentDef.inputs),this.cachedInputs}get outputs(){return this.cachedOutputs??=Dm(this.componentDef.outputs),this.cachedOutputs}constructor(e,t){this.componentDef=e,this.ngModule=t,this.componentType=e.type,this.selector=fte(e.selectors),this.ngContentSelectors=e.ngContentSelectors??[],this.isBoundToModule=!!t}create(e,t,n,r,i,a,o){Uc(Ac.DynamicComponentStart);let s=nn(null);try{let s=this.componentDef,c=Om(s,r||this.ngModule,e),l=km(c),u=l.tracingService;return u&&u.componentCreate?u.componentCreate(Op(s),()=>this.createComponentRef(l,c,t,n,i,a,o)):this.createComponentRef(l,c,t,n,i,a,o)}finally{nn(s)}}createComponentRef(e,t,n,r,i,a,o){let s=this.componentDef,c=Pm(r,s,a,i),l=e.rendererFactory.createRenderer(null,s),u=r?lf(l,r,s.encapsulation,t):Am(s,l,o??null);jm(u);let d=t.get(im,null),f=Fm(u,()=>t.get(As,null)??ou());d&&d.addHost(f);let p=a?.some(Lm)||i?.some(e=>typeof e!=`function`&&e.bindings.some(Lm)),m=Zd(null,c,null,512|$d(s),null,null,e,l,t,null,pu(u,t,!0));d&&wm&&f instanceof ShadowRoot&&Fo(m,()=>{d.removeHost(f)}),m[27]=u,ds(m);let h=null;try{let e=xm(27,m,2,`#host`,()=>c.directiveRegistry,!0,0);ku(l,u,e),eu(u,m),sf(c,m,e),gu(c,e,m),Sm(c,e),n!==void 0&&zm(e,this.ngContentSelectors,n),h=Do(e.index,m),m[8]=h[8],Of(c,m,null)}catch(e){throw h!==null&&Ql(h),Ql(m),e}finally{Uc(Ac.DynamicComponentEnd),gs()}return new Rm(this.componentType,m,!!p)}};function Pm(e,t,n,r){let i=e?[`ng-version`,`22.1.7`]:pte(t.selectors[0]),a=null,o=null,s=0;if(n)for(let e of n)s+=e[rm].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[rm].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=Wi(typeof e==`function`?e:e.type);c.push(t)}return Jd(0,null,Im(a,o),1,s,c,null,null,null,[i],null)}function Fm(e,t){let n=e.getRootNode?.();return Tm&&n instanceof Document?n.head:n&&wm&&n instanceof ShadowRoot?n:t().head}function Im(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 Lm(e){let t=e[rm].kind;return t===`input`||t===`twoWay`}var Rm=class extends Cp{_rootLView;_hasInputBindings;instance;hostView;changeDetectorRef;componentType;location;previousInputValues=null;_tNode;constructor(e,t,n){super(),this._rootLView=t,this._hasInputBindings=n,this._tNode=wo(t[1],27),this.location=Vl(this._tNode,t),this.instance=Do(this._tNode.index,t)[8],this.hostView=this.changeDetectorRef=new lp(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;wf(n,r[1],r,e,t),this.previousInputValues.set(e,t),tp(Do(n.index,r),1)}get injector(){return new Nl(this._tNode,this._rootLView)}destroy(){this.hostView.destroy()}onDestroy(e){this.hostView.onDestroy(e)}};function zm(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 Bm=(()=>{class e{static __NG_ELEMENT_ID__=Vm}return e})();function Vm(){return Gm(Jo(),Ko())}var Hm=class e extends Bm{_lContainer;_hostTNode;_hostLView;constructor(e,t,n){super(),this._lContainer=e,this._hostTNode=t,this._hostLView=n}get element(){return Vl(this._hostTNode,this._hostLView)}get injector(){return new Nl(this._hostTNode,this._hostLView)}get parentInjector(){let e=xl(this._hostTNode,this._hostLView);if(sl(e)){let t=ul(e,this._hostLView),n=cl(e),r=t[1].data[n+8];return new Nl(r,t)}return new Nl(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(e){let t=Um(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=xp(this._lContainer,e.ssrId),o=e.createEmbeddedViewImpl(t||{},i,a);return this.insertImpl(o,r,jf(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 Nm(Ui(e)),u=n||this.parentInjector;if(!i&&l.ngModule==null){let e=this.parentInjector.get(Ya,null);e&&(i=e)}let d=Ui(l.componentType??{}),f=xp(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,jf(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(Pee(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 ip(o,i,a,r),t.attachToViewContainerRef(),ya(Wm(o),a,t),t}move(e,t){return this.insert(e,t)}indexOf(e){let t=Um(this._lContainer);return t===null?-1:t.indexOf(e)}remove(e){let t=this._adjustIndex(e,-1),n=op(this._lContainer,t);n&&(ba(Wm(this._lContainer),t),Od(n[1],n))}detach(e){let t=this._adjustIndex(e,-1),n=op(this._lContainer,t);return n&&ba(Wm(this._lContainer),t)!=null?new lp(n):null}_adjustIndex(e,t=0){return e??this.length+t}};function Um(e){return e[8]}function Wm(e){return e[8]||=[]}function Gm(e,t){let n,r=t[e.index];return fo(r)?n=r:(n=np(r,t,null,e),t[e.index]=n,tf(t,n)),qm(n,t,e,r),new Hm(n,e,t)}function Km(e,t){let n=e[11],r=n.createComment(``),i=Co(t,e);return Tu(n,n.parentNode(i),r,n.nextSibling(i),!1),r}var qm=Xm,Jm=()=>!1;function Ym(e,t,n){return Jm(e,t,n)}function Xm(e,t,n,r){if(e[7])return;let i;i=n.type&8?xo(r):Km(t,n),e[7]=i}var Zm=class e{queryList;matches=null;constructor(e){this.queryList=e}clone(){return new e(this.queryList)}setDirty(){this.queryList.setDirty()}},Qm=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()}},$m=class{flags;read;predicate;constructor(e,t,n=null){this.flags=t,this.read=n,this.predicate=typeof e==`string`?dh(e):e}},eh=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)}},th=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,nh(t,i)),this.matchTNodeWithReadOption(e,t,Ol(t,e,i,!1,!1))}else n===up?t.type&4&&this.matchTNodeWithReadOption(e,t,-1):this.matchTNodeWithReadOption(e,t,Ol(t,e,n,!1,!1))}matchTNodeWithReadOption(e,t,n){if(n!==null){let r=this.metadata.read;if(r!==null){if(r===Hl||r===Bm||r===up&&t.type&4)this.addMatch(t.index,-2);else{let n=Ol(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 nh(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 rh(e,t){return e.type&11?Vl(e,t):e.type&4?fp(e,t):null}function ih(e,t,n,r){return n===-1?rh(t,e):n===-2?ah(e,t,r):kl(e,e[1],n,t)}function ah(e,t,n){if(n===Hl)return Vl(t,e);if(n===up)return fp(t,e);if(n===Bm)return Gm(t,e)}function oh(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(ih(t,s,a[e+1],n.metadata.read))}}i.matches=o}return i.matches}function sh(e,t,n,r){let i=e.queries.getByIndex(n),a=i.matches;if(a!==null){let o=oh(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]&&sh(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];sh(n[1],n,i,r)}}}}}return r}function ch(e,t){return e[18].queries[t].queryList}function lh(e,t,n){let r=new Gl((n&4)==4);return Lee(e,t,r,r.destroy),(t[18]??=new Qm).queries.push(new Zm(r))-1}function uh(e,t,n){let r=qo();return r.firstCreatePass&&(fh(r,new $m(e,t,n),-1),(t&2)==2&&(r.staticViewQueries=!0)),lh(r,Ko(),t)}function dh(e){return e.split(`,`).map(e=>e.trim())}function fh(e,t,n){e.queries===null&&(e.queries=new eh),e.queries.track(new th(t,n))}function ph(e,t){return e.queries.getByIndex(t)}function mh(e,t){let n=e[1],r=ph(n,t);return r.crossesNgTemplate?sh(n,e,t,[]):oh(n,e,r,t)}function hh(e,t,n){let r,i=wn(()=>{r._dirtyCounter();let n=yh(r,e);if(t&&n===void 0)throw new _i(-951,!1);return n});return r=i[tn],r._dirtyCounter=D(0),r._flatValue=void 0,i}function gh(e){return hh(!0,!1,e)}function _h(e){return hh(!0,!0,e)}function vh(e,t){let n=e[tn];n._lView=Ko(),n._queryIndex=t,n._queryList=ch(n._lView,t),n._queryList.onDirty(()=>n._dirtyCounter.update(e=>e+1))}function yh(e,t){let n=e._lView,r=e._queryIndex;if(n===void 0||r===void 0||n[2]&4)return t?void 0:Oa;let i=ch(n,r),a=mh(n,r);return i.reset(a,Ul),t?i.first:i._changesDetected||e._flatValue===void 0?e._flatValue=i.toArray():e._flatValue}function bh(e){return!!e&&typeof e.then==`function`}function xh(e){return!!e&&typeof e.subscribe==`function`}var Sh=class{},Ch=class extends Sh{injector;instance=null;constructor(e){super();let t=new Xa([...e.providers,{provide:Sh,useValue:this}],e.parent||Ja(),e.debugName,new Set([`environment`]));this.injector=t,e.runEnvironmentInitializers&&t.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(e){this.injector.onDestroy(e)}};function wh(e,t,n=null){return new Ch({providers:e,parent:t,debugName:n,runEnvironmentInitializers:!0}).injector}var Th=(()=>{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=Pa(!1,e.type),n=t.length>0?wh([t],this._injector,``):null;this.cachedInjectors.set(e,n)}return this.cachedInjectors.get(e)}ngOnDestroy(){try{for(let e of this.cachedInjectors.values())e!==null&&e.destroy()}finally{this.cachedInjectors.clear()}}static ɵprov=Oi({token:e,providedIn:`environment`,factory:()=>new e(ua(Ya))})}return e})();function k(e){return kc(()=>{let t=jh(e),n={...t,decls:e.decls,vars:e.vars,template:e.template,consts:e.consts||null,ngContentSelectors:e.ngContentSelectors,onPush:e.changeDetection!==ql.Eager,directiveDefs:null,pipeDefs:null,dependencies:t.standalone&&e.dependencies||null,getStandaloneInjector:t.standalone?e=>e.get(Th).getOrCreateStandaloneInjector(n):null,getExternalStyles:null,signals:e.signals??!1,data:e.data||{},encapsulation:e.encapsulation||_u.Emulated,styles:e.styles||Oa,_:null,schemas:e.schemas||null,tView:null,id:``};t.standalone&&od(`NgStandalone`),Mh(n);let r=e.dependencies;return n.directiveDefs=Nh(r,Eh),n.pipeDefs=Nh(r,Gi),n.id=Ph(n),n})}function Eh(e){return Ui(e)||Wi(e)}function Dh(e,t){if(e==null)return Da;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=rf.None,c=null),n[a]=[r,s,c],t[a]=o}return n}function Oh(e){if(e==null)return Da;let t={};for(let n in e)Object.hasOwn(e,n)&&(t[e[n]]=n);return t}function kh(e){return kc(()=>{let t=jh(e);return Mh(t),t})}function Ah(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 jh(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||Da,exportAs:e.exportAs||null,standalone:e.standalone??!0,signals:e.signals===!0,selectors:e.selectors||Oa,viewQuery:e.viewQuery||null,features:e.features||null,setInput:null,resolveHostDirectives:null,hostDirectives:null,controlDef:null,signalFormsInputPresence:null,inputs:Dh(e.inputs,t),outputs:Oh(e.outputs),debugInfo:null}}function Mh(e){e.features?.forEach(t=>t(e))}function Nh(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 Ph(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 Fh=new Fi(``),Ih=(()=>{class e{resolve;reject;initialized=!1;done=!1;donePromise=new Promise((e,t)=>{this.resolve=e,this.reject=t});appInits=C(Fh,{optional:!0})??[];injector=C(ks);constructor(){}runInitializers(){if(this.initialized)return;let e=[];for(let t of this.appInits){let n=so(this.injector,t);if(bh(n))e.push(n);else if(xh(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=zl({token:e,factory:e.ɵfac})}return e})();function Lh(e){return t=>{t.controlDef={create:(e,t)=>{e?.ɵngControlCreate(t)},update:(e,t)=>{e?.ɵngControlUpdate?.(t)},passThroughInput:e}}}function Rh(e){return Object.getPrototypeOf(e.prototype).constructor}function zh(e){let t=Rh(e.type),n=!0,r=[e];for(;t&&t!==Function.prototype&&t!==Object.prototype;){let i,a=Object.hasOwn(t,Li)?t[Li]:void 0,o=Object.hasOwn(t,Ri)?t[Ri]:void 0;if(go(e))i=a??o;else{if(a)throw new _i(903,!1);i=o}if(i){if(n){r.push(i);let t=e;t.inputs=Hh(e.inputs),t.declaredInputs=Hh(e.declaredInputs),t.outputs=Hh(e.outputs);let n=i.hostBindings;n&&Gh(e,n);let a=i.viewQuery,o=i.contentQueries;if(a&&Uh(e,a),o&&Wh(e,o),Bh(e,i),xi(e.outputs,i.outputs),go(i)&&i.data.animation){let t=e.data;t.animation=(t.animation||[]).concat(i.data.animation)}}let t=i.features;if(t)for(let r=0;r<t.length;r++){let i=t[r];i&&i.ngInherit&&i(e),i===zh&&(n=!1)}}t=Object.getPrototypeOf(t)}Vh(r)}function Bh(e,t){for(let n in t.inputs){if(!Object.hasOwn(t.inputs,n)||Object.hasOwn(e.inputs,n))continue;let r=t.inputs[n];r!==void 0&&(e.inputs[n]=r,e.declaredInputs[n]=t.declaredInputs[n])}}function Vh(e){let t=0,n=null;for(let r=e.length-1;r>=0;r--){let i=e[r];i.hostVars=t+=i.hostVars,i.hostAttrs=al(i.hostAttrs,n=al(n,i.hostAttrs))}}function Hh(e){return e===Da?{}:e===Oa?[]:e}function Uh(e,t){let n=e.viewQuery;e.viewQuery=n?(e,r)=>{t(e,r),n(e,r)}:t}function Wh(e,t){let n=e.contentQueries;e.contentQueries=n?(e,r,i)=>{t(e,r,i),n(e,r,i)}:t}function Gh(e,t){let n=e.hostBindings;e.hostBindings=n?(e,r)=>{t(e,r),n(e,r)}:t}function Kh(e,t,n,r,i,a,o,s){if(n.firstCreatePass){e.mergedAttrs=al(e.mergedAttrs,e.attrs);let t=e.tView=Jd(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),Xo(e,!1);let c=Xh(n,t,e,r);Ts()&&Ld(n,t,c,e),eu(c,t);let l=np(c,t,c,e);t[r+27]=l,tf(t,l),Ym(l,e,t)}function qh(e,t,n,r,i,a,o,s,c,l,u){let d=n+27,f;return t.firstCreatePass?(f=pp(t,d,4,o||null,s||null),Ho()&&sm(t,e,f,ko(t.consts,l),_f),Gc(t,f)):f=t.data[d],Kh(f,e,t,n,r,i,a,c),ho(f)&&sf(t,e,f),l!=null&&cf(e,f,u),f}function Jh(e,t,n,r,i,a,o,s,c,l,u){let d=n+27,f;if(t.firstCreatePass){if(f=pp(t,d,4,o||null,s||null),l!=null){let e=ko(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 Kh(f,e,t,n,r,i,a,c),l!=null&&cf(e,f,u),f}function Yh(e,t,n,r,i,a,o,s){let c=Ko(),l=qo();return qh(c,l,e,t,n,r,i,ko(l.consts,a),void 0,o,s),Yh}var Xh=Zh;function Zh(e,t,n,r){return Es(!0),t[11].createComment(``)}var Qh=new Fi(``),$h=new Fi(``);function eg(){Mn(()=>{throw new _i(600,``)})}var tg=10,ng=(()=>{class e{_runningTick=!1;_destroyed=!1;_destroyListeners=[];_views=[];internalErrorHandler=C(nc);afterRenderManager=C(sd);zonelessEnabled=C(pc);rootEffectScheduler=C(hc);dirtyFlags=0;tracingSnapshot=null;allTestViews=new Set;autoDetectTestViews=new Set;includeAllTestViews=!1;afterTick=new Jr;get allViews(){return[...(this.includeAllTestViews?this.allTestViews:this.autoDetectTestViews).keys(),...this._views]}get destroyed(){return this._destroyed}componentTypes=[];components=[];internalPendingTask=C(Fs);get isStable(){return this.internalPendingTask.hasPendingTasksObservable.pipe(hi(e=>!e))}constructor(){C(id,{optional:!0})}whenStable(){let e;return new Promise(t=>{e=this.isStable.subscribe({next:e=>{e&&t()}})}).finally(()=>{e.unsubscribe()})}_injector=C(Ya);_rendererFactory=null;get injector(){return this._injector}bootstrap(e,t){return this.bootstrapImpl(e,t)}bootstrapImpl(e,t,n=ks.NULL){return this._injector.get(Us).run(()=>{if(Uc(Ac.BootstrapComponentStart),!this._injector.get(Ih).done)throw new _i(405,``);let r=Ui(e),i=this._injector.get(Sh),a=new Nm(r,i);this.componentTypes.push(e);let{hostElement:o,directives:s,bindings:c}=rg(t),l=o||a.selector,u=a.create(n,[],l,i.injector,s,c),d=u.location.nativeElement,f=u.injector.get(Qh,null);return f?.registerApplication(d),u.onDestroy(()=>{this.detachView(u.hostView),ig(this.components,u),f?.unregisterApplication(d)}),this._loadComponent(u),Uc(Ac.BootstrapComponentEnd,u),u})}tick(){this.zonelessEnabled||(this.dirtyFlags|=1),this._tick()}_tick(){Uc(Ac.ChangeDetectionStart),this.tracingSnapshot===null?this.tickImpl():this.tracingSnapshot.run(rd.CHANGE_DETECTION,this.tickImpl)}tickImpl=()=>{if(this._runningTick)throw Uc(Ac.ChangeDetectionEnd),new _i(101,!1);let e=nn(null);try{this._runningTick=!0,this.synchronize()}finally{this._runningTick=!1,this.tracingSnapshot?.dispose(),this.tracingSnapshot=null,nn(e),this.afterTick.next(),Uc(Ac.ChangeDetectionEnd)}};synchronize(){this._rendererFactory===null&&!this._injector.destroyed&&(this._rendererFactory=this._injector.get(wp,null,{optional:!0}));let e=0;for(;this.dirtyFlags!==0&&e++<tg;){Uc(Ac.ChangeDetectionSyncStart);try{this.synchronizeOnce()}finally{Uc(Ac.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||Mo(n))&&(Gf(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})=>Mo(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;ig(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($h,[]).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),()=>ig(this._destroyListeners,e)}destroy(){if(this._destroyed)throw new _i(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=zl({token:e,factory:e.ɵfac})}return e})();function rg(e){return e===void 0||typeof e==`string`||e instanceof Element?{hostElement:e}:e}function ig(e,t){let n=e.indexOf(t);n>-1&&e.splice(n,1)}function A(e,t,n,r){let i=Ko();return Np(i,is(),t)&&(qo(),vf(bs(),i,e,t,n,r)),A}function ag(e){if(od(`NgAnimateEnter`),!qu)return ag;let t=Ko();if(Cte(t))return ag;let n=Jo(),r=t[9].get(Us);return Ote(ed(t),n,()=>og(t,n,e,r)),Pte(t[9]),md(t[9],ed(t)),ag}function og(e,t,n,r){let i=Co(t,e),a=e[11],o=Dte(n),s=[],c=!1,l=e=>{if(td(e)!==i)return;let t=e instanceof AnimationEvent?`animationend`:`transitionend`;r.runOutsideAngular(()=>{a.listen(i,t,u)})},u=e=>{td(e)===i&&(nd(e,i)&&(c=!0),sg(e,i,a))};if(o&&o.length>0){r.runOutsideAngular(()=>{s.push(a.listen(i,`animationstart`,l)),s.push(a.listen(i,`transitionstart`,l))}),wte(i,o,s);for(let e of o)a.addClass(i,e);r.runOutsideAngular(()=>{requestAnimationFrame(()=>{if(!c&&(yte(i,Xu,qu),!Xu.has(i))){for(let e of o)a.removeClass(i,e);Ju(i)}})})}}function sg(e,t,n){let r=Yu.get(t);if(td(e)===t&&r&&nd(e,t)){e.stopPropagation();for(let e of r.classList)n.removeClass(t,e);Ju(t)}}var cg=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 lg(e,t,n,r,i){return e===n&&Object.is(t,r)?1:Object.is(i(e,t),i(n,r))?-1:0}function ug(e,t,n,r){let i,a,o=0,s=e.length-1;if(Array.isArray(t)){nn(r);let c=t.length-1;for(nn(null);o<=s&&o<=c;){let r=e.at(o),l=t[o],u=lg(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=lg(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 mg,a??=pg(e,o,s,n),dg(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;)fg(e,i,n,o,t[o]),o++}else if(t!=null){nn(r);let c=t[Symbol.iterator]();nn(null);let l=c.next();for(;!l.done&&o<=s;){let t=e.at(o),r=l.value,u=lg(o,t,o,r,n);if(u!==0)u<0&&e.updateValue(o,r),o++,l=c.next();else{i??=new mg,a??=pg(e,o,s,n);let u=n(o,r);if(dg(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;)fg(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 dg(e,t,n,r){return t!==void 0&&t.has(r)?(e.attach(n,t.get(r)),t.delete(r),!0):!1}function fg(e,t,n,r,i){if(dg(e,t,r,n(r,i)))e.updateValue(r,i);else{let t=e.create(r,i);e.attach(r,t)}}function pg(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 mg=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 j(e,t,n,r,i,a,o,s){od(`NgControlFlow`);let c=Ko(),l=qo();return Jh(c,l,e,t,n,r,i,ko(l.consts,a),256,o,s),hg}function hg(e,t,n,r,i,a,o,s){od(`NgControlFlow`);let c=Ko(),l=qo();return Jh(c,l,e,t,n,r,i,ko(l.consts,a),512,o,s),hg}function M(e,t){od(`NgControlFlow`);let n=Ko(),r=is(),i=n[r]===Ru?-1:n[r],a=i===-1?void 0:xg(n,27+i);if(Np(n,r,e)){let r=nn(null);try{if(a!==void 0&&ap(a,0),e!==-1){let r=27+e,i=xg(n,r),a=Eg(n[1],r),o=Sp(i,a,n);ip(i,Af(n,a,t,{dehydratedView:o}),0,jf(a,o))}}finally{nn(r)}}else if(a!==void 0){let e=rp(a,0);e!==void 0&&(e[8]=t)}}var gg=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 _g(e){return e}function vg(e,t){return t}var yg=class{hasEmptyBlock;trackByFn;liveCollection;constructor(e,t,n){this.hasEmptyBlock=e,this.trackByFn=t,this.liveCollection=n}};function N(e,t,n,r,i,a,o,s,c,l,u,d,f){od(`NgControlFlow`);let p=Ko(),m=qo(),h=c!==void 0,g=Ko(),_=new yg(h,s?o.bind(g[15][8]):o);g[27+e]=_,Jh(p,m,e+1,t,n,r,i,ko(m.consts,a),256),h&&Jh(p,m,e+2,c,l,u,d,ko(m.consts,f),512)}var bg=class extends cg{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,ip(this.lContainer,t,e,jf(this.templateTNode,n)),Sg(this.lContainer,e)}detach(e){return this.needsIndexUpdate||=e!==this.length-1,Cg(this.lContainer,e),wg(this.lContainer,e)}create(e,t){let n=xp(this.lContainer,this.templateTNode.tView.ssrId);return Af(this.hostLView,this.templateTNode,new gg(this.lContainer,t,e),{dehydratedView:n})}destroy(e){Od(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 Tg(this.lContainer,e)}};function P(e){let t=nn(null),n=vs();try{let r=Ko(),i=r[1],a=r[n],o=n+1,s=xg(r,o);a.liveCollection===void 0?a.liveCollection=new bg(s,r,Eg(i,o)):a.liveCollection.reset();let c=a.liveCollection;if(ug(c,e,a.trackByFn,t),c.updateIndexes(),a.hasEmptyBlock){let e=is(),t=c.length===0;if(Np(r,e,t)){let e=n+2,a=xg(r,e);if(t){let t=Eg(i,e),n=Sp(a,t,r);ip(a,Af(r,t,void 0,{dehydratedView:n}),0,jf(t,n))}else i.firstUpdatePass&&_p(a),ap(a,0)}}}finally{nn(t)}}function xg(e,t){return e[t]}function Sg(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];Mte(e,r),Ku.delete(n[19]),r.detachedLeaveAnimationFns=void 0}}function Cg(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 wg(e,t){return op(e,t)}function Tg(e,t){return rp(e,t)}function Eg(e,t){return wo(e,t)}function F(e,t,n){let r=Ko();return Np(r,is(),t)&&(qo(),df(bs(),r,e,t,r[11],n)),F}function Dg(e,t,n,r,i){wf(t,e,n,i?`class`:`style`,r)}function I(e,t,n,r){let i=Ko(),a=i[1],o=e+27,s=a.firstCreatePass?xm(o,i,2,t,_f,Ho(),n,r):a.data[o];if(mo(s)){let n=i[10].tracingService;if(n&&n.componentCreate){let o=a.data[s.directiveStart+s.componentOffset];return n.componentCreate(Op(o),()=>(Og(e,t,i,s,r),I))}}return Og(e,t,i,s,r),I}function Og(e,t,n,r,i){if(xf(r,n,e,t,Ag),ho(r)){let e=n[1];sf(e,n,r),gu(e,r,n)}i!=null&&cf(n,r)}function L(){let e=qo(),t=Sf(Jo());return e.firstCreatePass&&Sm(e,t),Wo(t)&&Go(),Vo(),t.classesWithoutHost!=null&&el(t)&&Dg(e,t,Ko(),t.classesWithoutHost,!0),t.stylesWithoutHost!=null&&tl(t)&&Dg(e,t,Ko(),t.stylesWithoutHost,!1),L}function R(e,t,n,r){return I(e,t,n,r),L(),R}function z(e,t,n,r){let i=Ko(),a=i[1],o=e+27,s=a.firstCreatePass?Cm(o,a,2,t,n,r):a.data[o];return xf(s,i,e,t,Ag),r!=null&&cf(i,s),z}function B(){return Wo(Sf(Jo()))&&Go(),Vo(),B}function kg(e,t,n,r){return z(e,t,n,r),B(),kg}var Ag=(e,t,n,r,i)=>(Es(!0),wu(t[11],r,Cs()));function jg(e,t,n){let r=Ko(),i=r[1],a=e+27,o=i.firstCreatePass?xm(a,r,8,`ng-container`,_f,Ho(),t,n):i.data[a];if(xf(o,r,e,`ng-container`,Pg),ho(o)){let e=r[1];sf(e,r,o),gu(e,o,r)}return n!=null&&cf(r,o),jg}function Mg(){let e=qo(),t=Sf(Jo());return e.firstCreatePass&&Sm(e,t),Mg}function Ng(e,t,n){return jg(e,t,n),Mg(),Ng}var Pg=(e,t,n,r,i)=>(Es(!0),Qee(t[11],``));function V(){return Ko()}function Fg(e,t,n){let r=Ko();return Np(r,is(),t)&&(qo(),ff(bs(),r,e,t,r[11],n)),Fg}var Ig=void 0;function Lg(e){let t=Math.floor(Math.abs(e)),n=e.toString().replace(/^[^.]*\.?/,``).length;return t===1&&n===0?1:5}var Rg=[`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`]],Ig,[[`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`]],Ig,[[`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}`,Ig,Ig,Ig],[`.`,`,`,`;`,`%`,`+`,`-`,`E`,`×`,`‰`,`∞`,`NaN`,`:`],[`#,##0.###`,`#,##0%`,`¤#,##0.00`,`#E0`],`USD`,`$`,`US Dollar`,{},`ltr`,Lg],zg=Object.create(null);function Bg(e){let t=Ug(e),n=Vg(t);if(n)return n;let r=t.split(`-`)[0];if(n=Vg(r),n)return n;if(r===`en`)return Rg;throw new _i(701,!1)}function Vg(e){if(!(e in zg)){let t=aa.ng&&aa.ng.common&&aa.ng.common.locales&&aa.ng.common.locales[e];return t!==void 0&&(zg[e]=t),t}return zg[e]}var Hg={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 Ug(e){return e.toLowerCase().replace(/_/g,`-`)}var Wg=`en-US`;function Gg(e){typeof e==`string`&&e.toLowerCase().replace(/_/g,`-`)}function H(e,t,n){let r=Ko(),i=qo(),a=Jo();return Kg(i,r,r[11],a,e,t,n),H}function U(e,t,n){let r=Ko(),i=qo(),a=Jo();return(a.type&3||n)&&zp(a,i,r,n,r[11],e,t,Lp(a,r,t)),U}function Kg(e,t,n,r,i,a,o){let s=!0,c=null;if((r.type&3||o)&&(c??=Lp(r,t,a),zp(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??=Lp(r,t,a),Wp(r,t,o,s,i,c)}if(e&&e.length)for(let n of e)c??=Lp(r,t,a),Wp(r,t,n,i,i,c)}}function W(e=1){return _s(e)}function qg(e,t){let n=null,r=ste(e);for(let i=0;i<t.length;i++){let a=t[i];if(a===`*`){n=i;continue}if(r===null?Iu(e,a,!0):ute(r,a))return i}return n}function Jg(e){let t=Ko()[15][5];if(!t.projection){let n=t.projection=xa(e?e.length:1,null),r=n.slice(),i=t.child;for(;i!==null;){if(i.type!==128){let t=e?qg(i,e):0;t!==null&&(r[t]?r[t].projectionNext=i:n[t]=i,r[t]=i)}i=i.next}}}function Yg(e,t=0,n,r,i,a){let o=Ko(),s=qo(),c=r?e+1:null;c!==null&&Jh(o,s,c,r,i,a,null,n);let l=pp(s,27+e,16,null,n||null);l.projection===null&&(l.projection=t),Qo();let u=!o[6]||Uo();o[15][5].projection[l.projection]===null&&c!==null?Xg(o,s,c):u&&!du(l)&&Wd(s,o,l)}function Xg(e,t,n){let r=27+n,i=t.data[r],a=e[r],o=xp(a,i.tView.ssrId);ip(a,Af(e,i,void 0,{dehydratedView:o}),0,jf(i,o))}function Zg(e,t,n,r){return vh(e,uh(t,n,r)),Zg}function Qg(e=1){cs(ss()+e)}function $g(e){return To($o(),27+e)}function e_(e,t){return e<<17|t<<2}function t_(e){return e>>17&32767}function n_(e){return(e&2)==2}function r_(e,t){return e&131071|t<<17}function i_(e){return e|2}function a_(e){return(e&131068)>>2}function o_(e,t){return e&-131069|t<<2}function s_(e){return(e&1)==1}function c_(e){return e|1}function l_(e,t,n,r,i,a){let o=a?t.classBindings:t.styleBindings,s=t_(o),c=a_(o);e[r]=n;let l=!1,u;if(Array.isArray(n)){let e=n;u=e[1],(u===null||Ta(e,u)>0)&&(l=!0)}else u=n;if(i){if(c!==0){let t=t_(e[s+1]);e[r+1]=e_(t,s),t!==0&&(e[t+1]=o_(e[t+1],r)),e[s+1]=r_(e[s+1],r)}else e[r+1]=e_(s,0),s!==0&&(e[s+1]=o_(e[s+1],r)),s=r}else e[r+1]=e_(c,0),s===0?s=r:e[c+1]=o_(e[c+1],r),c=r;l&&(e[r+1]=i_(e[r+1])),d_(e,u,r,!0),d_(e,u,r,!1),u_(t,u,e,r,a),o=e_(s,c),a?t.classBindings=o:t.styleBindings=o}function u_(e,t,n,r,i){let a=i?e.residualClasses:e.residualStyles;a!=null&&typeof t==`string`&&Ta(a,t)>=0&&(n[r+1]=c_(n[r+1]))}function d_(e,t,n,r){let i=e[n+1],a=t===null,o=r?t_(i):a_(i),s=!1;for(;o!==0&&(s===!1||a);){let n=e[o],i=e[o+1];f_(n,t)&&(s=!0,e[o+1]=r?c_(i):i_(i)),o=r?t_(i):a_(i)}s&&(e[n+1]=r?i_(i):c_(i))}function f_(e,t){return e===null||t==null||(Array.isArray(e)?e[1]:e)===t?!0:Array.isArray(e)&&typeof t==`string`?Ta(e,t)>=0:!1}var p_={textEnd:0,key:0,keyEnd:0,value:0,valueEnd:0};function m_(e){return e.substring(p_.key,p_.keyEnd)}function h_(e){return __(e),g_(e,v_(e,0,p_.textEnd))}function g_(e,t){let n=p_.textEnd;return n===t?-1:(t=p_.keyEnd=y_(e,p_.key=t,n),v_(e,t,n))}function __(e){p_.key=0,p_.keyEnd=0,p_.value=0,p_.valueEnd=0,p_.textEnd=e.length}function v_(e,t,n){for(;t<n&&e.charCodeAt(t)<=32;)t++;return t}function y_(e,t,n){for(;t<n&&e.charCodeAt(t)>32;)t++;return t}function b_(e,t,n){return C_(e,t,n,!1),b_}function G(e,t){return C_(e,t,null,!0),G}function x_(e){w_(Ite,S_,e,!0)}function S_(e,t){for(let n=h_(t);n>=0;n=g_(t,n))Ca(e,m_(t),!0)}function C_(e,t,n,r){let i=Ko(),a=qo(),o=as(2);if(a.firstUpdatePass&&E_(a,e,o,r),t!==Ru&&Np(i,o,t)){let s=a.data[vs()];N_(a,s,i,i[11],e,i[o+1]=Rte(t,n),r,o)}}function w_(e,t,n,r){let i=qo(),a=as(2);i.firstUpdatePass&&E_(i,null,a,r);let o=Ko();if(n!==Ru&&Np(o,a,n)){let s=i.data[vs()];if(I_(s,r)&&!T_(i,a)){let e=r?s.classesWithoutHost:s.stylesWithoutHost;e!==null&&(n=Ci(e,n||``)),Dg(i,s,o,n,r)}else Lte(i,s,o,o[11],o[a+1],o[a+1]=Fte(e,t,n),r,a)}}function T_(e,t){return t>=e.expandoStartIndex}function E_(e,t,n,r){let i=e.data;if(i[n+1]===null){let a=i[vs()],o=T_(e,n);I_(a,r)&&t===null&&!o&&(t=!1),t=D_(i,a,t,r),l_(i,a,t,n,o,r)}}function D_(e,t,n,r){let i=Gee(e),a=r?t.residualClasses:t.residualStyles;if(i===null)(r?t.classBindings:t.styleBindings)===0&&(n=j_(null,e,t,n,r),n=M_(n,t.attrs,r),a=null);else{let o=t.directiveStylingLast;if(o===-1||e[o]!==i){if(n=j_(i,e,t,n,r),a===null){let n=O_(e,t,r);n!==void 0&&Array.isArray(n)&&(n=j_(null,e,t,n[1],r),n=M_(n,t.attrs,r),k_(e,t,r,n))}else a=A_(e,t,r)}}return a!==void 0&&(r?t.residualClasses=a:t.residualStyles=a),n}function O_(e,t,n){let r=n?t.classBindings:t.styleBindings;if(a_(r)!==0)return e[t_(r)]}function k_(e,t,n,r){let i=n?t.classBindings:t.styleBindings;e[t_(i)]=r}function A_(e,t,n){let r,i=t.directiveEnd;for(let a=1+t.directiveStylingLast;a<i;a++){let t=e[a].hostAttrs;r=M_(r,t,n)}return M_(r,t.attrs,n)}function j_(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=M_(r,a.hostAttrs,i),a!==e);)s++;return e!==null&&(n.directiveStylingLast=s),r}function M_(e,t,n){let r=n?1:2,i=-1;if(t!==null)for(let a=0;a<t.length;a++){let o=t[a];typeof o==`number`?i=o:i===r&&(Array.isArray(e)||(e=e===void 0?[]:[``,e]),Ca(e,o,n?!0:t[++a]))}return e===void 0?null:e}function Fte(e,t,n){if(n==null||n===``)return Oa;let r=[],i=yu(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 Ite(e,t,n){let r=String(t);r!==``&&!r.includes(` `)&&Ca(e,r,n)}function Lte(e,t,n,r,i,a,o,s){i===Ru&&(i=Oa);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&&N_(e,t,n,r,m,h,o,s),u=c<i.length?i[c]:null,d=l<a.length?a[l]:null}}function N_(e,t,n,r,i,a,o,s){if(!(t.type&3))return;let c=e.data,l=c[s+1];F_(s_(l)?P_(c,t,n,i,a_(l),o):void 0)||(F_(a)||n_(l)&&(a=P_(c,null,n,i,s,o)),qd(r,o,So(vs(),n),i,a))}function P_(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===Ru&&(u=l?Oa:void 0);let d=l?wa(u,r):c===r?u:void 0;if(a&&!F_(d)&&(d=wa(t,r)),F_(d)&&(s=d,o))return s;let f=e[i+1];i=o?t_(f):a_(f)}if(t!==null){let e=a?t.residualClasses:t.residualStyles;e!=null&&(s=wa(e,r))}return s}function F_(e){return e!==void 0}function Rte(e,t){return e==null||e===``||(typeof t==`string`?e=yu(e)+t:typeof e==`object`&&(e=Si(yu(e)))),e}function I_(e,t){return!!(e.flags&(t?8:16))}function K(e,t=``){let n=Ko(),r=qo(),i=e+27,a=r.firstCreatePass?pp(r,i,1,t,null):r.data[i],o=zte(r,n,a,t);n[i]=o,Ts()&&Ld(r,n,o,a),Xo(a,!1)}var zte=(e,t,n,r)=>(Es(!0),Xee(t[11],r));function L_(e,t,n,r=``){return Np(e,is(),n)?t+qi(n)+r:Ru}function Bte(e,t,n,r,i,a=``){let o=Pp(e,rs(),n,i);return as(2),o?t+qi(n)+r+qi(i)+a:Ru}function Vte(e,t,n,r,i,a,o,s=``){let c=Fp(e,rs(),n,i,o);return as(3),c?t+qi(n)+r+qi(i)+a+qi(o)+s:Ru}function Hte(e,t,n,r,i,a,o,s,c,l=``){let u=Ip(e,rs(),n,i,o,c);return as(4),u?t+qi(n)+r+qi(i)+a+qi(o)+s+qi(c)+l:Ru}function q(e){return J(``,e),q}function J(e,t,n){let r=Ko(),i=L_(r,e,t,n);return i!==Ru&&B_(r,vs(),i),J}function Y(e,t,n,r,i){let a=Ko(),o=Bte(a,e,t,n,r,i);return o!==Ru&&B_(a,vs(),o),Y}function R_(e,t,n,r,i,a,o){let s=Ko(),c=Vte(s,e,t,n,r,i,a,o);return c!==Ru&&B_(s,vs(),c),R_}function z_(e,t,n,r,i,a,o,s,c){let l=Ko(),u=Hte(l,e,t,n,r,i,a,o,s,c);return u!==Ru&&B_(l,vs(),u),z_}function B_(e,t,n){let r=So(t,e);Zee(e[11],r,n)}function V_(e,t,n){Ec(t)&&(t=t());let r=Ko();return Np(r,is(),t)&&(qo(),df(bs(),r,e,t,r[11],n)),V_}function H_(e,t){let n=Ec(e);return n&&e.set(t),n}function U_(e,t){let n=Ko(),r=qo(),i=Jo();return Kg(r,n,n[11],i,e,t),U_}var W_={};function G_(e){od(`NgLet`);let t=qo(),n=Ko(),r=e+27;return Xo(pp(t,r,128,null,null),!1),Eo(t,n,r,W_),G_}function K_(e){return Eo(qo(),Ko(),vs(),e),e}function q_(e){let t=To($o(),27+e);if(t===W_)throw new _i(314,!1);return t}function J_(e,t,n=``){return L_(Ko(),e,t,n)}function Y_(e,t,n){let r=qo();r.firstCreatePass&&X_(t,r.data,r.blueprint,go(e),n)}function X_(e,t,n,r,i){if(e=Ei(e),Array.isArray(e))for(let a=0;a<e.length;a++)X_(e[a],t,n,r,i);else{let a=qo(),o=Ko(),s=Jo(),c=Ha(e)?e:Ei(e.provide),l=eo(e),u=s.providerIndexes&1048575,d=s.directiveStart,f=s.providerIndexes>>20;if(Ha(e)||!e.multi){let r=new $c(l,i,om,null),p=$_(c,t,i?u:u+f,d);p===-1?(Sl(vl(s,o),a,c),Z_(a,e,t.length),t.push(c),s.directiveStart++,s.directiveEnd++,i&&(s.providerIndexes+=1048576),n.push(r),o.push(r)):(n[p]=r,o[p]=r)}else{let p=$_(c,t,u+f,d),m=$_(c,t,u,u+f),h=p>=0&&n[p],g=m>=0&&n[m];if(i&&!g||!i&&!h){Sl(vl(s,o),a,c);let u=Gte(i?Wte:Ute,n.length,i,r,l,e);!i&&g&&(n[m].providerFactory=u),Z_(a,e,t.length,0),t.push(c),s.directiveStart++,s.directiveEnd++,i&&(s.providerIndexes+=1048576),n.push(u),o.push(u)}else{let t=Q_(n[i?m:p],l,!i&&r);Z_(a,e,p>-1?p:m,t)}!i&&r&&g&&n[m].componentProviders++}}}function Z_(e,t,n,r){let i=Ha(t),a=Ua(t);if(i||a){let o=(a?Ei(t.useClass):t).prototype.ngOnDestroy;if(o){let a=e.destroyHooks||=[];if(!i&&t.multi){let e=a.indexOf(n);e===-1?a.push(n,[r,o]):a[e+1].push(r,o)}else a.push(n,o)}}}function Q_(e,t,n){return n&&e.componentProviders++,e.multi.push(t)-1}function $_(e,t,n,r){for(let i=n;i<r;i++)if(t[i]===e)return i;return-1}function Ute(e,t,n,r,i){return ev(this.multi,[])}function Wte(e,t,n,r,i){let a=this.multi,o;if(this.providerFactory){let e=this.providerFactory.componentProviders,t=kl(r,r[1],this.providerFactory.index,i);o=t.slice(0,e),ev(a,o);for(let n=e;n<t.length;n++)o.push(t[n])}else o=[],ev(a,o);return o}function ev(e,t){for(let n=0;n<e.length;n++){let r=e[n];t.push(r())}return t}function Gte(e,t,n,r,i,a){let o=new $c(e,n,om,null);return o.multi=[],o.index=t,o.componentProviders=0,Q_(o,i,r&&!n),o}function tv(e,t){return n=>{n.providersResolver=(t,n)=>Y_(t,n?n(e):e,!1),t&&(n.viewProvidersResolver=(e,n)=>Y_(e,n?n(t):t,!0))}}function nv(e,t){let n=ns()+e,r=Ko();return r[n]===Ru?jp(r,n,t()):Mp(r,n)}function rv(e,t,n){return ov(Ko(),ns(),e,t,n)}function iv(e,t,n,r){return sv(Ko(),ns(),e,t,n,r)}function Kte(e,t,n,r,i){return qte(Ko(),ns(),e,t,n,r,i)}function av(e,t){let n=e[t];return n===Ru?void 0:n}function ov(e,t,n,r,i,a){let o=t+n;return Np(e,o,i)?jp(e,o+1,a?r.call(a,i):r(i)):av(e,o+1)}function sv(e,t,n,r,i,a,o){let s=t+n;return Pp(e,s,i,a)?jp(e,s+2,o?r.call(o,i,a):r(i,a)):av(e,s+2)}function qte(e,t,n,r,i,a,o,s){let c=t+n;return Fp(e,c,i,a,o)?jp(e,c+3,s?r.call(s,i,a,o):r(i,a,o)):av(e,c+3)}function cv(e,t){let n=qo(),r,i=e+27;n.firstCreatePass?(r=Jte(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=ha(r.type,!0)),o=ra(om);try{let e=fl(!1),t=a();return fl(e),Eo(n,Ko(),i,t),t}finally{ra(o)}}function Jte(e,t){if(t)for(let n=t.length-1;n>=0;n--){let r=t[n];if(e===r.name)return r}}function lv(e,t,n){let r=e+27,i=Ko(),a=To(i,r);return dv(i,r)?ov(i,ns(),t,a.transform,n,a):a.transform(n)}function uv(e,t,n,r){let i=e+27,a=Ko(),o=To(a,i);return dv(a,i)?sv(a,ns(),t,o.transform,n,r,o):o.transform(n,r)}function dv(e,t){return e[1].data[t].pure}function fv(e,t){return fp(e,t)}var Yte=(()=>{class e{applicationErrorHandler=C(nc);appRef=C(ng);taskService=C(Fs);ngZone=C(Us);zonelessEnabled=C(pc);tracing=C(id,{optional:!0});zoneIsDefined=typeof Zone<`u`&&!!Zone.root.run;schedulerTickApplyArgs=[{data:{__scheduler_tick__:!0}}];subscriptions=new fr;angularZoneId=this.zoneIsDefined?this.ngZone._inner?.get(Vs):null;scheduleInRootZone=!this.zonelessEnabled&&this.zoneIsDefined&&(C(mc,{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?zs:Rs;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=zl({token:e,factory:e.ɵfac})}return e})();function Xte(){return[{provide:fc,useExisting:Yte},{provide:Us,useClass:Zs},{provide:pc,useValue:!0}]}function Zte(){return typeof $localize<`u`&&$localize.locale||`en-US`}var pv=new Fi(``,{factory:()=>C(pv,{optional:!0,skipSelf:!0})||Zte()}),mv=class{destroyed=!1;listeners=null;errorHandler=C(tc,{optional:!0});isEmitting=!1;hasNullListeners=!1;destroyRef=C(js);constructor(){this.destroyRef.onDestroy(()=>{this.destroyed=!0,this.listeners=null})}subscribe(e){if(this.destroyed)throw new _i(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(yi(953,!1));return}if(this.listeners===null)return;this.isEmitting=!0;let t=nn(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&&Qte(this.listeners)),nn(t),this.isEmitting=!1}}};function Qte(e){let t=e.length-1;for(;t>-1;)e[t]===null&&e.splice(t,1),t--}function X(e,t){return wn(e,t?.equal)}function Z(e){return Zn(e)}(class e extends Error{_brand;constructor(e){super(e)}static IDLE=new e(`IDLE`);static LOADING=new e(`LOADING`)});var $te=e=>e;function Q(e,t){return typeof e==`function`?hv(qn(e,$te,t?.equal),t?.debugName,t?.set):hv(qn(e.source,e.computation,e.equal),e.debugName,e.set)}function hv(e,t,n){let r=e[tn],i=e;if(n!==void 0){let t=e=>Jn(r,e);i.set=e=>n(e,t),i.update=r=>n(r(Z(e)),t)}else i.set=e=>Jn(r,e),i.update=e=>Yn(r,e);return i.asReadonly=ic.bind(e),i}var gv=!1;function ene(){return gv}function _v(e){gv=e}function vv(e,t){let n=Object.create(Oc);n.value=e,n.transformFn=t?.transform;function r(){if(on(n),n.value===Dc)throw new _i(-950,null);return n.value}return r[tn]=n,r}function yv(e){return new mv}function bv(e,t){return vv(e,t)}function tne(e){return vv(Dc,e)}var $=(bv.required=tne,bv);function xv(e,t){let n=Object.create(Oc),r=new mv;n.value=e;function i(){return on(n),Sv(n.value),n.value}return i[tn]=n,i.asReadonly=ic.bind(i),i.set=e=>{n.equal(n.value,e)||(In(n,e),r.emit(e))},i.update=e=>{Sv(n.value),i.set(e(n.value))},i.subscribe=r.subscribe.bind(r),i.destroyRef=r.destroyRef,i}function Sv(e){if(e===Dc)throw new _i(952,!1)}function Cv(e,t){return xv(e,t)}function nne(e){return xv(Dc,e)}var wv=(Cv.required=nne,Cv);function Tv(e,t){return gh(t)}function rne(e,t){return _h(t)}var Ev=(Tv.required=rne,Tv),ine=(()=>{class e{static __NG_ELEMENT_ID__=ane}return e})();function ane(e){return one(Jo(),Ko(),(e&16)==16)}function one(e,t,n){if(mo(e)&&!n){let n=Do(e.index,t);return new lp(n,n)}if(e.type&175){let e=t[15];return new lp(e,t)}return null}var Dv=new Fi(``),sne=new Fi(``);function Ov(e){return!e.moduleRef}function cne(e){let t=Ov(e)?e.r3Injector:e.moduleRef.injector,n=t.get(Us);return n.run(()=>{Ov(e)?e.r3Injector.resolveInjectorInitializers():e.moduleRef.resolveInjectorInitializers();let r=t.get(nc),i;if(n.runOutsideAngular(()=>{i=n.onError.subscribe({next:r})}),Ov(e)){let n=()=>t.destroy(),r=e.platformInjector.get(Dv);r.add(n),t.onDestroy(()=>{i.unsubscribe(),r.delete(n)})}else{let t=()=>e.moduleRef.destroy(),n=e.platformInjector.get(Dv);n.add(t),e.moduleRef.onDestroy(()=>{ig(e.allPlatformModules,e.moduleRef),i.unsubscribe(),n.delete(t)})}return une(r,n,()=>{let n=t.get(Fs),r=n.add(),i=t.get(Ih);return i.runInitializers(),i.donePromise.then(()=>{if(Gg(t.get(pv,Wg)||`en-US`),!t.get(sne,!0))return Ov(e)?t.get(ng):(e.allPlatformModules.push(e.moduleRef),e.moduleRef);if(Ov(e)){let n=t.get(ng);return e.rootComponent!==void 0&&n.bootstrap(e.rootComponent),n}return lne?.(e.moduleRef,e.allPlatformModules),e.moduleRef}).finally(()=>void n.remove(r))})})}var lne;function une(e,t,n){try{let r=n();return bh(r)?r.catch(n=>{throw t.runOutsideAngular(()=>e(n)),n}):r}catch(n){throw t.runOutsideAngular(()=>e(n)),n}}var kv=null;function dne(e=[],t){return ks.create({name:t,providers:[{provide:Wa,useValue:`platform`},{provide:Dv,useValue:new Set([()=>kv=null])},...e]})}function fne(e=[]){if(kv)return kv;let t=dne(e);return kv=t,eg(),pne(t),t}function pne(e){let t=e.get(sc,null);so(e,()=>{t?.forEach(e=>e())})}function mne(e){let{rootComponent:t,appProviders:n,platformProviders:r,platformRef:i}=e;Uc(Ac.BootstrapApplicationStart);try{let e=i?.injector??fne(r);return cne({r3Injector:new Ch({providers:[Xte(),rc,...n||[]],parent:e,debugName:``,runEnvironmentInitializers:!1}).injector,platformInjector:e,rootComponent:t})}catch(e){return Promise.reject(e)}finally{Uc(Ac.BootstrapApplicationEnd)}}function Av(e){return typeof e==`boolean`?e:e!=null&&e!==`false`}var jv=Symbol(`NOT_SET`),Mv=new Set,hne={...Rn,kind:`afterRenderEffectPhase`,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!0,value:jv,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!==jv&&!_n(this)))return this.signal;try{for(let e of this.cleanup??Mv)e()}finally{this.cleanup?.clear()}let t=[];e!==void 0&&t.push(e),t.push(this.registerCleanupFn);let n=pn(this),r;try{r=this.userFn.apply(null,t)}finally{hn(this,n)}return(this.value===jv||!this.equal(this.value,r))&&(this.value=r,this.version++),this.signal}},gne=class extends ud{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(js),a),this.scheduler=r;for(let e of cd){let n=t[e];if(n===void 0)continue;let r=Object.create(hne);r.sequence=this,r.phase=e,r.userFn=n,r.dirty=!0,r.signal=()=>(on(r),r.value),r.signal[tn]=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??Mv)t()}finally{vn(e)}}};function Nv(e,t){let n=t?.injector??C(ks),r=n.get(fc),i=n.get(sd),a=n.get(id,null,{optional:!0});i.impl??=n.get(ld);let o=e;typeof o==`function`&&(o={mixedReadWrite:e});let s=n.get(uc,null,{optional:!0}),c=new gne(i.impl,[o.earlyRead,o.write,o.mixedReadWrite,o.read],s?.view,r,n,a?.snapshot(null));return i.impl.register(c),c}var Pv=null;function Fv(){return Pv}function _ne(e){Pv??=e}var vne=class{},Iv=(function(e){return e[e.Format=0]=`Format`,e[e.Standalone=1]=`Standalone`,e})(Iv||{}),Lv=(function(e){return e[e.Narrow=0]=`Narrow`,e[e.Abbreviated=1]=`Abbreviated`,e[e.Wide=2]=`Wide`,e[e.Short=3]=`Short`,e})(Lv||{}),Rv=(function(e){return e[e.Short=0]=`Short`,e[e.Medium=1]=`Medium`,e[e.Long=2]=`Long`,e[e.Full=3]=`Full`,e})(Rv||{}),zv={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 yne(e){return Bg(e)[Hg.LocaleId]}function bne(e,t,n){let r=Bg(e);return Gv(Gv([r[Hg.DayPeriodsFormat],r[Hg.DayPeriodsStandalone]],t),n)}function xne(e,t,n){let r=Bg(e);return Gv(Gv([r[Hg.DaysFormat],r[Hg.DaysStandalone]],t),n)}function Sne(e,t,n){let r=Bg(e);return Gv(Gv([r[Hg.MonthsFormat],r[Hg.MonthsStandalone]],t),n)}function Cne(e,t){let n=Bg(e)[Hg.Eras];return Gv(n,t)}function Bv(e,t){return Gv(Bg(e)[Hg.DateFormat],t)}function Vv(e,t){return Gv(Bg(e)[Hg.TimeFormat],t)}function Hv(e,t){let n=Bg(e)[Hg.DateTimeFormat];return Gv(n,t)}function Uv(e,t){let n=Bg(e),r=n[Hg.NumberSymbols][t];if(r===void 0){if(t===zv.CurrencyDecimal)return n[Hg.NumberSymbols][zv.Decimal];if(t===zv.CurrencyGroup)return n[Hg.NumberSymbols][zv.Group]}return r}function Wv(e){if(!e[Hg.ExtraData])throw new _i(2303,!1)}function wne(e){let t=Bg(e);return Wv(t),(t[Hg.ExtraData][2]||[]).map(e=>typeof e==`string`?Kv(e):[Kv(e[0]),Kv(e[1])])}function Tne(e,t,n){let r=Bg(e);return Wv(r),Gv(Gv([r[Hg.ExtraData][0],r[Hg.ExtraData][1]],t)||[],n)||[]}function Gv(e,t){for(let n=t;n>-1;n--)if(e[n]!==void 0)return e[n];throw new _i(2304,!1)}function Kv(e){let[t,n]=e.split(`:`);return{hours:+t,minutes:+n}}var Ene=/^(\d{4,})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,qv=Object.create(null),Dne=/((?:[^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]*)/,One=256;function kne(e,t,n,r){let i=uy(e);Ane(t),t=Yv(n,t)||t;let a=[],o;for(;t;)if(o=Dne.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=sy(r,s),i=ly(i,r));let c=``;return a.forEach(e=>{let t=oy(e);c+=t?t(i,n,s):e===`''`?`'`:e.replace(/(^'|'$)/g,``).replace(/''/g,`'`)}),c}function Ane(e){if(e.length>One)throw new _i(2300,!1)}function Jv(e,t,n){let r=new Date(0);return r.setFullYear(e,t,n),r.setHours(0,0,0),r}function Yv(e,t){let n=yne(e);if(qv[n]??=Object.create(null),qv[n][t])return qv[n][t];let r=``;switch(t){case`shortDate`:r=Bv(e,Rv.Short);break;case`mediumDate`:r=Bv(e,Rv.Medium);break;case`longDate`:r=Bv(e,Rv.Long);break;case`fullDate`:r=Bv(e,Rv.Full);break;case`shortTime`:r=Vv(e,Rv.Short);break;case`mediumTime`:r=Vv(e,Rv.Medium);break;case`longTime`:r=Vv(e,Rv.Long);break;case`fullTime`:r=Vv(e,Rv.Full);break;case`short`:let t=Yv(e,`shortTime`),n=Yv(e,`shortDate`);r=Xv(Hv(e,Rv.Short),[t,n]);break;case`medium`:let i=Yv(e,`mediumTime`),a=Yv(e,`mediumDate`);r=Xv(Hv(e,Rv.Medium),[i,a]);break;case`long`:let o=Yv(e,`longTime`),s=Yv(e,`longDate`);r=Xv(Hv(e,Rv.Long),[o,s]);break;case`full`:let c=Yv(e,`fullTime`),l=Yv(e,`fullDate`);r=Xv(Hv(e,Rv.Full),[c,l])}return r&&(qv[n][t]=r),r}function Xv(e,t){return t&&(e=e.replace(/\{([^}]+)}/g,function(e,n){return Object.hasOwn(t,n)?t[n]:e})),e}function Zv(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 jne(e,t){return Zv(e,3).substring(0,t)}function Qv(e,t,n=0,r=!1,i=!1){return function(a,o){let s=Mne(e,a);if((n>0||s>-n)&&(s+=n),e===3)s===0&&n===-12&&(s=12);else if(e===6)return jne(s,t);let c=Uv(o,zv.MinusSign);return Zv(s,t,c,r,i)}}function Mne(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 _i(2301,!1)}}function $v(e,t,n=Iv.Format,r=!1){return function(i,a){return Nne(i,a,e,t,n,r)}}function Nne(e,t,n,r,i,a){switch(n){case 2:return Sne(t,i,r)[e.getMonth()];case 1:return xne(t,i,r)[e.getDay()];case 0:let n=e.getHours(),o=e.getMinutes();if(a){let e=wne(t),a=Tne(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 bne(t,i,r)[n<12?0:1];case 3:return Cne(t,r)[e.getFullYear()<=0?0:1];default:throw new _i(2302,!1)}}function ey(e){return function(t,n,r){let i=-1*r,a=Uv(n,zv.MinusSign),o=i>0?Math.floor(i/60):Math.ceil(i/60);switch(e){case 0:return(i>=0?`+`:``)+Zv(o,2,a)+Zv(Math.abs(i%60),2,a);case 1:return`GMT`+(i>=0?`+`:``)+Zv(o,1,a);case 2:return`GMT`+(i>=0?`+`:``)+Zv(o,2,a)+`:`+Zv(Math.abs(i%60),2,a);case 3:return r===0?`Z`:(i>=0?`+`:``)+Zv(o,2,a)+`:`+Zv(Math.abs(i%60),2,a);default:throw new _i(2310,!1)}}}var Pne=0,ty=4;function Fne(e){let t=Jv(e,Pne,1).getDay();return Jv(e,0,1+(t<=ty?ty:11)-t)}function ny(e){let t=e.getDay(),n=t===0?-3:ty-t;return Jv(e.getFullYear(),e.getMonth(),e.getDate()+n)}function ry(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=ny(n),t=Fne(e.getFullYear()),r=e.getTime()-t.getTime();i=1+Math.round(r/6048e5)}return Zv(i,e,Uv(r,zv.MinusSign))}}function iy(e,t=!1){return function(n,r){return Zv(ny(n).getFullYear(),e,Uv(r,zv.MinusSign),t)}}var ay=Object.create(null);function oy(e){if(ay[e])return ay[e];let t;switch(e){case`G`:case`GG`:case`GGG`:t=$v(3,Lv.Abbreviated);break;case`GGGG`:t=$v(3,Lv.Wide);break;case`GGGGG`:t=$v(3,Lv.Narrow);break;case`y`:t=Qv(0,1,0,!1,!0);break;case`yy`:t=Qv(0,2,0,!0,!0);break;case`yyy`:t=Qv(0,3,0,!1,!0);break;case`yyyy`:t=Qv(0,4,0,!1,!0);break;case`Y`:t=iy(1);break;case`YY`:t=iy(2,!0);break;case`YYY`:t=iy(3);break;case`YYYY`:t=iy(4);break;case`M`:case`L`:t=Qv(1,1,1);break;case`MM`:case`LL`:t=Qv(1,2,1);break;case`MMM`:t=$v(2,Lv.Abbreviated);break;case`MMMM`:t=$v(2,Lv.Wide);break;case`MMMMM`:t=$v(2,Lv.Narrow);break;case`LLL`:t=$v(2,Lv.Abbreviated,Iv.Standalone);break;case`LLLL`:t=$v(2,Lv.Wide,Iv.Standalone);break;case`LLLLL`:t=$v(2,Lv.Narrow,Iv.Standalone);break;case`w`:t=ry(1);break;case`ww`:t=ry(2);break;case`W`:t=ry(1,!0);break;case`d`:t=Qv(2,1);break;case`dd`:t=Qv(2,2);break;case`c`:case`cc`:t=Qv(7,1);break;case`ccc`:t=$v(1,Lv.Abbreviated,Iv.Standalone);break;case`cccc`:t=$v(1,Lv.Wide,Iv.Standalone);break;case`ccccc`:t=$v(1,Lv.Narrow,Iv.Standalone);break;case`cccccc`:t=$v(1,Lv.Short,Iv.Standalone);break;case`E`:case`EE`:case`EEE`:t=$v(1,Lv.Abbreviated);break;case`EEEE`:t=$v(1,Lv.Wide);break;case`EEEEE`:t=$v(1,Lv.Narrow);break;case`EEEEEE`:t=$v(1,Lv.Short);break;case`a`:case`aa`:case`aaa`:t=$v(0,Lv.Abbreviated);break;case`aaaa`:t=$v(0,Lv.Wide);break;case`aaaaa`:t=$v(0,Lv.Narrow);break;case`b`:case`bb`:case`bbb`:t=$v(0,Lv.Abbreviated,Iv.Standalone,!0);break;case`bbbb`:t=$v(0,Lv.Wide,Iv.Standalone,!0);break;case`bbbbb`:t=$v(0,Lv.Narrow,Iv.Standalone,!0);break;case`B`:case`BB`:case`BBB`:t=$v(0,Lv.Abbreviated,Iv.Format,!0);break;case`BBBB`:t=$v(0,Lv.Wide,Iv.Format,!0);break;case`BBBBB`:t=$v(0,Lv.Narrow,Iv.Format,!0);break;case`h`:t=Qv(3,1,-12);break;case`hh`:t=Qv(3,2,-12);break;case`H`:t=Qv(3,1);break;case`HH`:t=Qv(3,2);break;case`m`:t=Qv(4,1);break;case`mm`:t=Qv(4,2);break;case`s`:t=Qv(5,1);break;case`ss`:t=Qv(5,2);break;case`S`:t=Qv(6,1);break;case`SS`:t=Qv(6,2);break;case`SSS`:t=Qv(6,3);break;case`Z`:case`ZZ`:case`ZZZ`:t=ey(0);break;case`ZZZZZ`:t=ey(3);break;case`O`:case`OO`:case`OOO`:case`z`:case`zz`:case`zzz`:t=ey(1);break;case`OOOO`:case`ZZZZ`:case`zzzz`:t=ey(2);break;default:return null}return ay[e]=t,t}function sy(e,t){e=e.replace(/:/g,``);let n=Date.parse(`Jan 01, 1970 00:00:00 `+e)/6e4;return isNaN(n)?t:n}function cy(e,t){return e=new Date(e.getTime()),e.setMinutes(e.getMinutes()+t),e}function ly(e,t,n){let r=e.getTimezoneOffset();return cy(e,-1*(sy(t,r)-r))}function uy(e){if(fy(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 Jv(t,n-1,r)}let t=parseFloat(e);if(!isNaN(e-t))return new Date(t);let n;if(n=e.match(Ene))return dy(n)}let t=new Date(e);if(!fy(t))throw new _i(2311,!1);return t}function dy(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 fy(e){return e instanceof Date&&!isNaN(e.valueOf())}var py=(()=>{class e{_viewContainerRef;_viewRef=null;ngTemplateOutletContext=null;ngTemplateOutlet=null;ngTemplateOutletInjector=null;injector=C(ks);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)(om(Bm))};static ɵdir=kh({type:e,selectors:[[``,`ngTemplateOutlet`,``]],inputs:{ngTemplateOutletContext:`ngTemplateOutletContext`,ngTemplateOutlet:`ngTemplateOutlet`,ngTemplateOutletInjector:`ngTemplateOutletInjector`},features:[Pc]})}return e})();function my(e,t){return new _i(2100,!1)}var hy=`mediumDate`,gy=new Fi(``),_y=new Fi(``),vy=(()=>{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??hy,a=r??this.defaultOptions?.timezone??this.defaultTimezone??void 0;return kne(t,e,i||this.locale,a)}catch(t){throw my(e,t.message)}}static ɵfac=function(t){return new(t||e)(om(pv,16),om(gy,24),om(_y,24))};static ɵpipe=Ah({name:`date`,type:e,pure:!0})}return e})(),yy=(()=>{class e{transform(e){return JSON.stringify(e,null,2)}static ɵfac=function(t){return new(t||e)};static ɵpipe=Ah({name:`json`,type:e,pure:!1})}return e})();function by(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 xy=`browser`,Sy=class{_doc;constructor(e){this._doc=e}manager},Cy=(()=>{class e extends Sy{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)(ua(As))};static ɵprov=Oi({token:e,factory:e.ɵfac})}return e})(),wy=new Fi(``),Ty=(()=>{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 Cy));this._plugins=n.slice().reverse();let r=e.find(e=>e instanceof Cy);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 _i(-5101,!1);return this._eventNameToPlugin.set(e,t),t}static ɵfac=function(t){return new(t||e)(ua(wy),ua(Us))};static ɵprov=Oi({token:e,factory:e.ɵfac})}return e})(),Ey=`ng-app-id`;function Dy(e){for(let t of e)t.remove()}function Oy(e,t){let n=t.createElement(`style`);return n.textContent=e,n}function ky(e,t,n,r){let i=e.head?.querySelectorAll(`style[${Ey}="${t}"],link[${Ey}="${t}"]`);if(!i||i.length===0)return!1;for(let e of i)e.removeAttribute(Ey),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 Ay(e,t){let n=t.createElement(`link`);return n.setAttribute(`rel`,`stylesheet`),n.setAttribute(`href`,e),n}var jy=(()=>{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,ky(e,t,this.inline,this.external)&&this.hosts.add(e.head)}addStyles(e,t){for(let t of e)this.addUsage(t,this.inline,Oy);t?.forEach(e=>this.addUsage(e,this.external,Ay))}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&&(Dy(n.elements),t.delete(e)))}ngOnDestroy(){for(let[,{elements:e}]of[...this.inline,...this.external])Dy(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,Oy(t,this.doc)));for(let[t,{elements:n}]of this.external)n.push(this.addElement(e,Ay(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)(ua(As),ua(ac),ua(lc,8),ua(cc))};static ɵprov=Oi({token:e,factory:e.ɵfac})}return e})(),My={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`},Ny=/%COMP%/g,Py=`%COMP%`,Fy=`_nghost-${Py}`,Iy=`_ngcontent-${Py}`,Ly=!0,Ry=new Fi(``,{factory:()=>Ly}),zy=new Fi(``);function By(e){return Iy.replace(Ny,e)}function Vy(e){return Fy.replace(Ny,e)}function Hy(e,t){return t.map(t=>t.replace(Ny,e))}var Uy=(()=>{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 Wy(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 Jy?n.applyToHost(e):n instanceof qy&&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 _u.Emulated:r=new Jy(o,s,t,this.appId,c,i,a,l,this.cssVarNamespace);break;case _u.ShadowDom:return new Ky(o,e,t,i,a,this.nonce,l,this.cssVarNamespace,s);case _u.ExperimentalIsolatedShadowDom:return new Ky(o,e,t,i,a,this.nonce,l,this.cssVarNamespace);default:r=new qy(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)(ua(Ty),ua(im),ua(ac),ua(Ry),ua(As),ua(Us),ua(lc),ua(id,8),ua(zy,8))};static ɵprov=Oi({token:e,factory:e.ɵfac})}return e})(),Wy=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(My[t]||t,e):this.doc.createElement(e)}createComment(e){return this.doc.createComment(e)}createText(e){return this.doc.createTextNode(e)}appendChild(e,t){(Gy(e)?e.content:e).appendChild(t)}insertBefore(e,t,n){if(e){let r=Gy(e)?e.content:e;if(n!=null&&n.parentNode!==r)throw new _i(-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 _i(-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=My[r];i?e.setAttributeNS(i,t,n):e.setAttribute(t,n)}else e.setAttribute(t,n)}removeAttribute(e,t,n){if(n){let r=My[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&(zu.DashCase|zu.Important)?e.style.setProperty(t,n,r&zu.Important?`important`:``):e.style[t]=n}removeStyle(e,t,n){let r=t.startsWith(`--`);r&&(t=t.replace(`%NS%`,this.cssVarNamespace)),r||n&zu.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=Fv().getGlobalEventTarget(this.doc,e),!e))throw new _i(-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 Gy(e){return e.tagName===`TEMPLATE`&&e.content!==void 0}var Ky=class extends Wy{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=Hy(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=Ay(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)}},qy=class extends Wy{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?Hy(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&&Ku.size===0&&this.sharedStylesHost.removeStyles(this.styles,this.styleUrls)}},Jy=class extends qy{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=By(l),this.hostAttr=Vy(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}},Yy=class e extends vne{supportsDOMEvents=!0;static makeCurrent(){_ne(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=Zy();return t==null?null:Qy(t)}resetBaseElement(){Xy=null}getUserAgent(){return window.navigator.userAgent}getCookie(e){return by(document.cookie,e)}},Xy=null;function Zy(){return Xy||=document.head.querySelector(`base`),Xy?Xy.getAttribute(`href`):null}function Qy(e){return new URL(e,document.baseURI).pathname}var $y=[`alt`,`control`,`meta`,`shift`],eb={"\b":`Backspace`,"	":`Tab`,"":`Delete`,"\x1B":`Escape`,Del:`Delete`,Esc:`Escape`,Left:`ArrowLeft`,Right:`ArrowRight`,Up:`ArrowUp`,Down:`ArrowDown`,Menu:`ContextMenu`,Scroll:`ScrollLock`,Win:`OS`},tb={alt:e=>e.altKey,control:e=>e.ctrlKey,meta:e=>e.metaKey,shift:e=>e.shiftKey},nb=(()=>{class e extends Sy{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(()=>Fv().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.`),$y.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=eb[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`),$y.forEach(t=>{if(t!==n){let n=tb[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)(ua(As))};static ɵprov=Oi({token:e,factory:e.ɵfac})}return e})();async function rb(e,t,n){return mne({rootComponent:e,...ib(t,n)})}function ib(e,t){return{platformRef:t?.platformRef,appProviders:[...lb,...e?.providers??[]],platformProviders:cb}}function ab(){Yy.makeCurrent()}function ob(){return new tc}function sb(){return au(document),document}var cb=[{provide:cc,useValue:xy},{provide:sc,useValue:ab,multi:!0},{provide:As,useFactory:sb}],lb=[{provide:Wa,useValue:`root`},{provide:tc,useFactory:ob},{provide:wy,useClass:Cy,multi:!0},{provide:wy,useClass:nb,multi:!0},Uy,{provide:im,useClass:jy},{provide:jy,useExisting:im},Ty,{provide:wp,useExisting:Uy},[]];function ub(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 db={blue:ub(34,39),cyan:ub(36,39),gray:ub(90,39),green:ub(32,39),red:ub(31,39),yellow:ub(33,39),bold:ub(1,22),dim:ub(2,22),reset:ub(0,0),underline:ub(4,24)};function fb(e,...t){return typeof e==`function`?e(...t):e}var pb=Error.captureStackTrace,mb=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,pb?.(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 hb(e,t){return typeof e==`string`?`${e}/${t.toLowerCase()}`:e?.(t)}function gb(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||hb(r,i),s=(e={},n={})=>{let r=new mb({code:i,why:fb(a.why,e),fix:fb(a.fix,e),docs:o,cause:e.cause,sources:e.sources,data:fb(a.data,e)},s);for(let e of t)e(r,n);return r};n[i]=s}return n}function _b(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 vb={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`,cacheInvalidate:`devframe:rpc:cache:invalidate`,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`}},yb=_b(db);function bb(e,{method:t=`warn`}={}){console[t](yb(e))}function xb(e){return gb({...e,reporters:[bb,...e.reporters??[]]})}function Sb(){let e,t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}var Cb=Math.random.bind(Math),wb=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`;function Tb(e=21){let t=``,n=e;for(;n--;)t+=wb[Cb()*64|0];return t}var Eb=6e4,Db=e=>e,Ob=Db,{clearTimeout:kb,setTimeout:Ab}=globalThis;function jb(e,t){let{post:n,on:r,off:i=()=>{},eventNames:a=[],serialize:o=Db,deserialize:s=Ob,resolver:c,bind:l=`rpc`,timeout:u=Eb,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}=Sb(),_=Tb();s.i=_;let ee;async function te(n=s){return u>=0&&(ee=Ab(()=>{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{kb(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&&(kb(r.timeoutId),n?r.reject(n):r.resolve(t)),p.delete(e)}}return m=r(ne),h}function Mb(e,t){return t.safety?t.safety:e===`static`||e===`query`||e==null?`read`:`action`}var Nb=Object.freeze({type:`object`,additionalProperties:!0});function Pb(e){let t=e[`~standard`];if(t.jsonSchema)try{return t.jsonSchema.input({target:`draft-2020-12`})}catch{return Nb}return Nb}function Fb(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]=Pb(e[r]),n.push(i)}return{type:`object`,properties:t,required:n,additionalProperties:!1}}function Ib(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 Lb(e,t){return Ib(e,t)??[e]}function Rb(e){return typeof e==`string`?`'${e}'`:new Hb().serialize(e)}var zb=` _-,;:!?.'"()[]{}@*/\\&#%\`^+<=>|~$0123456789abcdefghijklmnopqrstuvwxyz`,Bb=(function(){let e=new Uint8Array(128);for(let t=0;t<69;t++)e[zb.charCodeAt(t)]=t+1;for(let t=65;t<=90;t++)e[t]=e[t+32];return e})();function Vb(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&&Bb[n]?Bb[n]:n+128,s=a<128&&Bb[a]?Bb[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 Hb=(function(){class e{#e=new Map;compare(e,t){let n=typeof e,r=typeof t;return n===`string`&&r===`string`?Vb(e,t):n===`number`&&r===`number`?e-t:Vb(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(Vb),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})(),Ub=[1779033703,-1150833019,1013904242,-1521486534,1359893119,-1694144372,528734635,1541459225],Wb=[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],Gb=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_`,Kb=[],qb=class{_data=new Jb;_hash=new Jb([...Ub]);_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)Kb[n]=e[t+n]|0;else{let e=Kb[n-15],t=(e<<25|e>>>7)^(e<<14|e>>>18)^e>>>3,r=Kb[n-2],i=(r<<15|r>>>17)^(r<<13|r>>>19)^r>>>10;Kb[n]=t+Kb[n-7]+i+Kb[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+Wb[n]+Kb[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=Jb.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 Jb(t,i)}},Jb=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(Gb.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 Yb(e){return new qb().finalize(e).toBase64()}function Xb(e){return Yb(Rb(e))}function Zb(e){return Xb(e)}function Qb(){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 $b=/^[\w+.-]{2,}:\/\//;function ex(e){return e.endsWith(`/`)?e:`${e}/`}function tx(e){return(e.endsWith(`/`)?e.slice(0,-1):e)||`/`}function nx(e,...t){let n=e;for(let e of t)e&&e!==`/`&&(n=n?ex(n)+e.replace(/^\.?\//,``):e);return n}function rx(e,t){if(!t||t===`/`||$b.test(e))return e;let n=tx(t);return e.startsWith(n)?e:nx(n,e)}function ix(e,t){let n=e.match($b);return t+(n?e.slice(n[0].length):e)}var ax=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`;function ox(e=21){let t=``,n=e;for(;n--;)t+=ax[Math.random()*64|0];return t}var sx=Symbol.for(`immer-nothing`),cx=Symbol.for(`immer-draftable`),lx=Symbol.for(`immer-state`),ux=[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 dx(e,...t){{let n=ux[e],r=Fx(n)?n.apply(null,t):n;throw Error(`[Immer] ${r}`)}}var fx=Object,px=fx.getPrototypeOf,mx=`constructor`,hx=`prototype`,gx=`configurable`,_x=`enumerable`,vx=`writable`,yx=`value`,bx=e=>!!e&&!!e[lx];function xx(e){return e?wx(e)||jx(e)||!!e[cx]||!!e[mx]?.[cx]||Mx(e)||Nx(e):!1}var Sx=fx[hx][mx].toString(),Cx=new WeakMap;function wx(e){if(!e||!Px(e))return!1;let t=px(e);if(t===null||t===fx[hx])return!0;let n=fx.hasOwnProperty.call(t,mx)&&t[mx];if(n===Object)return!0;if(!Fx(n))return!1;let r=Cx.get(n);return r===void 0&&(r=Function.toString.call(n),Cx.set(n,r)),r===Sx}function Tx(e,t,n=!0){Ex(e)===0?(n?Reflect.ownKeys(e):fx.keys(e)).forEach(n=>{t(n,e[n],e)}):e.forEach((n,r)=>t(r,n,e))}function Ex(e){let t=e[lx];return t?t.type_:jx(e)?1:Mx(e)?2:Nx(e)?3:0}var Dx=(e,t,n=Ex(e))=>n===2?e.has(t):fx[hx].hasOwnProperty.call(e,t),Ox=(e,t,n=Ex(e))=>n===2?e.get(t):e[t],kx=(e,t,n,r=Ex(e))=>{r===2?e.set(t,n):r===3?e.add(n):e[t]=n};function Ax(e,t){return e===t?e!==0||1/e==1/t:e!==e&&t!==t}var jx=Array.isArray,Mx=e=>e instanceof Map,Nx=e=>e instanceof Set,Px=e=>typeof e==`object`,Fx=e=>typeof e==`function`,Ix=e=>typeof e==`boolean`;function Lx(e){let t=+e;return Number.isInteger(t)&&String(t)===e}var Rx=e=>Px(e)?e?.[lx]:null,zx=e=>e.copy_||e.base_,Bx=e=>e.modified_?e.copy_:e.base_;function Vx(e,t){if(Mx(e))return new Map(e);if(Nx(e))return new Set(e);if(jx(e))return Array[hx].slice.call(e);let n=wx(e);if(t===!0||t===`class_only`&&!n){let t=fx.getOwnPropertyDescriptors(e);delete t[lx];let n=Reflect.ownKeys(t);for(let r=0;r<n.length;r++){let i=n[r],a=t[i];a[vx]===!1&&(a[vx]=!0,a[gx]=!0),(a.get||a.set)&&(t[i]={[gx]:!0,[vx]:!0,[_x]:a[_x],[yx]:e[i]})}return fx.create(px(e),t)}{let t=px(e);if(t!==null&&n)return{...e};let r=fx.create(t);return fx.assign(r,e)}}function Hx(e,t=!1){return Gx(e)||bx(e)||!xx(e)?e:(Ex(e)>1&&fx.defineProperties(e,{set:Wx,add:Wx,clear:Wx,delete:Wx}),fx.freeze(e),t&&Tx(e,(e,t)=>{Hx(t,!0)},!1),e)}function Ux(){dx(2)}var Wx={[yx]:Ux};function Gx(e){return e===null||!Px(e)||fx.isFrozen(e)}var Kx=`MapSet`,qx=`Patches`,Jx=`ArrayMethods`,Yx={};function Xx(e){let t=Yx[e];return t||dx(0,e),t}var Zx=e=>!!Yx[e];function Qx(e,t){Yx[e]||(Yx[e]=t)}var $x,eS=()=>$x,tS=(e,t)=>({drafts_:[],parent_:e,immer_:t,canAutoFreeze_:!0,unfinalizedDrafts_:0,handledSet_:new Set,processedForPatches_:new Set,mapSetPlugin_:Zx(Kx)?Xx(Kx):void 0,arrayMethodsPlugin_:Zx(Jx)?Xx(Jx):void 0});function nS(e,t){t&&(e.patchPlugin_=Xx(qx),e.patches_=[],e.inversePatches_=[],e.patchListener_=t)}function rS(e){iS(e),e.drafts_.forEach(oS),e.drafts_=null}function iS(e){e===$x&&($x=e.parent_)}var aS=e=>$x=tS($x,e);function oS(e){let t=e[lx];t.type_===0||t.type_===1?t.revoke_():t.revoked_=!0}function sS(e,t){t.unfinalizedDrafts_=t.drafts_.length;let n=t.drafts_[0];if(e!==void 0&&e!==n){n[lx].modified_&&(rS(t),dx(4)),xx(e)&&(e=cS(t,e));let{patchPlugin_:r}=t;r&&r.generateReplacementPatches_(n[lx].base_,e,t)}else e=cS(t,n);return lS(t,e,!0),rS(t),t.patches_&&t.patchListener_(t.patches_,t.inversePatches_),e===sx?void 0:e}function cS(e,t){if(Gx(t))return t;let n=t[lx];if(!n)return _S(t,e.handledSet_,e);if(!dS(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);hS(n,e)}return n.copy_}function lS(e,t,n=!1){!e.parent_&&e.immer_.autoFreeze_&&e.canAutoFreeze_&&Hx(t,n)}function uS(e){e.finalized_=!0,e.scope_.unfinalizedDrafts_--}var dS=(e,t)=>e.scope_===t,fS=[];function pS(e,t,n,r){let i=zx(e),a=e.type_;if(r!==void 0&&Ox(i,r,a)===t){kx(i,r,n,a);return}if(!e.draftLocations_){let t=e.draftLocations_=new Map;Tx(i,(e,n)=>{if(bx(n)){let r=t.get(n)||[];r.push(e),t.set(n,r)}})}let o=e.draftLocations_.get(t)??fS;for(let e of o)kx(i,e,n,a)}function mS(e,t,n){e.callbacks_.push(function(r){let i=t;if(!i||!dS(i,r))return;r.mapSetPlugin_?.fixSetContents(i);let a=Bx(i);pS(e,i.draft_??i,a,n),hS(i,r)})}function hS(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)}uS(e)}}function gS(e,t,n){let{scope_:r}=e;if(bx(n)){let i=n[lx];dS(i,r)&&i.callbacks_.push(function(){ES(e),pS(e,n,Bx(i),t)})}else xx(n)&&e.callbacks_.push(function(){let i=zx(e);e.type_===3?i.has(n)&&_S(n,r.handledSet_,r):Ox(i,t,e.type_)===n&&r.drafts_.length>1&&(e.assigned_.get(t)??!1)===!0&&e.copy_&&_S(Ox(e.copy_,t,e.type_),r.handledSet_,r)})}function _S(e,t,n){return!n.immer_.autoFreeze_&&n.unfinalizedDrafts_<1||bx(e)||t.has(e)||!xx(e)||Gx(e)?e:(t.add(e),Tx(e,(r,i)=>{if(bx(i)){let t=i[lx];dS(t,n)&&(kx(e,r,Bx(t),e.type_),uS(t))}else xx(i)&&_S(i,t,n)}),e)}function vS(e,t){let n=jx(e),r={type_:+!!n,scope_:t?t.scope_:eS(),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=yS;n&&(i=[r],a=bS);let{revoke:o,proxy:s}=Proxy.revocable(i,a);return r.draft_=s,r.revoke_=o,[s,r]}var yS={get(e,t){if(t===lx)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=zx(e);if(!Dx(i,t,e.type_))return CS(e,i,t);let a=i[t];if(e.finalized_||!xx(a)||r&&e.operationMethod&&n?.isMutatingArrayMethod(e.operationMethod)&&Lx(t))return a;if(a===xS(e.base_,t)||SS(e,t,a)){ES(e);let n=e.type_===1?+t:t,r=OS(e.scope_,a,e,n);return e.copy_[n]=r}return a},has(e,t){return t in zx(e)},ownKeys(e){return Reflect.ownKeys(zx(e))},set(e,t,n){let r=wS(zx(e),t);if(r?.set)return r.set.call(e.draft_,n),!0;if(!e.modified_){let r=xS(zx(e),t),i=r?.[lx];if(i&&i.base_===n)return e.copy_[t]=n,e.assigned_.delete(t),!0;if(Ax(n,r)&&(n!==void 0||Dx(e.base_,t,e.type_)))return!0;ES(e),TS(e)}return e.copy_[t]===n&&(n!==void 0||Dx(e.copy_,t,e.type_))||Number.isNaN(n)&&Number.isNaN(e.copy_[t])?!0:(e.copy_[t]=n,e.assigned_.set(t,!0),gS(e,t,n),!0)},deleteProperty(e,t){return ES(e),xS(e.base_,t)!==void 0||t in e.base_?(e.assigned_.set(t,!1),TS(e)):e.assigned_.delete(t),e.copy_&&delete e.copy_[t],!0},getOwnPropertyDescriptor(e,t){let n=zx(e),r=Reflect.getOwnPropertyDescriptor(n,t);return r&&{[vx]:!0,[gx]:e.type_!==1||t!==`length`,[_x]:r[_x],[yx]:n[t]}},defineProperty(){dx(11)},getPrototypeOf(e){return px(e.base_)},setPrototypeOf(){dx(12)}},bS={};for(let e in yS){let t=yS[e];bS[e]=function(){let e=arguments;return e[0]=e[0][0],t.apply(this,e)}}bS.deleteProperty=function(e,t){return isNaN(parseInt(t))&&dx(13),bS.set.call(this,e,t,void 0)},bS.set=function(e,t,n){return t!==`length`&&isNaN(parseInt(t))&&dx(14),yS.set.call(this,e[0],t,n,e[0])};function xS(e,t){let n=e[lx];return(n?zx(n):e)[t]}function SS(e,t,n){return e.type_!==1||!e.allIndicesReassigned_||e.assigned_?.get(t)||!xx(n)||n[lx]?!1:e.baseRefs_.has(n)}function CS(e,t,n){let r=wS(t,n);return r?yx in r?r[yx]:r.get?.call(e.draft_):void 0}function wS(e,t){if(!(t in e))return;let n=px(e);for(;n;){let e=Object.getOwnPropertyDescriptor(n,t);if(e)return e;n=px(n)}}function TS(e){e.modified_||(e.modified_=!0,e.parent_&&TS(e.parent_))}function ES(e){e.copy_||=(e.assigned_=new Map,Vx(e.base_,e.scope_.immer_.useStrictShallowCopy_))}var DS=class{constructor(e){this.autoFreeze_=!0,this.useStrictShallowCopy_=!1,this.useStrictIteration_=!1,this.produce=(e,t,n)=>{if(Fx(e)&&!Fx(t)){let n=t;t=e;let r=this;return function(e=n,...i){return r.produce(e,e=>t.call(this,e,...i))}}Fx(t)||dx(6),n!==void 0&&!Fx(n)&&dx(7);let r;if(xx(e)){let i=aS(this),a=OS(i,e,void 0),o=!0;try{r=t(a),o=!1}finally{o?rS(i):iS(i)}return nS(i,n),sS(r,i)}if(!e||!Px(e)){if(r=t(e),r===void 0&&(r=e),r===sx&&(r=void 0),this.autoFreeze_&&Hx(r,!0),n){let t=[],i=[];Xx(qx).generateReplacementPatches_(e,r,{patches_:t,inversePatches_:i}),n(t,i)}return r}dx(1,e)},this.produceWithPatches=(e,t)=>{if(Fx(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]},Ix(e?.autoFreeze)&&this.setAutoFreeze(e.autoFreeze),Ix(e?.useStrictShallowCopy)&&this.setUseStrictShallowCopy(e.useStrictShallowCopy),Ix(e?.useStrictIteration)&&this.setUseStrictIteration(e.useStrictIteration)}createDraft(e){xx(e)||dx(8),bx(e)&&(e=kS(e));let t=aS(this),n=OS(t,e,void 0);return n[lx].isManual_=!0,iS(t),n}finishDraft(e,t){let n=e&&e[lx];(!n||!n.isManual_)&&dx(9);let{scope_:r}=n;return nS(r,t),sS(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=Xx(qx).applyPatches_;return bx(e)?r(e,t):this.produce(e,e=>r(e,t))}};function OS(e,t,n,r){let[i,a]=Mx(t)?Xx(Kx).proxyMap_(t,n):Nx(t)?Xx(Kx).proxySet_(t,n):vS(t,n);return(n?.scope_??eS()).drafts_.push(i),a.callbacks_=n?.callbacks_??[],a.key_=r,n&&r!==void 0?mS(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 kS(e){return bx(e)||dx(10,e),AS(e)}function AS(e){if(!xx(e)||Gx(e))return e;let t=e[lx],n,r=!0;if(t){if(!t.modified_)return t.base_;t.finalized_=!0,n=Vx(e,t.scope_.immer_.useStrictShallowCopy_),r=t.scope_.immer_.shouldUseStrictIteration()}else n=Vx(e,!0);return Tx(n,(e,t)=>{kx(n,e,AS(t))},r),t&&(t.finalized_=!1),n}function jS(){ux.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=Rx(Ox(e,n.key_)),i=Ox(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||Dx(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=Ox(n,r),!Px(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?.[lx];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;Tx(e.assigned_,(e,l)=>{let u=Ox(o,e,c),f=Ox(s,e,c),p=l?Dx(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===sx?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=Ex(o),n=i[e];typeof n!=`string`&&typeof n!=`number`&&(n=``+n),(t===0||t===1)&&(n===`__proto__`||n===mx)&&dx(19),Fx(o)&&n===hx&&dx(19),o=Ox(o,n),(o===null||!Px(o))&&dx(18,i.join(`/`))}let s=Ex(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:dx(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:dx(17,a)}}),e}function u(e){if(!xx(e))return e;if(jx(e))return e.map(u);if(Mx(e))return new Map(Array.from(e.entries()).map(([e,t])=>[e,u(t)]));if(Nx(e))return new Set(Array.from(e).map(u));let t=Object.create(px(e));for(let n in e)t[n]=u(e[n]);return Dx(e,cx)&&(t[cx]=e[cx]),t}function d(e){return bx(e)?u(e):e}Qx(qx,{applyPatches_:l,generatePatches_:i,generateReplacementPatches_:c,getPath:e})}globalThis.Iterator?.from;var MS=new DS,NS=MS.produce,PS=MS.produceWithPatches.bind(MS),FS=MS.applyPatches.bind(MS),IS=1e3;function LS(e,t){if(e.add(t),e.size>IS){let t=e.values().next().value;t!==void 0&&e.delete(t)}}function RS(e){let{enablePatches:t=!1}=e;t&&jS();let n=Qb(),r=e.initialValue,i=new Set;return{on:n.on,value:()=>r,patch:(e,t=ox())=>{i.has(t)||(jS(),r=FS(r,e),LS(i,t),n.emit(`updated`,r,void 0,t))},mutate:(e,a=ox())=>{if(!i.has(a)){if(LS(i,a),t){let[t,i]=PS(r,e);if(t===r)return;r=t,n.emit(`updated`,r,i,a)}else{let t=NS(r,e);if(t===r)return;r=t,n.emit(`updated`,r,void 0,a)}}},syncIds:i}}var zS=typeof self==`object`?self:globalThis,BS=new Set([`Error`,`EvalError`,`RangeError`,`ReferenceError`,`SyntaxError`,`TypeError`,`URIError`,`AggregateError`]),VS=new Set([`Boolean`,`Number`,`String`,`Int8Array`,`Uint8Array`,`Uint8ClampedArray`,`Int16Array`,`Uint16Array`,`Int32Array`,`Uint32Array`,`Float16Array`,`Float32Array`,`Float64Array`,`BigInt64Array`,`BigUint64Array`]);function HS(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=BS.has(e)?zS[e]:void 0;return n(new(r??zS.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`&&VS.has(a))return n(new zS[a](o),i);throw TypeError(`unable to deserialize unsafe or unknown type: ${String(a)}`)};return r}function US(e){return HS(new Map,e)(0)}var WS=``,{toString:GS}={},{keys:KS}=Object;function qS(e){let t=typeof e;if(t!==`object`||!e)return[0,t];let n=GS.call(e).slice(8,-1);switch(n){case`Array`:return[1,WS];case`Object`:return[2,WS];case`Date`:return[3,WS];case`RegExp`:return[4,WS];case`Map`:return[5,WS];case`Set`:return[6,WS];case`DataView`:return[1,n]}return n.includes(`Array`)?[1,n]:n.includes(`Error`)?[7,n]:[2,n]}function JS([e,t]){return e===0&&(t===`function`||t===`symbol`)}function YS(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]=qS(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 KS(r))(e||!JS(qS(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||!(JS(qS(n))||JS(qS(i))))&&t.push([a(n),a(i)]);return n}case 6:{let t=[],n=i([o,t],r);for(let n of r)(e||!JS(qS(n)))&&t.push(a(n));return n}}let{message:c}=r;return i([o,{name:s,message:c}],r)};return a}function XS(e,t={}){let n=[];return YS(!(t.json||t.lossy),!!t.json,new Map,n)(e),n}var{parse:ZS,stringify:QS}=JSON,$S={json:!0,lossy:!0};function eC(e){return US(ZS(e))}function tC(e){return QS(XS(e,$S))}function nC(e){return US(e)}function rC(e){return tC(e)}function iC(e){return eC(e)}var aC=256,oC=class extends Error{name=`StreamClosedError`};function sC(e={}){let t=e.id??ox(),n=Math.max(0,e.replayWindow??0),r=Qb(),i=new AbortController,a=[],o=!1,s=0;function c(e){if(o)throw new oC(`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=lC(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 cC(e={}){let t=e.id??ox(),n=Math.max(1,e.highWaterMark??aC),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 lC(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 uC=128;function dC(e){return e.replace(/[^\w-]+/g,`_`).slice(0,uC)}var fC=`modulepreload`,pC=function(e,t){return new URL(e,t).href},mC={},hC=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=pC(t,n),t=s(t),t in mC)return;mC[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`:fC,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)})},gC=`__connection.json`,_C=`__DEVFRAME_CONNECTION__`,vC=`x-birpc-session`,yC=`__rpc-dump/index.json`,bC=`devframe:services`,xC=`devframe_otp`,SC=`devframe_auth_token`;vb.postMessage.remoteAssetsError;var CC=class{cacheMap=new Map;options;keySerializer;constructor(e){this.options=e,this.keySerializer=e.keySerializer||(e=>Zb(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()}},wC=xb({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 TC(e){if(e.agent&&e.jsonSerializable===!1)throw wC.DF0019({name:e.name});e.agent&&!e.jsonSerializable&&(e.jsonSerializable=!0)}async function EC(e,t){let n=e[`~standard`].validate(t);return n instanceof Promise?await n:n}function DC(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 OC(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 EC(i,n[r]);if(a.issues)throw wC.DF0043({name:e,index:r,issues:DC(a.issues)})}return r}async function kC(e,t,n){if(!t)return n;let r=await EC(t,n);if(r.issues)throw wC.DF0044({name:e,issues:DC(r.issues)});return n}async function AC(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 jC(e,t){let n=e.handler;if(!n){let r=await AC(e,t);if(!r.handler)throw wC.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 OC(e.name,r,t),o=await a(...n);return await kC(e.name,i,o)}}var MC=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 jC(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 wC.DF0021({name:e.name});TC(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 wC.DF0022({name:e.name});TC(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 jC(this.definitions.get(e),this.context)}getSchema(e){let t=this.definitions.get(e);if(!t)throw wC.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 NC(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 FC(t,`undefined`,r,e);return n}return i!==null&&PC(i,r,e,t),n})}function PC(e,t,n,r){if(typeof e==`bigint`)throw FC(r,`BigInt`,t,n);if(typeof e!=`object`)return;if(e instanceof Map)throw FC(r,`Map`,t,n);if(e instanceof Set)throw FC(r,`Set`,t,n);if(e instanceof Date)throw FC(r,`Date`,t,n);if(Array.isArray(e))return;let i=Object.getPrototypeOf(e);if(i!==null&&i!==Object.prototype)throw FC(r,e.constructor?.name??`class instance`,t,n)}function FC(e,t,n,r){let i=IC(n,r);return wC.DF0020({name:e||`<anonymous>`,type:t,path:i})}function IC(e,t){return Array.isArray(e)?`[${t}]`:t===``?`<root>`:t}var LC=`__DEVFRAME_CONNECTION_META__`,RC=`__DEVFRAME_CONNECTION_AUTH_TOKEN__`;function zC(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 BC(){return zC(_C)}function VC(){return zC(LC)}function HC(e){if(e)return e;try{let e=localStorage.getItem(RC);if(e)return e}catch{}return zC(RC)}function UC(e){globalThis[_C]=e,globalThis[LC]={...e.connectionMeta,baseUrl:e.metaBaseUrl},e.authToken&&WC(e.authToken)}function WC(e){try{localStorage.setItem(RC,e)}catch{}globalThis[RC]=e;let t=BC();t&&(globalThis[_C]={...t,authToken:e})}function GC(e){let t=rx(gC,e);try{return new URL(t,globalThis.location?.href).href}catch{return t}}function KC(e,t){return t&&t!==e.authToken?{...e,authToken:t}:e}function qC(){let e=BC();if(e)return KC(e,HC()??e.authToken??e.connectionMeta.authToken);let t=VC();if(t)return{connectionMeta:t,metaBaseUrl:t.baseUrl??GC(`./`),authToken:HC(t.authToken)}}async function JC(e={}){if(e.connection){let t=KC(e.connection,HC(e.authToken??e.connection.authToken??e.connection.connectionMeta.authToken));return UC(t),t}let t=Array.isArray(e.baseURL)?e.baseURL:[e.baseURL??`./`];if(e.connectionMeta){let n={connectionMeta:e.connectionMeta,metaBaseUrl:GC(t[0]??`./`),authToken:HC(e.authToken??e.connectionMeta.authToken)};return UC(n),n}let n=qC();if(n){let t=KC(n,HC(e.authToken??n.authToken??n.connectionMeta.authToken));return UC(t),t}let r=[];for(let n of t){let t=rx(gC,n),i=GC(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:HC(e.authToken??r.authToken)};return UC(o),o}catch(e){r.push(e)}}throw Error(`Failed to get connection meta from ${t.join(`, `)}`,{cause:r})}var YC=class extends Error{name=`DevframeConnectionError`;kind;constructor(e,t,n){super(t,n),this.kind=e}};function XC(e=xC){try{let t=globalThis.location?.hash?.replace(/^#/,``)??``;return new URLSearchParams(t).get(e)||void 0}catch{return}}function ZC(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 QC(e=xC){let t=XC(e);return t&&ZC(e),t}async function $C(e,t={}){let n=QC(t.param??`devframe_otp`);return n?e.isTrusted?!0:e.requestTrustWithCode(n):!1}function ew(e){let t={},n=new WeakMap,r,i=()=>(r??=e.sharedState.get(bC,{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 tw(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:vb.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:vb.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=RS({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,n)=>{if(e.isTrusted)d().then(t,n);else{t(u);let n=!1;e.events.on(vb.client.isTrustedUpdated,e=>{e&&!n&&(n=!0,d())})}})}}}var nw=new Map;function rw(e=nw){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?NC(n,r??``):`s:${rC(n)}`},deserialize:e=>{let n=e.startsWith(`s:`)?iC(e.slice(2)):JSON.parse(e);return n.t===`q`&&n.i&&n.m&&t.set(n.i,n.m),n}}}function iw(){}function aw(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 ow(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 sw(e){let{onConnected:t=iw,onError:n=iw,onDisconnected:r=iw,definitions:i,fetch:a=globalThis.fetch.bind(globalThis)}=e,o=e.url;e.authToken&&(o=`${o}${o.includes(`?`)?`&`:`?`}${SC}=${encodeURIComponent(e.authToken)}`);let s=rw(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=aw(r);if(!e)break;r=e.rest;let{event:t,data:n}=ow(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`,[vC]: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 cw(e,t){let{channel:n,rpcOptions:r={}}=t;return jb(e,{...n,timeout:-1,...r,proxify:!1})}function lw(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(vb.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 YC(`connection`,`[devframe] Not connected to the devframe server`,{cause:u??void 0}):l===`unauthorized`?new YC(`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(vb.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 YC(`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(vb.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(vb.client.connectionError,e),m(new YC(`connection`,`[devframe] Connection to the devframe server failed`,{cause:e}))},onDisconnected(){l!==`error`&&f(`disconnected`),m(new YC(`connection`,`[devframe] Disconnected from the devframe server`,{cause:u??void 0}))}}),te=cw(a.functions,{channel:ee,rpcOptions:o});a.register({name:vb.broadcast.authRevoked,type:`event`,handler:()=>{c=!1;let e=new YC(`auth`,`[devframe] The devframe server revoked this client's trust`);f(`unauthorized`,e),i.emit(vb.client.connectionError,e),m(e),i.emit(vb.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 YC(`auth`,`[devframe] The devframe server refused this client's credentials`);f(`unauthorized`,e),i.emit(vb.client.connectionError,e)}return i.emit(vb.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(vb.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(vb.client.error,n,t),Promise.reject(n)):g(te.$call(...e),t)},callEvent:(...e)=>{let t=h();if(t){i.emit(vb.client.error,t,String(e[0]));return}return te.$callEvent(...e)},callOptional:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(vb.client.error,n,t),Promise.reject(n)):g(te.$callOptional(...e),t)},close:()=>{ee.close()}}}function uw(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 dw(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},sseOptions:s={},callTimeout:c=0}=e,l=uw(n.sse,r??`./`,location);return lw({transport:`sse`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>sw({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 fw(e){let{name:t,message:n,cause:r,...i}=e,a=r instanceof Error?r:pw(r)?fw(r):r,o=a===void 0?Error(n):Error(n,{cause:a});return o.name=t,Object.assign(o,i),o}function pw(e){return typeof e==`object`&&!!e&&typeof e.message==`string`&&typeof e.name==`string`}function mw(e){return typeof e==`object`&&!!e&&e.type===`static`&&typeof e.path==`string`}function hw(e){return typeof e==`object`&&!!e&&e.type===`query`&&typeof e.records==`object`&&e.records!==null}function gw(e){return typeof e==`object`&&!!e&&(`output`in e||`error`in e)}function _w(e){if(e.error)throw fw(e.error);return e.output}function vw(e){return e.some(e=>e!=null)}function yw(e){return typeof e==`object`&&e&&`serialization`in e&&`data`in e?e.data:e}function bw(e,t){let n=new Map,r=new Map;function i(e,t){return t===`structured-clone`&&Array.isArray(e)?nC(e):e}function a(e,t){return i(yw(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 gw(r)?_w(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(mw(r)){if(vw(n))throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`);return await o(r)}if(hw(r)){let e=Zb(n),i=r.records[e];if(i)return _w(await s(i,r.serialization));if(r.fallback)return _w(await s(r.fallback,r.serialization));throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}if(!vw(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 xw(e){let t=bw(await e.fetchJsonFromBases(yC),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 Sw=``;function Cw(e,t){return`${e}${Sw}${t}`}function ww(e){let t=new Map,n=new Map;e.client.register({name:vb.broadcast.streamingChunk,type:`event`,handler(e,n,r,i){t.get(Cw(e,n))?._push(r,i)}}),e.client.register({name:vb.broadcast.streamingEnd,type:`event`,handler(e,n,r){let i=Cw(e,n),a=t.get(i);a&&(a._end(r),t.delete(i))}}),e.client.register({name:vb.broadcast.streamingUploadCancel,type:`event`,handler(e,t){let r=Cw(e,t),i=n.get(r);i&&(i.abort(`server cancelled upload`),n.delete(r))}}),e.events.on(vb.client.isTrustedUpdated,n=>{if(n)for(let[n,r]of t){if(r.cancelled||r.done)continue;let t=n.indexOf(Sw);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=Cw(n,r),o=t.get(a);if(o)return o;let s=cC({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(vb.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=Cw(t,r),a=n.get(i);if(a)return a;let o=sC({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 Tw(){}var Ew=new Map;function Dw(e){let t=e.url;e.authToken&&(t=`${t}?${SC}=${encodeURIComponent(e.authToken)}`);let n=new WebSocket(t),{onConnected:r=Tw,onError:i=Tw,onDisconnected:a=Tw,definitions:o=Ew}=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=rw(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 Ow(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 ix(a,/^https/i.test(a)?`wss://`:`ws://`);let o=new URL(a,r);return o.protocol=i,o.href}function kw(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},wsOptions:s={},callTimeout:c=0}=e,l=Ow(n.websocket,r??`./`,location);return lw({transport:`websocket`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>Dw({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 Aw(e){return e.includes(`:`)}function jw(e,t){return Aw(t)?t:`${e}:${t}`}function Mw(e){return{async get(t){return(await e()).value()?.[t]},async set(t,n){(await e()).mutate(e=>{if(e===void 0)return{[t]:n};e[t]=n})},async delete(t){(await e()).mutate(e=>{e!==void 0&&delete e[t]})},async all(){return(await e()).value()??{}},async onChange(t){return(await e()).on(`updated`,e=>t(e??{}))}}}function Nw(e,t,n){let r=`devframe:settings:${n}:${t}`,i;function a(){return i||=(async()=>(await e.ensureTrusted(),e.sharedState.get(r)))().catch(e=>{throw i=void 0,e}),i}return Mw(a)}function Pw(e,t){return{global:Nw(e,t,`global`),project:Nw(e,t,`project`)}}function Fw(e,t){return{namespace:t,base:e,rpc:{namespace:t,register(n){if(Aw(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(jw(t,n),...r)),callEvent:((n,...r)=>e.callEvent(jw(t,n),...r)),callOptional:((n,...r)=>e.callOptional(jw(t,n),...r)),sharedState:((n,r)=>e.sharedState.get(jw(t,n),r)),streaming:{subscribe:(n,r,i)=>e.streaming.subscribe(jw(t,n),r,i),upload:(n,r)=>e.streaming.upload(jw(t,n),r)}},settings:Pw(e,t),scope:e.scope}}function Iw(){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 Lw(e,t={}){let n=t.modelContext??Iw();if(!n)return()=>{};let r=n,i=new Map,a=new Map;function o(t,n){let o=dC(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=Mb(t.type,n),u=r.registerTool({name:o,description:n.description,inputSchema:Fb(t.args),annotations:{title:n.title??t.name,readOnlyHint:l===`read`,destructiveHint:l===`destructive`},execute:n=>Rw(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 Rw(e,t,n){try{let r=Lb(n,e.args?.length);return{content:[{type:`text`,text:zw(await(await jC(e,t))(...r))}]}}catch(e){return{isError:!0,content:[{type:`text`,text:Bw(e)}]}}}function zw(e){return e===void 0?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2)}function Bw(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 Vw(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 Hw(e={}){let{baseURL:t=`./`,rpcOptions:n={},cacheOptions:r=!1}=e,i=Qb(),a=Array.isArray(t)?t:[t],o=await JC(e),{connectionMeta:s,metaBaseUrl:c,authToken:l}=o,u=a[0]??`./`;try{u=new URL(`.`,c).href}catch{}let d=new CC({functions:[],...typeof e.cacheOptions==`object`?e.cacheOptions:{}}),f={rpc:void 0},p=new MC(f),m=e.webmcp===!1?void 0:Lw(p),h,g=!1,_=0,ee;function te(){_++,ee=void 0,d.clear(),r===!0&&d.updateOptions({functions:[]})}r&&(p.register({name:vb.broadcast.cacheInvalidate,type:`event`,handler:te}),i.on(vb.client.connectionStatus,te),i.on(vb.client.isTrustedUpdated,te));async function ne(e){let t=[u,...a.filter(e=>e!==u)].filter(e=>e!=null),n=[];for(let r of t)try{return await fetch(rx(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 re=e.callTimeout??0,ie=re>0?re:1/0,ae,oe={authToken:l,connectionMeta:s,metaBaseUrl:c,events:i,clientRpc:p,callTimeout:e.callTimeout,rpcOptions:{...n,async onRequest(e,t,i){let a=performance.now()+ie;if(await n.onRequest?.call(this,e,t,i),r===!0&&e.i&&ae.isTrusted&&!e.m.startsWith(`anonymous:`)&&e.m!==`devframe:rpc:cacheable-functions`){function t(){if(performance.now()>=a)throw new YC(`timeout`,`[devframe] RPC call "${e.m}" timed out after ${re}ms`)}for(;!ee&&(t(),!(g||ae.status!==`connected`));){let e=_;ee=ae.callOptional(`devframe:rpc:cacheable-functions`).then(t=>{e===_&&d.updateOptions({functions:t??[]})}).catch(t=>{throw e===_&&(ee=void 0),t}),await ee}await ee,t()}let o=_;if(r&&e.i&&!g&&ae.isTrusted&&d.validate(e.m)){if(d.has(e.m,e.a))return i(d.cached(e.m,e.a));let n=await t(e);o===_&&!g&&d.apply(e,n)}else await t(e)}}},se=Vw(e.transport??`auto`,s);ae=se===`static`?await xw({fetchJsonFromBases:ne}):se===`sse`?dw({...oe,sseOptions:e.sseOptions}):kw({...oe,wsOptions:e.wsOptions});let ce;try{ce=new BroadcastChannel(`devframe-auth`)}catch{}let le,ue=!1;function de(e){return((...t)=>ue||!le?e(...t):le.then(()=>e(...t)))}function fe(){g=!0,te();try{h?.(),m?.()}finally{try{ce?.close()}finally{ae.close?.()}}}let pe={events:i,get isTrusted(){return ae.isTrusted},get status(){return ae.status},get connectionError(){return ae.connectionError},get transport(){return ae.transport??se},get connection(){return o},connectionMeta:s,ensureTrusted:ae.ensureTrusted,requestTrust:ae.requestTrust,requestTrustWithToken:async e=>(WC(e),o={...o,authToken:e},ae.requestTrustWithToken(e)),requestTrustWithCode:async e=>{let t=await ae.requestTrustWithCode(e);if(!t)return!1;WC(t),o={...o,authToken:t};try{ce?.postMessage({type:`auth-update`,authToken:t})}catch{}return!0},requestAuthCode:e=>ae.requestAuthCode(e),call:de(ae.call),callEvent:de(ae.callEvent),callOptional:de(ae.callOptional),client:p,sharedState:void 0,services:void 0,streaming:void 0,cacheManager:d,scope:void 0,close:fe};pe.sharedState=tw(pe),pe.streaming=ww(pe),pe.services=ew(pe);let me=new Map;pe.scope=(e=>{if(!e)return pe;let t=me.get(e);return t||(t=Fw(pe,e),me.set(e,t)),t}),f.rpc=pe;function he(){try{return typeof window<`u`&&window.self===window.top}catch{return!1}}async function ge(){if(e.simpleAuth!==!1&&he()&&typeof globalThis.prompt==`function`)for(await pe.requestAuthCode().catch(()=>{});!pe.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 pe.requestTrustWithCode(t))return}}async function _e(){let t=await ae.requestTrust(),n=e.otpParam??`devframe_otp`,r=n?await $C(pe,{param:n}):!1;t||r||pe.isTrusted||await ge()}return le=_e().then(()=>{ue=!0},()=>{ue=!0}),s.mcp&&hC(async()=>{let{setupBrowserAgentRpcBridge:e}=await import(`./browser-agent-rpc-BXhoSh1z-DUv2cyy-.js`);return{setupBrowserAgentRpcBridge:e}},[],import.meta.url).then(({setupBrowserAgentRpcBridge:e})=>{g||(h=e(pe))}).catch(()=>{}),ce&&(ce.onmessage=e=>{e.data?.type===`auth-update`&&e.data.authToken&&pe.requestTrustWithToken(e.data.authToken)}),pe}var Uw=Hw,Ww=[`components`,`injectors`,`signals`,`ngrx`,`tanstackQuery`,`forms`,`router`,`pipes`,`http`,`analog`,`capacitor`,`errors`,`plugins`],Gw=[`angular`,`ngrx`,`analog`,`angular-native`,`nativescript`,`capacitor`];function Kw(e){return`pangular:${e}`}var qw=[`forms`,`router`,`ngrx`,`http`,`analog`,`components`,`tanstackQuery`,`plugins`],Jw={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}},Yw={"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`},Xw=[[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 Zw(e){return Xw.some(([t])=>t===e)}var Qw=/^[a-z][a-z0-9-]{0,39}$/;function $w(e,t){let n=t.plugins?.[e],r=t.inspectors.plugins&&Qw.test(e)&&(n?.enabled??!0);return{enabled:r,tools:r&&t.agent.tools.plugins&&(n?.tools??!0),actions:r&&t.actions.plugins&&(n?.actions??!0)}}var eT=`pangular`,tT={mod:`Mod`,ctrl:`Ctrl`,control:`Ctrl`,meta:`Meta`,cmd:`Meta`,command:`Meta`,alt:`Alt`,option:`Alt`,opt:`Alt`,shift:`Shift`},nT=[`Mod`,`Ctrl`,`Meta`,`Alt`,`Shift`];function rT(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=tT[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[...nT.filter(e=>n.has(e)),r].join(`+`)}function iT(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 aT(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 oT=[{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:`queries`,label:`Queries`,inspector:`tanstackQuery`},{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`},{id:`plugins`,label:`Plugins`,inspector:`plugins`}],sT=1e4;function cT(e){return oT.filter(t=>!(`inspector`in t)||e.inspectors[t.inspector])}var lT={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`},uT=200;function dT(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 fT(e){let t=new URLSearchParams(e.replace(/^#/,``)),n=e=>{let n=t.get(e)?.trim();return n&&n.length<=uT?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 pT=[{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 mT(e){let t=cT(e).map(e=>({id:`tab:${e.id}`,title:`Go to ${e.label}`,group:`Go to`,keywords:`tab open`})),n=pT.filter(t=>!t.inspector||e.inspectors[t.inspector]).map(({inspector:e,...t})=>t);return[...t,...n]}function hT(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function gT(e,t){return typeof e==`boolean`?e:t}var _T=100,vT=100;function yT(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`).map(e=>e.trim()).filter(e=>e&&e.length<=vT);return[...new Set(t)].slice(0,_T)}function bT(e,t){let{default:n,min:r,max:i}=Jw[t];return typeof e!=`number`||!Number.isFinite(e)?n:Math.min(i,Math.max(r,Math.round(e)))}function xT(e,t){return Object.fromEntries(e.map(e=>[e,t(e)]))}function ST(e){let t=hT(e),n=hT(t.agent),r=hT(t.inspectors),i=hT(n.tools),a=hT(t.actions),o=gT(t.actions,!0),s=hT(t.redaction),c=hT(t.limits),l=xT(Ww,e=>gT(r[e],!0));return{inspectors:l,agent:{readOnly:gT(n.readOnly,!1),tools:xT(Ww,e=>l[e]&&gT(i[e],!0)),browserTools:gT(n.browserTools,!1)},actions:xT(qw,e=>l[e]&&gT(a[e],o)),redaction:{secretNames:yT(s.secretNames),unmask:yT(s.unmask)},limits:Object.fromEntries(Object.keys(Jw).map(e=>[e,bT(c[e],e)])),popup:{hotkey:TT(hT(t.popup).hotkey)},plugins:wT(t.plugins)}}var CT=100;function wT(e){let t={};for(let[n,r]of Object.entries(hT(e)).slice(0,CT)){if(!Qw.test(n))continue;if(typeof r==`boolean`){t[n]={enabled:r,tools:!0,actions:!0};continue}let e=hT(r);r!==void 0&&Object.keys(e).length&&(t[n]={enabled:gT(e.enabled,!0),tools:gT(e.tools,!0),actions:gT(e.actions,!0)})}return t}function TT(e){return e===!1?!1:rT(e)??`Alt+Shift+P`}function ET(e){let t=e?.configs;return ST(t?.[eT])}function DT(e){return`${{forms:`Writing to forms`,router:`Navigating and clearing navigations`,ngrx:`Restoring NgRx state and dispatching actions`,http:`Changing HTTP mock rules and SSR overrides, and clearing HTTP calls`,analog:`Calling API routes and clearing server calls`,components:`Editing component properties and signals`,tanstackQuery:`Invalidating and refetching TanStack queries`,plugins:`Running plugin actions`}[e]} is turned off in the devtools config (actions.${e}).`}var OT=[`pangular:build-meta`],kT={components:`Components`,injectors:`Injectors`,signals:`Signals`,ngrx:`NgRx`,tanstackQuery:`TanStack Query`,forms:`Forms`,router:`Router`,pipes:`Pipes`,http:`HTTP`,analog:`Analog`,capacitor:`Capacitor`,errors:`Errors`,plugins:`Plugins`},AT={forms:`Form writes`,router:`Navigation`,ngrx:`NgRx restore and dispatch`,http:`HTTP mocking`,analog:`Analog API calls`,components:`Component edits`,tanstackQuery:`TanStack Query invalidate and refetch`,plugins:`Plugin actions`},jT={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 MT(e){let t=[],n=(e,n)=>{n.length&&t.push({label:e,value:n.join(`, `)})},r=Ww.filter(t=>e.inspectors[t]);n(`Inspectors off`,Ww.filter(t=>!e.inspectors[t]).map(e=>kT[e])),n(`Agent`,e.agent.readOnly?[`Read-only`]:[]),n(`Hidden from the agent`,r.filter(t=>!e.agent.tools[t]).map(e=>kT[e])),n(`Blocked actions`,qw.filter(t=>e.inspectors[t]&&!e.actions[t]).map(e=>AT[e])),n(`Extra secret names`,e.redaction.secretNames),n(`Unmasked names`,e.redaction.unmask),n(`Limits`,Object.keys(Jw).filter(t=>e.limits[t]!==Jw[t].default).map(t=>jT[t](e.limits[t]))),e.popup.hotkey!==`Alt+Shift+P`&&n(`Popup shortcut`,[e.popup.hotkey===!1?`Off`:e.popup.hotkey]);let i=Object.entries(e.plugins??{});return n(`Plugins off`,i.filter(([,e])=>!e.enabled).map(([e])=>e)),n(`Plugin tools or actions off`,i.filter(([,e])=>e.enabled&&(!e.tools||!e.actions)).map(([e,t])=>`${e} (${[!t.tools&&`tools`,!t.actions&&`actions`].filter(Boolean).join(`, `)})`)),t}function NT(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 PT(e){return!e.tags.length&&!e.directives.length&&!e.text}function FT(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 IT={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 LT(e){let t=/^(\d+)\.(\d+)/.exec(e.trim());return t?`${t[1]}.${t[2]}`:e.trim()}function RT(e){let t=/^(\d+)(?:\.(\d+))?/.exec(e.trim());return t?[Number(t[1]),Number(t[2]??0)]:null}function zT(e,t){let n=RT(e),r=RT(t);return!n||!r?!1:n[0]===r[0]?n[1]>=r[1]:n[0]>r[0]}function BT(e,t){return e?.capabilities?.[t]===!1}function VT(e,t){let n=IT[e],r=`${n.subject} needs Angular ${n.since} or later`;if(!t)return`${r}; this page's Angular version is unknown.`;let i=LT(t);return zT(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 HT=`pangular-page-id`,UT=null;function WT(e){UT=e}function GT(){if(UT)return UT;try{return new URLSearchParams(location.search).get(`pageId`)||(window.top===window?null:sessionStorage.getItem(HT)||null)}catch{return null}}function KT(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 qT(e,t){return e?t?e.pages?.[t]??null:e:null}function JT(e,t){return e?t?e.pages?.[t]??null:e.graph??null:null}function YT(){return{functions:[...OT]}}function XT(e,t,n){return e?e.scope(`pangular`).rpc.call(t,...n===void 0?[]:[n]):Promise.resolve(null)}function ZT(e,t,n){return XT(e,t,n).then(e=>e,()=>null)}function QT(e){return e?.connectionMeta.backend===`static`}function $T(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 eE(e=globalThis){delete e.__DEVFRAME_CONNECTION__,delete e.__DEVFRAME_CONNECTION_META__}function tE(e){return e.split(`@`)[1]??``}var nE={signal:`Signal Forms`,reactive:`Reactive`,template:`Template-driven`},rE={own:`validator`,directive:`template attribute`,tree:`cross-field rule`,async:`async`,parse:`parse`,submission:`server`,schema:`schema`,manual:`setErrors`},iE=ZT,aE={key:`name looks secret`,"input-type":`password input`,autocomplete:`autocomplete is a secret kind`,marker:`marked as mask`,parent:`inside a secret group`,config:`listed in mask`};function oE(e){return aE[e]??e}var sE=`https://pangular-inspector.dev/security/#opt-fields-in-or-out`;async function cE(e,t){return await iE(e,`request-form-action`,t)??{ok:!1,error:`The devtools server did not answer.`}}function lE(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 uE=/"(?:[^"\\\n]|\\.)*"|`([^`\n]*)`|\*\*/g;function dE(e){return(e??``).replace(/^_Labels, paths.*_\n\n/,``).replace(uE,(e,t)=>t??(e===`**`?``:e))}function fE(e){return ET(e?.connectionMeta)}function pE(e){return Array.isArray(e)&&e.every(e=>typeof e==`string`)?[...e]:void 0}function mE(e,t){if(!t||typeof t!=`object`)return e;let n=pE(t.secretNames),r=pE(t.unmask);return!n||!r?e:{...e,redaction:{secretNames:n,unmask:r}}}function hE(e,t){return fE(e).actions[t]}var gE={components:`components`,routes:`router`,signals:`signals`,injectors:`injectors`,store:`ngrx`,queries:`tanstackQuery`,forms:`forms`,pipes:`pipes`,network:`http`,analog:`analog`,capacitor:`capacitor`,errors:`errors`,plugins:`plugins`};function _E(e){return gE[e]}var vE=`https://pangular-inspector.dev/getting-started/configuration/#inspectors-and-agent-tools`;function yE(e,t){let n=gE[e];return!n||t.inspectors[n]}function bE(e,t){e&1&&(E(),kg(0,`rect`,5)(1,`rect`,6)(2,`rect`,7)(3,`rect`,8))}function xE(e,t){e&1&&(E(),kg(0,`path`,9)(1,`circle`,10)(2,`circle`,11)(3,`path`,12))}function SE(e,t){e&1&&(E(),kg(0,`path`,13)(1,`path`,14))}function CE(e,t){e&1&&(E(),kg(0,`path`,15)(1,`path`,16)(2,`path`,17))}function wE(e,t){e&1&&(E(),kg(0,`circle`,18)(1,`path`,19)(2,`circle`,20))}function TE(e,t){e&1&&(E(),kg(0,`path`,1))}function EE(e,t){e&1&&(E(),kg(0,`path`,21)(1,`path`,22)(2,`path`,23)(3,`path`,24))}function DE(e,t){e&1&&(E(),kg(0,`ellipse`,25)(1,`path`,26)(2,`path`,27))}function OE(e,t){e&1&&(E(),kg(0,`rect`,28)(1,`path`,29)(2,`path`,30)(3,`path`,31))}function kE(e,t){e&1&&(E(),kg(0,`circle`,32)(1,`path`,9)(2,`path`,33))}function AE(e,t){e&1&&(E(),kg(0,`path`,34)(1,`path`,35)(2,`path`,36)(3,`path`,37)(4,`circle`,38))}function jE(e,t){e&1&&(E(),kg(0,`circle`,39)(1,`path`,40))}function ME(e,t){e&1&&(E(),kg(0,`ellipse`,41)(1,`path`,42)(2,`path`,43)(3,`path`,44)(4,`path`,45))}function NE(e,t){e&1&&(E(),kg(0,`circle`,32)(1,`path`,46)(2,`path`,47))}function PE(e,t){e&1&&(E(),kg(0,`path`,2))}function FE(e,t){e&1&&(E(),kg(0,`path`,3))}function IE(e,t){e&1&&(E(),kg(0,`path`,4))}var LE=class e{name=$.required();static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-tab-icon`]],inputs:{name:[1,`name`]},decls:18,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`,`M10 3h4v3a2 2 0 1 0 4 0V5h1a2 2 0 0 1 2 2v4h-2a2 2 0 1 0 0 4h2v4a2 2 0 0 1-2 2h-4v-2a2 2 0 1 0-4 0v2H7a2 2 0 0 1-2-2v-4H4a2 2 0 1 1 0-4h1V7a2 2 0 0 1 2-2h3Z`],[`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`],[`cx`,`11`,`cy`,`5`,`rx`,`8`,`ry`,`3`],[`d`,`M3 5v6c0 1.66 3.58 3 8 3`],[`d`,`M3 11v6c0 1.66 3.58 3 8 3`],[`d`,`M21 14a4 4 0 1 1-1.2-2.85L21 12.3`],[`d`,`M21 9v3.3h-3.3`],[`d`,`M12 7v6`],[`d`,`M12 16.5v.01`]],template:function(e,t){if(e&1&&(E(),z(0,`svg`,0),j(1,bE,4,0)(2,xE,4,0)(3,SE,2,0)(4,CE,3,0)(5,wE,3,0)(6,TE,1,0,`:svg:path`,1)(7,EE,4,0)(8,DE,3,0)(9,OE,4,0)(10,kE,3,0)(11,AE,5,0)(12,jE,2,0)(13,ME,5,0)(14,NE,3,0)(15,PE,1,0,`:svg:path`,2)(16,FE,1,0,`:svg:path`,3)(17,IE,1,0,`:svg:path`,4),B()),e&2){let e;O(),M((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===`queries`?13:e===`errors`?14:e===`plugins`?15:e===`analog`?16:e===`capacitor`?17:-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`,[vC]: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 cw(e,t){let{channel:n,rpcOptions:r={}}=t;return jb(e,{...n,timeout:-1,...r,proxify:!1})}function lw(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(vb.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 YC(`connection`,`[devframe] Not connected to the devframe server`,{cause:u??void 0}):l===`unauthorized`?new YC(`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(vb.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 YC(`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(vb.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(vb.client.connectionError,e),m(new YC(`connection`,`[devframe] Connection to the devframe server failed`,{cause:e}))},onDisconnected(){l!==`error`&&f(`disconnected`),m(new YC(`connection`,`[devframe] Disconnected from the devframe server`,{cause:u??void 0}))}}),te=cw(a.functions,{channel:ee,rpcOptions:o});a.register({name:vb.broadcast.authRevoked,type:`event`,handler:()=>{c=!1;let e=new YC(`auth`,`[devframe] The devframe server revoked this client's trust`);f(`unauthorized`,e),i.emit(vb.client.connectionError,e),m(e),i.emit(vb.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 YC(`auth`,`[devframe] The devframe server refused this client's credentials`);f(`unauthorized`,e),i.emit(vb.client.connectionError,e)}return i.emit(vb.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(vb.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(vb.client.error,n,t),Promise.reject(n)):g(te.$call(...e),t)},callEvent:(...e)=>{let t=h();if(t){i.emit(vb.client.error,t,String(e[0]));return}return te.$callEvent(...e)},callOptional:(...e)=>{let t=String(e[0]),n=h();return n?(i.emit(vb.client.error,n,t),Promise.reject(n)):g(te.$callOptional(...e),t)},close:()=>{ee.close()}}}function uw(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 dw(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},sseOptions:s={},callTimeout:c=0}=e,l=uw(n.sse,r??`./`,location);return lw({transport:`sse`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>sw({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 fw(e){let{name:t,message:n,cause:r,...i}=e,a=r instanceof Error?r:pw(r)?fw(r):r,o=a===void 0?Error(n):Error(n,{cause:a});return o.name=t,Object.assign(o,i),o}function pw(e){return typeof e==`object`&&!!e&&typeof e.message==`string`&&typeof e.name==`string`}function mw(e){return typeof e==`object`&&!!e&&e.type===`static`&&typeof e.path==`string`}function hw(e){return typeof e==`object`&&!!e&&e.type===`query`&&typeof e.records==`object`&&e.records!==null}function gw(e){return typeof e==`object`&&!!e&&(`output`in e||`error`in e)}function _w(e){if(e.error)throw fw(e.error);return e.output}function vw(e){return e.some(e=>e!=null)}function yw(e){return typeof e==`object`&&e&&`serialization`in e&&`data`in e?e.data:e}function bw(e,t){let n=new Map,r=new Map;function i(e,t){return t===`structured-clone`&&Array.isArray(e)?nC(e):e}function a(e,t){return i(yw(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 gw(r)?_w(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(mw(r)){if(vw(n))throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`);return await o(r)}if(hw(r)){let e=Zb(n),i=r.records[e];if(i)return _w(await s(i,r.serialization));if(r.fallback)return _w(await s(r.fallback,r.serialization));throw Error(`[devframe-rpc] No dump match for "${t}" with args: ${JSON.stringify(n)}`)}if(!vw(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 xw(e){let t=bw(await e.fetchJsonFromBases(yC),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 Sw=``;function Cw(e,t){return`${e}${Sw}${t}`}function ww(e){let t=new Map,n=new Map;e.client.register({name:vb.broadcast.streamingChunk,type:`event`,handler(e,n,r,i){t.get(Cw(e,n))?._push(r,i)}}),e.client.register({name:vb.broadcast.streamingEnd,type:`event`,handler(e,n,r){let i=Cw(e,n),a=t.get(i);a&&(a._end(r),t.delete(i))}}),e.client.register({name:vb.broadcast.streamingUploadCancel,type:`event`,handler(e,t){let r=Cw(e,t),i=n.get(r);i&&(i.abort(`server cancelled upload`),n.delete(r))}}),e.events.on(vb.client.isTrustedUpdated,n=>{if(n)for(let[n,r]of t){if(r.cancelled||r.done)continue;let t=n.indexOf(Sw);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=Cw(n,r),o=t.get(a);if(o)return o;let s=cC({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(vb.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=Cw(t,r),a=n.get(i);if(a)return a;let o=sC({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 Tw(){}var Ew=new Map;function Dw(e){let t=e.url;e.authToken&&(t=`${t}?${SC}=${encodeURIComponent(e.authToken)}`);let n=new WebSocket(t),{onConnected:r=Tw,onError:i=Tw,onDisconnected:a=Tw,definitions:o=Ew}=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=rw(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 Ow(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 ix(a,/^https/i.test(a)?`wss://`:`ws://`);let o=new URL(a,r);return o.protocol=i,o.href}function kw(e){let{authToken:t,connectionMeta:n,metaBaseUrl:r,events:i,clientRpc:a,rpcOptions:o={},wsOptions:s={},callTimeout:c=0}=e,l=Ow(n.websocket,r??`./`,location);return lw({transport:`websocket`,authToken:t,connectionMeta:n,events:i,clientRpc:a,rpcOptions:o,callTimeout:c,createChannel:e=>Dw({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 Aw(e){return e.includes(`:`)}function jw(e,t){return Aw(t)?t:`${e}:${t}`}function Mw(e){return{async get(t){return(await e()).value()?.[t]},async set(t,n){(await e()).mutate(e=>{if(e===void 0)return{[t]:n};e[t]=n})},async delete(t){(await e()).mutate(e=>{e!==void 0&&delete e[t]})},async all(){return(await e()).value()??{}},async onChange(t){return(await e()).on(`updated`,e=>t(e??{}))}}}function Nw(e,t,n){let r=`devframe:settings:${n}:${t}`,i;function a(){return i||=(async()=>(await e.ensureTrusted(),e.sharedState.get(r)))().catch(e=>{throw i=void 0,e}),i}return Mw(a)}function Pw(e,t){return{global:Nw(e,t,`global`),project:Nw(e,t,`project`)}}function Fw(e,t){return{namespace:t,base:e,rpc:{namespace:t,register(n){if(Aw(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(jw(t,n),...r)),callEvent:((n,...r)=>e.callEvent(jw(t,n),...r)),callOptional:((n,...r)=>e.callOptional(jw(t,n),...r)),sharedState:((n,r)=>e.sharedState.get(jw(t,n),r)),streaming:{subscribe:(n,r,i)=>e.streaming.subscribe(jw(t,n),r,i),upload:(n,r)=>e.streaming.upload(jw(t,n),r)}},settings:Pw(e,t),scope:e.scope}}function Iw(){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 Lw(e,t={}){let n=t.modelContext??Iw();if(!n)return()=>{};let r=n,i=new Map,a=new Map;function o(t,n){let o=dC(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=Mb(t.type,n),u=r.registerTool({name:o,description:n.description,inputSchema:Fb(t.args),annotations:{title:n.title??t.name,readOnlyHint:l===`read`,destructiveHint:l===`destructive`},execute:n=>Rw(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 Rw(e,t,n){try{let r=Lb(n,e.args?.length);return{content:[{type:`text`,text:zw(await(await jC(e,t))(...r))}]}}catch(e){return{isError:!0,content:[{type:`text`,text:Bw(e)}]}}}function zw(e){return e===void 0?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2)}function Bw(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 Vw(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 Hw(e={}){let{baseURL:t=`./`,rpcOptions:n={},cacheOptions:r=!1}=e,i=Qb(),a=Array.isArray(t)?t:[t],o=await JC(e),{connectionMeta:s,metaBaseUrl:c,authToken:l}=o,u=a[0]??`./`;try{u=new URL(`.`,c).href}catch{}let d=new CC({functions:[],...typeof e.cacheOptions==`object`?e.cacheOptions:{}}),f={rpc:void 0},p=new MC(f),m=e.webmcp===!1?void 0:Lw(p),h,g=!1,_=0,ee;function te(){_++,ee=void 0,d.clear(),r===!0&&d.updateOptions({functions:[]})}r&&(p.register({name:vb.broadcast.cacheInvalidate,type:`event`,handler:te}),i.on(vb.client.connectionStatus,te),i.on(vb.client.isTrustedUpdated,te));async function ne(e){let t=[u,...a.filter(e=>e!==u)].filter(e=>e!=null),n=[];for(let r of t)try{return await fetch(rx(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 re=e.callTimeout??0,ie=re>0?re:1/0,ae,oe={authToken:l,connectionMeta:s,metaBaseUrl:c,events:i,clientRpc:p,callTimeout:e.callTimeout,rpcOptions:{...n,async onRequest(e,t,i){let a=performance.now()+ie;if(await n.onRequest?.call(this,e,t,i),r===!0&&e.i&&ae.isTrusted&&!e.m.startsWith(`anonymous:`)&&e.m!==`devframe:rpc:cacheable-functions`){function t(){if(performance.now()>=a)throw new YC(`timeout`,`[devframe] RPC call "${e.m}" timed out after ${re}ms`)}for(;!ee&&(t(),!(g||ae.status!==`connected`));){let e=_;ee=ae.callOptional(`devframe:rpc:cacheable-functions`).then(t=>{e===_&&d.updateOptions({functions:t??[]})}).catch(t=>{throw e===_&&(ee=void 0),t}),await ee}await ee,t()}let o=_;if(r&&e.i&&!g&&ae.isTrusted&&d.validate(e.m)){if(d.has(e.m,e.a))return i(d.cached(e.m,e.a));let n=await t(e);o===_&&!g&&d.apply(e,n)}else await t(e)}}},se=Vw(e.transport??`auto`,s);ae=se===`static`?await xw({fetchJsonFromBases:ne}):se===`sse`?dw({...oe,sseOptions:e.sseOptions}):kw({...oe,wsOptions:e.wsOptions});let ce;try{ce=new BroadcastChannel(`devframe-auth`)}catch{}let le,ue=!1;function de(e){return((...t)=>ue||!le?e(...t):le.then(()=>e(...t)))}function fe(){g=!0,te();try{h?.(),m?.()}finally{try{ce?.close()}finally{ae.close?.()}}}let pe={events:i,get isTrusted(){return ae.isTrusted},get status(){return ae.status},get connectionError(){return ae.connectionError},get transport(){return ae.transport??se},get connection(){return o},connectionMeta:s,ensureTrusted:ae.ensureTrusted,requestTrust:ae.requestTrust,requestTrustWithToken:async e=>(WC(e),o={...o,authToken:e},ae.requestTrustWithToken(e)),requestTrustWithCode:async e=>{let t=await ae.requestTrustWithCode(e);if(!t)return!1;WC(t),o={...o,authToken:t};try{ce?.postMessage({type:`auth-update`,authToken:t})}catch{}return!0},requestAuthCode:e=>ae.requestAuthCode(e),call:de(ae.call),callEvent:de(ae.callEvent),callOptional:de(ae.callOptional),client:p,sharedState:void 0,services:void 0,streaming:void 0,cacheManager:d,scope:void 0,close:fe};pe.sharedState=tw(pe),pe.streaming=ww(pe),pe.services=ew(pe);let me=new Map;pe.scope=(e=>{if(!e)return pe;let t=me.get(e);return t||(t=Fw(pe,e),me.set(e,t)),t}),f.rpc=pe;function he(){try{return typeof window<`u`&&window.self===window.top}catch{return!1}}async function ge(){if(e.simpleAuth!==!1&&he()&&typeof globalThis.prompt==`function`)for(await pe.requestAuthCode().catch(()=>{});!pe.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 pe.requestTrustWithCode(t))return}}async function _e(){let t=await ae.requestTrust(),n=e.otpParam??`devframe_otp`,r=n?await $C(pe,{param:n}):!1;t||r||pe.isTrusted||await ge()}return le=_e().then(()=>{ue=!0},()=>{ue=!0}),s.mcp&&hC(async()=>{let{setupBrowserAgentRpcBridge:e}=await import(`./browser-agent-rpc-BXhoSh1z-CA8CCnXn.js`);return{setupBrowserAgentRpcBridge:e}},[],import.meta.url).then(({setupBrowserAgentRpcBridge:e})=>{g||(h=e(pe))}).catch(()=>{}),ce&&(ce.onmessage=e=>{e.data?.type===`auth-update`&&e.data.authToken&&pe.requestTrustWithToken(e.data.authToken)}),pe}var Uw=Hw,Ww=[`components`,`injectors`,`signals`,`ngrx`,`tanstackQuery`,`forms`,`router`,`pipes`,`http`,`analog`,`capacitor`,`errors`,`plugins`],Gw=[`angular`,`ngrx`,`analog`,`angular-native`,`nativescript`,`capacitor`];function Kw(e){return`pangular:${e}`}var qw=[`forms`,`router`,`ngrx`,`http`,`analog`,`components`,`tanstackQuery`,`plugins`],Jw={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}},Yw={"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`},Xw=[[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 Zw(e){return Xw.some(([t])=>t===e)}var Qw=/^[a-z][a-z0-9-]{0,39}$/;function $w(e,t){let n=t.plugins?.[e],r=t.inspectors.plugins&&Qw.test(e)&&(n?.enabled??!0);return{enabled:r,tools:r&&t.agent.tools.plugins&&(n?.tools??!0),actions:r&&t.actions.plugins&&(n?.actions??!0)}}var eT=`pangular`,tT={mod:`Mod`,ctrl:`Ctrl`,control:`Ctrl`,meta:`Meta`,cmd:`Meta`,command:`Meta`,alt:`Alt`,option:`Alt`,opt:`Alt`,shift:`Shift`},nT=[`Mod`,`Ctrl`,`Meta`,`Alt`,`Shift`];function rT(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=tT[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[...nT.filter(e=>n.has(e)),r].join(`+`)}function iT(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 aT(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 oT=[{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:`queries`,label:`Queries`,inspector:`tanstackQuery`},{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`},{id:`plugins`,label:`Plugins`,inspector:`plugins`}],sT=1e4;function cT(e){return oT.filter(t=>!(`inspector`in t)||e.inspectors[t.inspector])}var lT={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`},uT=200;function dT(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 fT(e){let t=new URLSearchParams(e.replace(/^#/,``)),n=e=>{let n=t.get(e)?.trim();return n&&n.length<=uT?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 pT=[{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 mT(e){let t=cT(e).map(e=>({id:`tab:${e.id}`,title:`Go to ${e.label}`,group:`Go to`,keywords:`tab open`})),n=pT.filter(t=>!t.inspector||e.inspectors[t.inspector]).map(({inspector:e,...t})=>t);return[...t,...n]}function hT(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function gT(e,t){return typeof e==`boolean`?e:t}var _T=100,vT=100;function yT(e){if(!Array.isArray(e))return[];let t=e.filter(e=>typeof e==`string`).map(e=>e.trim()).filter(e=>e&&e.length<=vT);return[...new Set(t)].slice(0,_T)}function bT(e,t){let{default:n,min:r,max:i}=Jw[t];return typeof e!=`number`||!Number.isFinite(e)?n:Math.min(i,Math.max(r,Math.round(e)))}function xT(e,t){return Object.fromEntries(e.map(e=>[e,t(e)]))}function ST(e){let t=hT(e),n=hT(t.agent),r=hT(t.inspectors),i=hT(n.tools),a=hT(t.actions),o=gT(t.actions,!0),s=hT(t.redaction),c=hT(t.limits),l=xT(Ww,e=>gT(r[e],!0));return{inspectors:l,agent:{readOnly:gT(n.readOnly,!1),tools:xT(Ww,e=>l[e]&&gT(i[e],!0)),browserTools:gT(n.browserTools,!1)},actions:xT(qw,e=>l[e]&&gT(a[e],o)),redaction:{secretNames:yT(s.secretNames),unmask:yT(s.unmask)},limits:Object.fromEntries(Object.keys(Jw).map(e=>[e,bT(c[e],e)])),popup:{hotkey:TT(hT(t.popup).hotkey)},plugins:wT(t.plugins)}}var CT=100;function wT(e){let t={};for(let[n,r]of Object.entries(hT(e)).slice(0,CT)){if(!Qw.test(n))continue;if(typeof r==`boolean`){t[n]={enabled:r,tools:!0,actions:!0};continue}let e=hT(r);r!==void 0&&Object.keys(e).length&&(t[n]={enabled:gT(e.enabled,!0),tools:gT(e.tools,!0),actions:gT(e.actions,!0)})}return t}function TT(e){return e===!1?!1:rT(e)??`Alt+Shift+P`}function ET(e){let t=e?.configs;return ST(t?.[eT])}function DT(e){return`${{forms:`Writing to forms`,router:`Navigating and clearing navigations`,ngrx:`Restoring NgRx state and dispatching actions`,http:`Changing HTTP mock rules and SSR overrides, and clearing HTTP calls`,analog:`Calling API routes and clearing server calls`,components:`Editing component properties and signals`,tanstackQuery:`Invalidating and refetching TanStack queries`,plugins:`Running plugin actions`}[e]} is turned off in the devtools config (actions.${e}).`}var OT=[`pangular:build-meta`],kT={components:`Components`,injectors:`Injectors`,signals:`Signals`,ngrx:`NgRx`,tanstackQuery:`TanStack Query`,forms:`Forms`,router:`Router`,pipes:`Pipes`,http:`HTTP`,analog:`Analog`,capacitor:`Capacitor`,errors:`Errors`,plugins:`Plugins`},AT={forms:`Form writes`,router:`Navigation`,ngrx:`NgRx restore and dispatch`,http:`HTTP mocking`,analog:`Analog API calls`,components:`Component edits`,tanstackQuery:`TanStack Query invalidate and refetch`,plugins:`Plugin actions`},jT={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 MT(e){let t=[],n=(e,n)=>{n.length&&t.push({label:e,value:n.join(`, `)})},r=Ww.filter(t=>e.inspectors[t]);n(`Inspectors off`,Ww.filter(t=>!e.inspectors[t]).map(e=>kT[e])),n(`Agent`,e.agent.readOnly?[`Read-only`]:[]),n(`Hidden from the agent`,r.filter(t=>!e.agent.tools[t]).map(e=>kT[e])),n(`Blocked actions`,qw.filter(t=>e.inspectors[t]&&!e.actions[t]).map(e=>AT[e])),n(`Extra secret names`,e.redaction.secretNames),n(`Unmasked names`,e.redaction.unmask),n(`Limits`,Object.keys(Jw).filter(t=>e.limits[t]!==Jw[t].default).map(t=>jT[t](e.limits[t]))),e.popup.hotkey!==`Alt+Shift+P`&&n(`Popup shortcut`,[e.popup.hotkey===!1?`Off`:e.popup.hotkey]);let i=Object.entries(e.plugins??{});return n(`Plugins off`,i.filter(([,e])=>!e.enabled).map(([e])=>e)),n(`Plugin tools or actions off`,i.filter(([,e])=>e.enabled&&(!e.tools||!e.actions)).map(([e,t])=>`${e} (${[!t.tools&&`tools`,!t.actions&&`actions`].filter(Boolean).join(`, `)})`)),t}function NT(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 PT(e){return!e.tags.length&&!e.directives.length&&!e.text}function FT(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 IT={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 LT(e){let t=/^(\d+)\.(\d+)/.exec(e.trim());return t?`${t[1]}.${t[2]}`:e.trim()}function RT(e){let t=/^(\d+)(?:\.(\d+))?/.exec(e.trim());return t?[Number(t[1]),Number(t[2]??0)]:null}function zT(e,t){let n=RT(e),r=RT(t);return!n||!r?!1:n[0]===r[0]?n[1]>=r[1]:n[0]>r[0]}function BT(e,t){return e?.capabilities?.[t]===!1}function VT(e,t){let n=IT[e],r=`${n.subject} needs Angular ${n.since} or later`;if(!t)return`${r}; this page's Angular version is unknown.`;let i=LT(t);return zT(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 HT=/^on (viewport|interaction|hover)\b/;function UT(e){let t=e.filter(e=>!/^(prefetch|hydrate) /.test(e));return t.length>0&&t.every(e=>HT.test(e))}function WT(e,t){let n=[],r=e.since>0?Math.max(0,Math.round((t-e.since)/1e3)):0;return e.state===`error`&&n.push({kind:`failed`,text:`failed to load`,label:`failed`}),(e.state===`placeholder`||e.state===`initial`)&&r*1e3>=1e4&&n.push(UT(e.triggers)?{kind:`waiting`,text:`waiting for its trigger for ${r}s`,label:`waiting ${r}s`,seconds:r}:{kind:`stuck`,text:`on its placeholder for ${r}s`,label:`stuck ${r}s`,seconds:r}),e.hydrateNever?n.push({kind:`hydrate-never`,text:`hydrate never: the server HTML stays static`,label:`hydrate never`}):e.hydration===`dehydrated`&&n.push({kind:`dehydrated`,text:`still dehydrated`,label:`dehydrated`}),n}var GT=`pangular-page-id`,KT=null;function qT(e){KT=e}function JT(){if(KT)return KT;try{return new URLSearchParams(location.search).get(`pageId`)||(window.top===window?null:sessionStorage.getItem(GT)||null)}catch{return null}}function YT(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 XT(e,t){return e?t?e.pages?.[t]??null:e:null}function ZT(e,t){return e?t?e.pages?.[t]??null:e.graph??null:null}function QT(){return{functions:[...OT]}}function $T(e,t,n){return e?e.scope(`pangular`).rpc.call(t,...n===void 0?[]:[n]):Promise.resolve(null)}function eE(e,t,n){return $T(e,t,n).then(e=>e,()=>null)}function tE(e){return e?.connectionMeta.backend===`static`}function nE(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 rE(e=globalThis){delete e.__DEVFRAME_CONNECTION__,delete e.__DEVFRAME_CONNECTION_META__}function iE(e){return e.split(`@`)[1]??``}var aE={signal:`Signal Forms`,reactive:`Reactive`,template:`Template-driven`},oE={own:`validator`,directive:`template attribute`,tree:`cross-field rule`,async:`async`,parse:`parse`,submission:`server`,schema:`schema`,manual:`setErrors`},sE=eE,cE={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 lE(e){return cE[e]??e}var uE=`https://pangular-inspector.dev/security/#opt-fields-in-or-out`;async function dE(e,t){return await sE(e,`request-form-action`,t)??{ok:!1,error:`The devtools server did not answer.`}}function fE(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 pE=/"(?:[^"\\\n]|\\.)*"|`([^`\n]*)`|\*\*/g;function mE(e){return(e??``).replace(/^_Labels, paths.*_\n\n/,``).replace(pE,(e,t)=>t??(e===`**`?``:e))}function hE(e){return ET(e?.connectionMeta)}function gE(e){return Array.isArray(e)&&e.every(e=>typeof e==`string`)?[...e]:void 0}function _E(e,t){if(!t||typeof t!=`object`)return e;let n=gE(t.secretNames),r=gE(t.unmask);return!n||!r?e:{...e,redaction:{secretNames:n,unmask:r}}}function vE(e,t){return hE(e).actions[t]}var yE={components:`components`,routes:`router`,signals:`signals`,injectors:`injectors`,store:`ngrx`,queries:`tanstackQuery`,forms:`forms`,pipes:`pipes`,network:`http`,analog:`analog`,capacitor:`capacitor`,errors:`errors`,plugins:`plugins`};function bE(e){return yE[e]}var xE=`https://pangular-inspector.dev/getting-started/configuration/#inspectors-and-agent-tools`;function SE(e,t){let n=yE[e];return!n||t.inspectors[n]}function CE(e,t){e&1&&(E(),kg(0,`rect`,5)(1,`rect`,6)(2,`rect`,7)(3,`rect`,8))}function wE(e,t){e&1&&(E(),kg(0,`path`,9)(1,`circle`,10)(2,`circle`,11)(3,`path`,12))}function TE(e,t){e&1&&(E(),kg(0,`path`,13)(1,`path`,14))}function EE(e,t){e&1&&(E(),kg(0,`path`,15)(1,`path`,16)(2,`path`,17))}function DE(e,t){e&1&&(E(),kg(0,`circle`,18)(1,`path`,19)(2,`circle`,20))}function OE(e,t){e&1&&(E(),kg(0,`path`,1))}function kE(e,t){e&1&&(E(),kg(0,`path`,21)(1,`path`,22)(2,`path`,23)(3,`path`,24))}function AE(e,t){e&1&&(E(),kg(0,`ellipse`,25)(1,`path`,26)(2,`path`,27))}function jE(e,t){e&1&&(E(),kg(0,`rect`,28)(1,`path`,29)(2,`path`,30)(3,`path`,31))}function ME(e,t){e&1&&(E(),kg(0,`circle`,32)(1,`path`,9)(2,`path`,33))}function NE(e,t){e&1&&(E(),kg(0,`path`,34)(1,`path`,35)(2,`path`,36)(3,`path`,37)(4,`circle`,38))}function PE(e,t){e&1&&(E(),kg(0,`circle`,39)(1,`path`,40))}function FE(e,t){e&1&&(E(),kg(0,`ellipse`,41)(1,`path`,42)(2,`path`,43)(3,`path`,44)(4,`path`,45))}function IE(e,t){e&1&&(E(),kg(0,`circle`,32)(1,`path`,46)(2,`path`,47))}function LE(e,t){e&1&&(E(),kg(0,`path`,2))}function RE(e,t){e&1&&(E(),kg(0,`path`,3))}function zE(e,t){e&1&&(E(),kg(0,`path`,4))}var BE=class e{name=$.required();static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-tab-icon`]],inputs:{name:[1,`name`]},decls:18,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`,`M10 3h4v3a2 2 0 1 0 4 0V5h1a2 2 0 0 1 2 2v4h-2a2 2 0 1 0 0 4h2v4a2 2 0 0 1-2 2h-4v-2a2 2 0 1 0-4 0v2H7a2 2 0 0 1-2-2v-4H4a2 2 0 1 1 0-4h1V7a2 2 0 0 1 2-2h3Z`],[`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`],[`cx`,`11`,`cy`,`5`,`rx`,`8`,`ry`,`3`],[`d`,`M3 5v6c0 1.66 3.58 3 8 3`],[`d`,`M3 11v6c0 1.66 3.58 3 8 3`],[`d`,`M21 14a4 4 0 1 1-1.2-2.85L21 12.3`],[`d`,`M21 9v3.3h-3.3`],[`d`,`M12 7v6`],[`d`,`M12 16.5v.01`]],template:function(e,t){if(e&1&&(E(),z(0,`svg`,0),j(1,CE,4,0)(2,wE,4,0)(3,TE,2,0)(4,EE,3,0)(5,DE,3,0)(6,OE,1,0,`:svg:path`,1)(7,kE,4,0)(8,AE,3,0)(9,jE,4,0)(10,ME,3,0)(11,NE,5,0)(12,PE,2,0)(13,FE,5,0)(14,IE,3,0)(15,LE,1,0,`:svg:path`,2)(16,RE,1,0,`:svg:path`,3)(17,zE,1,0,`:svg:path`,4),B()),e&2){let e;O(),M((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===`queries`?13:e===`errors`?14:e===`plugins`?15:e===`analog`?16:e===`capacitor`?17:-1)}},styles:[`[_nghost-%COMP%] {
   display: inline-flex;
   flex-shrink: 0;
-}`]})},RE=(e,t)=>t.tab,zE=(e,t)=>t.label;function BE(e,t){e&1&&K(0),e&2&&J(` `,W().meta()?.projectName,` `)}function VE(e,t){e&1&&K(0,` Project details unavailable `)}function HE(e,t){e&1&&K(0,` Loading… `)}function UE(e,t){e&1&&(K(0,` Run `),I(1,`code`),K(2,`pangular build`),L(),K(3,` again to rebuild the report. `))}function WE(e,t){e&1&&K(0,` Check that the dev server is running. `)}function GE(e,t){if(e&1){let e=V();I(0,`button`,12),H(`click`,function(){return w(e),T(W(2).loadMeta())}),K(1,`Try again`),L()}}function KE(e,t){if(e&1&&(I(0,`p`,10),j(1,UE,4,0)(2,WE,1,0),L(),j(3,GE,2,0,`button`,11)),e&2){let e=W();O(),M(e.staticReport()?1:2),O(2),M(e.staticReport()?-1:3)}}function qE(e,t){e&1&&(I(0,`li`,5)(1,`span`),K(2,`Analog`),L(),K(3),L()),e&2&&(O(3),q(t))}function JE(e,t){e&1&&(I(0,`li`)(1,`span`),K(2,`Change detection`),L(),K(3),L()),e&2&&(O(3),q(t))}function YE(e,t){if(e&1&&(I(0,`span`,19),K(1),L(),I(2,`span`,20),K(3),L()),e&2){let e=W().$implicit,t=W();O(),q(t.cards()[e.tab]?.value),O(2),q(t.cards()[e.tab]?.sub)}}function XE(e,t){e&1&&(I(0,`span`,21),K(1,`–`),L(),I(2,`span`,20),K(3,`Count unavailable`),L())}function ZE(e,t){e&1&&(R(0,`span`,22),I(1,`span`,20),K(2,`Counting…`),L())}function QE(e,t){if(e&1){let e=V();I(0,`button`,13),H(`click`,function(){let t=w(e).$implicit;return T(W().navigate.emit(t.tab))}),I(1,`span`,14)(2,`span`,15),R(3,`app-tab-icon`,16),L(),I(4,`span`,17),K(5,`→`),L()(),I(6,`span`,18),K(7),L(),j(8,YE,4,2)(9,XE,4,0)(10,ZE,3,0),L()}if(e&2){let e,n=t.$implicit,r=t.$index,i=W().stateOf(n.tab);b_(`animation-delay`,60*r,`ms`),A(`aria-busy`,i===`loading`),O(3),F(`name`,n.tab),O(4),q(n.label),O(),M((e=i)===`ready`?8:e===`error`?9:10)}}function $E(e,t){e&1&&(I(0,`p`),K(1,`Loading…`),L())}function eD(e,t){if(e&1&&(I(0,`div`)(1,`dt`),K(2),L(),I(3,`dd`),K(4),L()()),e&2){let e=t.$implicit;O(2),q(e.label),O(2),q(e.value)}}function tD(e,t){if(e&1&&(I(0,`dl`),N(1,eD,5,2,`div`,null,zE),L()),e&2){let e=W();O(),P(e.configItems())}}function nD(e,t){e&1&&(I(0,`p`),K(1,`Defaults`),L())}var rD=[{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 iD(e){return rD.filter(t=>yE(t.tab,e))}var aD={zoneless:`Zoneless`,zone:`zone.js`,"zone-unused":`Zoneless, zone.js loaded`};function oD(e){return e&&Object.hasOwn(aD,e)?aD[e]:null}var sD=new Set([`signal`,`computed`,`linkedSignal`,`effect`]),cD={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 lD(e,t,n){return`${e} ${e===1?t:n}`}function uD(e,t){for(let n of e??[])t(n),uD(n.children,t)}function dD(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 · ${lD(t,`directive`,`directives`)}`}}function fD(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 · ${lD(t,`redirect`,`redirects`)}`}}function pD(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]=cD[e]??[e,e];return lD(t,n,r)});return{value:e.length,sub:n.join(` · `)}}function mD(e,t){let n=e?.forms??[],r=t?n.filter(e=>tE(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 hD(e){return e.cancelled||e.status===void 0?!1:e.status===0||e.status>=400}function gD(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(hD).length;return{value:o.length,sub:`${o.length===1?`call`:`calls`} · ${s} failed`}}var _D=class e{rpc=$(null);navigate=yv();staticReport=X(()=>QT(this.rpc()));meta=D(null);redaction=D(null);config=X(()=>mE(fE(this.rpc()),this.redaction()));stats=X(()=>this.rpc()?iD(this.config()):[]);configItems=X(()=>MT(this.config()));metaState=D(`loading`);states=D({});rows=D({});injectorTree=D(null);signalGraph=D(null);formsState=D(null);httpState=D(null);pageId=GT();destroyRef=C(Ns);stopLive=[];zone=X(()=>oD(qT(this.injectorTree(),this.pageId)?.zone));liveInjectors=X(()=>{let e=qT(this.injectorTree(),this.pageId);if(!e?.roots?.length)return null;let t=0,n=0,r=e=>{t++,n+=e.providers?.length??0};return uD(e.roots,r),uD(e.environment,r),{injectors:t,providers:n}});liveSignals=X(()=>{let e=JT(this.signalGraph(),this.pageId);return e?.nodes?.length?e.nodes.filter(e=>sD.has(e.kind??``)).length:null});cards=X(()=>{let e=this.rows(),t={};if(e.components&&(t.components=dD(e.components)),e.routes&&(t.routes=fD(e.routes)),e.store&&(t.store=pD(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 · ${lD(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=mD(i,this.pageId));let a=this.httpState();return a&&(t.network=gD(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`)}))}loadRedaction(e){this.redaction.set(null),!QT(e)&&XT(e,`redaction-config`).then(t=>{this.rpc()===e&&this.redaction.set(t)}).catch(()=>{})}constructor(){bc(()=>{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),this.loadRedaction(e);let n=fE(e),r=e=>yE(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)),yE(`forms`,t)&&r(`forms`,e=>this.formsState.set(e??{}),`forms`),yE(`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=k({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&&(I(0,`section`,0)(1,`div`,1)(2,`p`,2),K(3,`Project`),L(),I(4,`h2`,3),j(5,BE,1,1)(6,VE,1,0)(7,HE,1,0),L(),j(8,KE,4,2),L(),I(9,`ul`,4)(10,`li`)(11,`span`),K(12,`Angular`),L(),K(13),L(),I(14,`li`)(15,`span`),K(16,`TypeScript`),L(),K(17),L(),I(18,`li`)(19,`span`),K(20,`SSR`),L(),K(21),L(),j(22,qE,4,1,`li`,5),j(23,JE,4,1,`li`),L()(),I(24,`div`,6),N(25,QE,11,6,`button`,7,RE),L(),I(27,`section`,8)(28,`h2`,9),K(29,`Configuration`),L(),j(30,$E,2,0,`p`)(31,tD,3,0,`dl`)(32,nD,2,0,`p`),L()),e&2){let e,n,r;A(`aria-busy`,t.metaState()===`loading`),O(4),G(`muted`,t.metaState()!==`ready`),O(),M((e=t.metaState())===`ready`?5:e===`error`?6:7),O(3),M(t.metaState()===`error`?8:-1),O(),G(`pending`,t.metaState()===`loading`),O(4),q(t.meta()?.angularVersion??`…`),O(4),q(t.meta()?.typescript??`…`),O(4),q(t.meta()?t.meta()?.ssr?`On`:`Off`:`…`),O(),M((n=t.meta()?.analog)?22:-1,n),O(),M((r=t.zone())?23:-1,r),O(2),P(t.stats()),O(2),A(`aria-busy`,!t.rpc()),O(3),M(t.rpc()?t.configItems().length?31:32:30)}},dependencies:[LE],styles:[`[_nghost-%COMP%] {
+}`]})},VE=(e,t)=>t.tab,HE=(e,t)=>t.label;function UE(e,t){e&1&&K(0),e&2&&J(` `,W().meta()?.projectName,` `)}function WE(e,t){e&1&&K(0,` Project details unavailable `)}function GE(e,t){e&1&&K(0,` Loading… `)}function KE(e,t){e&1&&(K(0,` Run `),I(1,`code`),K(2,`pangular build`),L(),K(3,` again to rebuild the report. `))}function qE(e,t){e&1&&K(0,` Check that the dev server is running. `)}function JE(e,t){if(e&1){let e=V();I(0,`button`,12),H(`click`,function(){return w(e),T(W(2).loadMeta())}),K(1,`Try again`),L()}}function YE(e,t){if(e&1&&(I(0,`p`,10),j(1,KE,4,0)(2,qE,1,0),L(),j(3,JE,2,0,`button`,11)),e&2){let e=W();O(),M(e.staticReport()?1:2),O(2),M(e.staticReport()?-1:3)}}function XE(e,t){e&1&&(I(0,`li`,5)(1,`span`),K(2,`Analog`),L(),K(3),L()),e&2&&(O(3),q(t))}function ZE(e,t){e&1&&(I(0,`li`)(1,`span`),K(2,`Change detection`),L(),K(3),L()),e&2&&(O(3),q(t))}function QE(e,t){if(e&1&&(I(0,`span`,19),K(1),L(),I(2,`span`,20),K(3),L()),e&2){let e=W().$implicit,t=W();O(),q(t.cards()[e.tab]?.value),O(2),q(t.cards()[e.tab]?.sub)}}function $E(e,t){e&1&&(I(0,`span`,21),K(1,`–`),L(),I(2,`span`,20),K(3,`Count unavailable`),L())}function eD(e,t){e&1&&(R(0,`span`,22),I(1,`span`,20),K(2,`Counting…`),L())}function tD(e,t){if(e&1){let e=V();I(0,`button`,13),H(`click`,function(){let t=w(e).$implicit;return T(W().navigate.emit(t.tab))}),I(1,`span`,14)(2,`span`,15),R(3,`app-tab-icon`,16),L(),I(4,`span`,17),K(5,`→`),L()(),I(6,`span`,18),K(7),L(),j(8,QE,4,2)(9,$E,4,0)(10,eD,3,0),L()}if(e&2){let e,n=t.$implicit,r=t.$index,i=W().stateOf(n.tab);b_(`animation-delay`,60*r,`ms`),A(`aria-busy`,i===`loading`),O(3),F(`name`,n.tab),O(4),q(n.label),O(),M((e=i)===`ready`?8:e===`error`?9:10)}}function nD(e,t){e&1&&(I(0,`p`),K(1,`Loading…`),L())}function rD(e,t){if(e&1&&(I(0,`div`)(1,`dt`),K(2),L(),I(3,`dd`),K(4),L()()),e&2){let e=t.$implicit;O(2),q(e.label),O(2),q(e.value)}}function iD(e,t){if(e&1&&(I(0,`dl`),N(1,rD,5,2,`div`,null,HE),L()),e&2){let e=W();O(),P(e.configItems())}}function aD(e,t){e&1&&(I(0,`p`),K(1,`Defaults`),L())}var oD=[{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 sD(e){return oD.filter(t=>SE(t.tab,e))}var cD={zoneless:`Zoneless`,zone:`zone.js`,"zone-unused":`Zoneless, zone.js loaded`};function lD(e){return e&&Object.hasOwn(cD,e)?cD[e]:null}var uD=new Set([`signal`,`computed`,`linkedSignal`,`effect`]),dD={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 fD(e,t,n){return`${e} ${e===1?t:n}`}function pD(e,t){for(let n of e??[])t(n),pD(n.children,t)}function mD(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 · ${fD(t,`directive`,`directives`)}`}}function hD(e){if(!e.some(e=>e.kind))return{value:e.length,sub:`route entries in source`};let t=e.filter(e=>e.kind===`redirect`).length;return{value:new Set(e.filter(e=>e.kind===`page`).map(e=>e.fullPath??e.path??``)).size,sub:`navigable paths · ${fD(t,`redirect`,`redirects`)}`}}function gD(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]=dD[e]??[e,e];return fD(t,n,r)});return{value:e.length,sub:n.join(` · `)}}function _D(e,t){let n=e?.forms??[],r=t?n.filter(e=>iE(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 vD(e){return e.cancelled||e.status===void 0?!1:e.status===0||e.status>=400}function yD(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(vD).length;return{value:o.length,sub:`${o.length===1?`call`:`calls`} · ${s} failed`}}var bD=class e{rpc=$(null);navigate=yv();staticReport=X(()=>tE(this.rpc()));meta=D(null);redaction=D(null);config=X(()=>_E(hE(this.rpc()),this.redaction()));stats=X(()=>this.rpc()?sD(this.config()):[]);configItems=X(()=>MT(this.config()));metaState=D(`loading`);states=D({});rows=D({});injectorTree=D(null);signalGraph=D(null);formsState=D(null);httpState=D(null);pageId=JT();destroyRef=C(js);stopLive=[];zone=X(()=>lD(XT(this.injectorTree(),this.pageId)?.zone));liveInjectors=X(()=>{let e=XT(this.injectorTree(),this.pageId);if(!e?.roots?.length)return null;let t=0,n=0,r=e=>{t++,n+=e.providers?.length??0};return pD(e.roots,r),pD(e.environment,r),{injectors:t,providers:n}});liveSignals=X(()=>{let e=ZT(this.signalGraph(),this.pageId);return e?.nodes?.length?e.nodes.filter(e=>uD.has(e.kind??``)).length:null});cards=X(()=>{let e=this.rows(),t={};if(e.components&&(t.components=mD(e.components)),e.routes&&(t.routes=hD(e.routes)),e.store&&(t.store=gD(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 · ${fD(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=yD(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`)}))}loadRedaction(e){this.redaction.set(null),!tE(e)&&$T(e,`redaction-config`).then(t=>{this.rpc()===e&&this.redaction.set(t)}).catch(()=>{})}constructor(){vc(()=>{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),this.loadRedaction(e);let n=hE(e),r=e=>SE(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)),SE(`forms`,t)&&r(`forms`,e=>this.formsState.set(e??{}),`forms`),SE(`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=k({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&&(I(0,`section`,0)(1,`div`,1)(2,`p`,2),K(3,`Project`),L(),I(4,`h2`,3),j(5,UE,1,1)(6,WE,1,0)(7,GE,1,0),L(),j(8,YE,4,2),L(),I(9,`ul`,4)(10,`li`)(11,`span`),K(12,`Angular`),L(),K(13),L(),I(14,`li`)(15,`span`),K(16,`TypeScript`),L(),K(17),L(),I(18,`li`)(19,`span`),K(20,`SSR`),L(),K(21),L(),j(22,XE,4,1,`li`,5),j(23,ZE,4,1,`li`),L()(),I(24,`div`,6),N(25,tD,11,6,`button`,7,VE),L(),I(27,`section`,8)(28,`h2`,9),K(29,`Configuration`),L(),j(30,nD,2,0,`p`)(31,iD,3,0,`dl`)(32,aD,2,0,`p`),L()),e&2){let e,n,r;A(`aria-busy`,t.metaState()===`loading`),O(4),G(`muted`,t.metaState()!==`ready`),O(),M((e=t.metaState())===`ready`?5:e===`error`?6:7),O(3),M(t.metaState()===`error`?8:-1),O(),G(`pending`,t.metaState()===`loading`),O(4),q(t.meta()?.angularVersion??`…`),O(4),q(t.meta()?.typescript??`…`),O(4),q(t.meta()?t.meta()?.ssr?`On`:`Off`:`…`),O(),M((n=t.meta()?.analog)?22:-1,n),O(),M((r=t.zone())?23:-1,r),O(2),P(t.stats()),O(2),A(`aria-busy`,!t.rpc()),O(3),M(t.rpc()?t.configItems().length?31:32:30)}},dependencies:[BE],styles:[`[_nghost-%COMP%] {
   display: block;
   max-width: 1200px;
 }
@@ -325,7 +325,7 @@ h2.muted[_ngcontent-%COMP%] {
   .skeleton[_ngcontent-%COMP%] {
     animation: none;
   }
-}`]})},vD=`pangular:panel-action-result`,yD=6e3,bD=0;function xD(e=window){return e.location.protocol===`chrome-extension:`&&e.parent!==e}function SD(e,t=window){let n=`pa-${Date.now().toString(36)}-${++bD}`;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!==vD||o.requestId!==n)return;let{opened:s,error:c}=a;i({ok:o.ok===!0,...s===`file`||s===`class`?{opened:s}:{},...typeof c==`string`?{error:c}:{}})},o=t.setTimeout(()=>i({ok:!1,error:`timeout`}),yD);t.addEventListener(`message`,a),t.parent.postMessage({...e,requestId:n},t.location.origin)})}var CD=class e{available=xD();reveal(e,t){return SD({type:`pangular:reveal-element`,pageId:e,id:t})}openSource(e,t,n){return SD({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=Vl({token:e,factory:e.ɵfac})};function wD(e){let t=e?.pages;return t&&typeof t==`object`?t:{}}function TD(e){let t=C(Ns),n=D({}),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(wD(e));o(a.value()),i=a.on(`updated`,o)}catch{r===e&&n.set({})}};return bc(()=>{let t=e();t&&t!==r&&Z(()=>void a(t))}),t.onDestroy(()=>i?.()),n.asReadonly()}function ED(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 DD=[`*`];function OD(e,t){if(e&1&&(z(0,`div`,1)(1,`p`,2),K(2),B(),z(3,`p`,3),K(4),Yg(5),z(6,`a`,4),K(7,`Supported versions`),B()()()),e&2){let e=W();G(`compact`,e.compact()),O(2),q(e.title()),O(2),J(` `,t,` `),O(2),Fg(`href`,e.docsUrl,Au)}}var kD=`https://pangular-inspector.dev/getting-started/installation/#supported-angular-versions`,AD=class e{page=$(null);capability=$.required();missing=$(!1,{transform:Av});compact=$(!1,{transform:Av});docsUrl=kD;text=X(()=>{let e=this.page();return!this.missing()&&!BT(e,this.capability())?null:VT(this.capability(),e?.version)});title=X(()=>{let e=this.page()?.version;return e?`Not available on Angular ${LT(e)}`:`Not available on this page`});static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-angular-unavailable`]],inputs:{page:[1,`page`],capability:[1,`capability`],missing:[1,`missing`],compact:[1,`compact`]},ngContentSelectors:DD,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&&(Jg(),j(0,OD,8,5,`div`,0)),e&2){let e;M((e=t.text())?0:-1,e)}},styles:[`[_nghost-%COMP%] {
+}`]})},xD=`pangular:panel-action-result`,SD=6e3,CD=0;function wD(e=window){return e.location.protocol===`chrome-extension:`&&e.parent!==e}function TD(e,t=window){let n=`pa-${Date.now().toString(36)}-${++CD}`;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!==xD||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`}),SD);t.addEventListener(`message`,a),t.parent.postMessage({...e,requestId:n},t.location.origin)})}var ED=class e{available=wD();reveal(e,t){return TD({type:`pangular:reveal-element`,pageId:e,id:t})}openSource(e,t,n){return TD({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=zl({token:e,factory:e.ɵfac})};function DD(e){let t=e?.pages;return t&&typeof t==`object`?t:{}}function OD(e){let t=C(js),n=D({}),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(DD(e));o(a.value()),i=a.on(`updated`,o)}catch{r===e&&n.set({})}};return vc(()=>{let t=e();t&&t!==r&&Z(()=>void a(t))}),t.onDestroy(()=>i?.()),n.asReadonly()}function kD(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 AD=[`*`];function jD(e,t){if(e&1&&(z(0,`div`,1)(1,`p`,2),K(2),B(),z(3,`p`,3),K(4),Yg(5),z(6,`a`,4),K(7,`Supported versions`),B()()()),e&2){let e=W();G(`compact`,e.compact()),O(2),q(e.title()),O(2),J(` `,t,` `),O(2),Fg(`href`,e.docsUrl,Au)}}var MD=`https://pangular-inspector.dev/getting-started/installation/#supported-angular-versions`,ND=class e{page=$(null);capability=$.required();missing=$(!1,{transform:Av});compact=$(!1,{transform:Av});docsUrl=MD;text=X(()=>{let e=this.page();return!this.missing()&&!BT(e,this.capability())?null:VT(this.capability(),e?.version)});title=X(()=>{let e=this.page()?.version;return e?`Not available on Angular ${LT(e)}`:`Not available on this page`});static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-angular-unavailable`]],inputs:{page:[1,`page`],capability:[1,`capability`],missing:[1,`missing`],compact:[1,`compact`]},ngContentSelectors:AD,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&&(Jg(),j(0,jD,8,5,`div`,0)),e&2){let e;M((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 jD(e){return e?.platform===`angular-native`}function MD(e){return jD(e)||e?.platform===`nativescript`}function ND(e,t){let n=Object.values(e??{}).filter(jD);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 PD=[`trigger`],FD=[`list`],ID=(e,t)=>t.value;function LD(e,t){if(e&1&&(z(0,`span`,4),K(1),B()),e&2){let e=W();O(),q(e.current().hint)}}function RD(e,t){if(e&1&&(z(0,`span`,15),K(1),B()),e&2){let e=W().$implicit;O(),q(e.hint)}}function zD(e,t){if(e&1){let e=V();z(0,`li`,11),U(`pointerenter`,function(){let t=w(e).$index;return T(W(2).active.set(t))})(`pointerdown`,function(e){return e.preventDefault()})(`click`,function(){let t=w(e).$index;return T(W(2).choose(t))}),E(),z(1,`svg`,12),kg(2,`path`,13),B(),Cs(),z(3,`span`,14),K(4),B(),j(5,RD,2,1,`span`,15),B()}if(e&2){let e=t.$implicit,n=t.$index,r=W(2);G(`active`,n===r.active())(`selected`,e.value===r.value()),A(`id`,r.uid+`-opt-`+n)(`aria-selected`,e.value===r.value())(`aria-disabled`,e.disabled||null),O(4),q(e.label),O(),M(e.hint?5:-1)}}function BD(e,t){if(e&1&&(z(0,`li`,10),K(1),B()),e&2){let e=W(2);O(),q(e.emptyText())}}function VD(e,t){if(e&1&&(z(0,`ul`,8,1),ag(`list-in`),U(`pointerdown`,function(e){return e.preventDefault()}),N(2,zD,6,9,`li`,9,ID,!1,BD,2,1,`li`,10),B()),e&2){let e=W();G(`up`,e.dropUp()),A(`id`,e.uid+`-list`)(`aria-labelledby`,e.labelledBy()||e.uid+`-trigger`),O(2),P(e.options())}}var HD=0,UD=class e{options=$.required();value=wv(null);placeholder=$(`Select…`);ariaLabel=$(``);labelledBy=$(``);describedBy=$(``);disabled=$(!1);emptyText=$(`Nothing to choose`);uid=`app-select-${++HD}`;open=D(!1);active=D(-1);dropUp=D(!1);current=X(()=>this.options().find(e=>e.value===this.value())??null);host=C(Wl);injector=C(js);trigger=Ev.required(`trigger`);list=Ev(`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)&&dd(()=>{(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=k({type:e,selectors:[[`app-select`]],viewQuery:function(e,t){e&1&&Zg(t.trigger,PD,5)(t.list,FD,5),e&2&&Qg(2)},hostAttrs:[1,`app-select`],hostVars:2,hostBindings:function(e,t){e&1&&H(`pointerdown`,function(e){return t.onOutside(e)},Mu),e&2&&G(`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&&(z(0,`button`,2,0),U(`click`,function(){return t.toggle()})(`keydown`,function(e){return t.onKey(e)})(`blur`,function(e){return t.onBlur(e)}),z(2,`span`,3),K(3),B(),j(4,LD,2,1,`span`,4),E(),z(5,`svg`,5),kg(6,`path`,6),B()(),j(7,VD,5,5,`ul`,7)),e&2&&(Fg(`disabled`,t.disabled()),A(`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),O(2),G(`placeholder`,!t.current()),O(),J(` `,t.current()?.label??t.placeholder(),` `),O(),M(t.current()?.hint?4:-1),O(3),M(t.open()?7:-1))},styles:[`[_nghost-%COMP%] {
+}`]})};function PD(e){return e?.platform===`angular-native`}function FD(e){return PD(e)||e?.platform===`nativescript`}function ID(e,t){let n=Object.values(e??{}).filter(PD);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 LD=[`trigger`],RD=[`list`],zD=(e,t)=>t.value;function BD(e,t){if(e&1&&(z(0,`span`,4),K(1),B()),e&2){let e=W();O(),q(e.current().hint)}}function VD(e,t){if(e&1&&(z(0,`span`,15),K(1),B()),e&2){let e=W().$implicit;O(),q(e.hint)}}function HD(e,t){if(e&1){let e=V();z(0,`li`,11),U(`pointerenter`,function(){let t=w(e).$index;return T(W(2).active.set(t))})(`pointerdown`,function(e){return e.preventDefault()})(`click`,function(){let t=w(e).$index;return T(W(2).choose(t))}),E(),z(1,`svg`,12),kg(2,`path`,13),B(),xs(),z(3,`span`,14),K(4),B(),j(5,VD,2,1,`span`,15),B()}if(e&2){let e=t.$implicit,n=t.$index,r=W(2);G(`active`,n===r.active())(`selected`,e.value===r.value()),A(`id`,r.uid+`-opt-`+n)(`aria-selected`,e.value===r.value())(`aria-disabled`,e.disabled||null),O(4),q(e.label),O(),M(e.hint?5:-1)}}function UD(e,t){if(e&1&&(z(0,`li`,10),K(1),B()),e&2){let e=W(2);O(),q(e.emptyText())}}function WD(e,t){if(e&1&&(z(0,`ul`,8,1),ag(`list-in`),U(`pointerdown`,function(e){return e.preventDefault()}),N(2,HD,6,9,`li`,9,zD,!1,UD,2,1,`li`,10),B()),e&2){let e=W();G(`up`,e.dropUp()),A(`id`,e.uid+`-list`)(`aria-labelledby`,e.labelledBy()||e.uid+`-trigger`),O(2),P(e.options())}}var GD=0,KD=class e{options=$.required();value=wv(null);placeholder=$(`Select…`);ariaLabel=$(``);labelledBy=$(``);describedBy=$(``);disabled=$(!1);emptyText=$(`Nothing to choose`);uid=`app-select-${++GD}`;open=D(!1);active=D(-1);dropUp=D(!1);current=X(()=>this.options().find(e=>e.value===this.value())??null);host=C(Hl);injector=C(ks);trigger=Ev.required(`trigger`);list=Ev(`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)&&dd(()=>{(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=k({type:e,selectors:[[`app-select`]],viewQuery:function(e,t){e&1&&Zg(t.trigger,LD,5)(t.list,RD,5),e&2&&Qg(2)},hostAttrs:[1,`app-select`],hostVars:2,hostBindings:function(e,t){e&1&&H(`pointerdown`,function(e){return t.onOutside(e)},Mu),e&2&&G(`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&&(z(0,`button`,2,0),U(`click`,function(){return t.toggle()})(`keydown`,function(e){return t.onKey(e)})(`blur`,function(e){return t.onBlur(e)}),z(2,`span`,3),K(3),B(),j(4,BD,2,1,`span`,4),E(),z(5,`svg`,5),kg(6,`path`,6),B()(),j(7,WD,5,5,`ul`,7)),e&2&&(Fg(`disabled`,t.disabled()),A(`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),O(2),G(`placeholder`,!t.current()),O(),J(` `,t.current()?.label??t.placeholder(),` `),O(),M(t.current()?.hint?4:-1),O(3),M(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 WD(e,t){let n=NT(t);if(PT(n))return{nodes:e,matches:0};let r=0,i=e=>e.flatMap(e=>{let t=FT(e,n);t&&r++;let a=i(e.children);return t||a.length?[{...e,children:a}]:[]});return{nodes:i(e),matches:r}}function GD(e){return e.flatMap(e=>e.kind===`directive`?GD(e.children):[{...e,children:GD(e.children)}])}function KD(e){return(e.attributes?.length?e.attributes:e.directives??[e.name]).map(e=>`[${e}]`).join(` `)}var qD={hydrated:`Hydrated`,skipped:`Skipped`,mismatched:`Mismatch`,client:`Client`};function JD(e){return qD[e]}function YD(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 XD(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 ZD(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 QD(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&&!$D(t.roots,i)?{pageId:r,selectedId:null,detailId:n,destroyed:i}:{pageId:r,selectedId:i,detailId:n,destroyed:null}}function $D(e,t){return e.some(e=>e.id===t||$D(e.children,t))}function eO(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 tO=(e,t)=>t.key,nO=(e,t)=>t.id;function rO(e,t){e&1&&(z(0,`p`,2),K(1,` The HTML came from the server, but no component was hydrated, so the app rendered again on the client. Add `),z(2,`code`),K(3,`provideClientHydration()`),B(),K(4,` and use a development build to see each component's status. `),B())}function iO(e,t){if(e&1&&(z(0,`li`)(1,`span`,9),K(2),B(),K(3),B()),e&2){let e=t.$implicit;x_(`count count-`+e.key),O(2),q(e.value),O(),J(` `,e.label,` `)}}function aO(e,t){if(e&1&&(z(0,`span`,15),K(1,`Expected `),z(2,`code`),K(3),B()()),e&2){let e=W().$implicit;O(3),q(e.expected)}}function oO(e,t){if(e&1&&(z(0,`span`,15),K(1,`Found `),z(2,`code`),K(3),B()()),e&2){let e=W().$implicit;O(3),q(e.actual)}}function sO(e,t){if(e&1){let e=V();z(0,`li`)(1,`button`,12),U(`click`,function(){let t=w(e).$implicit;return T(W(4).showNode.emit(t.id))})(`focus`,function(){let t=w(e).$implicit;return T(W(4).highlight.emit(t.id))})(`blur`,function(){return w(e),T(W(4).highlight.emit(null))})(`mouseenter`,function(){let t=w(e).$implicit;return T(W(4).highlight.emit(t.id))})(`mouseleave`,function(){return w(e),T(W(4).highlight.emit(null))}),z(2,`span`,13),K(3),B(),z(4,`span`,14),K(5),B(),j(6,aO,4,1,`span`,15),j(7,oO,4,1,`span`,15),B()()}if(e&2){let e=t.$implicit;O(3),q(e.name),O(2),J(`<`,e.tag,`>`),O(),M(e.expected?6:-1),O(),M(e.actual?7:-1)}}function cO(e,t){if(e&1&&(z(0,`h3`,10),K(1,`Mismatches`),B(),z(2,`ul`,11),N(3,sO,8,4,`li`,null,nO),B()),e&2){let e=W(2);O(3),P(e.mismatches)}}function lO(e,t){if(e&1){let e=V();z(0,`div`,3)(1,`ul`,4),N(2,iO,4,4,`li`,5,tO),B(),z(4,`button`,6),U(`click`,function(){return w(e),T(W(2).toggleOverlay())}),E(),z(5,`svg`,7),kg(6,`rect`,8),B(),K(7,` Outline on page `),B()(),j(8,cO,5,0)}if(e&2){let e=W(),t=W();O(2),P(t.counts()),O(2),A(`aria-pressed`,t.overlayOn()),O(4),M(e.mismatches.length?8:-1)}}function uO(e,t){e&1&&j(0,rO,5,0,`p`,2)(1,lO,9,2),e&2&&M(+!!t.hydrated)}function dO(e,t){e&1&&(z(0,`p`,2),K(1,` This page was not rendered on the server, so there is nothing to hydrate. With server-side rendering and `),z(2,`code`),K(3,`provideClientHydration()`),B(),K(4,`, each component shows whether it was hydrated, skipped or mismatched. `),B())}var fO=class e{report=$(void 0);overlay=yv();showNode=yv();highlight=yv();overlayOn=Q(()=>this.report()?.overlay===!0);counts=X(()=>{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=k({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&&(z(0,`section`,0)(1,`h2`,1),K(2,`Hydration`),B(),j(3,uO,2,1)(4,dO,5,0,`p`,2),B()),e&2){let e;O(3),M((e=t.report())?3:4,e)}},styles:[`.hydration[_ngcontent-%COMP%] {
+}`]})};function qD(e,t){let n=NT(t);if(PT(n))return{nodes:e,matches:0};let r=0,i=e=>e.flatMap(e=>{let t=FT(e,n);t&&r++;let a=i(e.children);return t||a.length?[{...e,children:a}]:[]});return{nodes:i(e),matches:r}}function JD(e){return e.flatMap(e=>e.kind===`directive`?JD(e.children):[{...e,children:JD(e.children)}])}function YD(e){return(e.attributes?.length?e.attributes:e.directives??[e.name]).map(e=>`[${e}]`).join(` `)}var XD={hydrated:`Hydrated`,skipped:`Skipped`,mismatched:`Mismatch`,client:`Client`};function ZD(e){return XD[e]}function QD(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 $D(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 eO(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 tO(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&&!nO(t.roots,i)?{pageId:r,selectedId:null,detailId:n,destroyed:i}:{pageId:r,selectedId:i,detailId:n,destroyed:null}}function nO(e,t){return e.some(e=>e.id===t||nO(e.children,t))}function rO(e,t,n){let r=e.indexOf(n);if(r<0)return null;for(let n=r+1;n<e.length;n++)if(t.has(e[n]))return e[n];for(let n=r-1;n>=0;n--)if(t.has(e[n]))return e[n];return null}var iO=(e,t)=>t.key,aO=(e,t)=>t.id;function oO(e,t){e&1&&(z(0,`p`,2),K(1,` The HTML came from the server, but no component was hydrated, so the app rendered again on the client. Add `),z(2,`code`),K(3,`provideClientHydration()`),B(),K(4,` and use a development build to see each component's status. `),B())}function sO(e,t){if(e&1&&(z(0,`li`)(1,`span`,9),K(2),B(),K(3),B()),e&2){let e=t.$implicit;x_(`count count-`+e.key),O(2),q(e.value),O(),J(` `,e.label,` `)}}function cO(e,t){if(e&1&&(z(0,`span`,15),K(1,`Expected `),z(2,`code`),K(3),B()()),e&2){let e=W().$implicit;O(3),q(e.expected)}}function lO(e,t){if(e&1&&(z(0,`span`,15),K(1,`Found `),z(2,`code`),K(3),B()()),e&2){let e=W().$implicit;O(3),q(e.actual)}}function uO(e,t){if(e&1){let e=V();z(0,`li`)(1,`button`,12),U(`click`,function(){let t=w(e).$implicit;return T(W(4).showNode.emit(t.id))})(`focus`,function(){let t=w(e).$implicit;return T(W(4).highlight.emit(t.id))})(`blur`,function(){return w(e),T(W(4).highlight.emit(null))})(`mouseenter`,function(){let t=w(e).$implicit;return T(W(4).highlight.emit(t.id))})(`mouseleave`,function(){return w(e),T(W(4).highlight.emit(null))}),z(2,`span`,13),K(3),B(),z(4,`span`,14),K(5),B(),j(6,cO,4,1,`span`,15),j(7,lO,4,1,`span`,15),B()()}if(e&2){let e=t.$implicit;O(3),q(e.name),O(2),J(`<`,e.tag,`>`),O(),M(e.expected?6:-1),O(),M(e.actual?7:-1)}}function dO(e,t){if(e&1&&(z(0,`h3`,10),K(1,`Mismatches`),B(),z(2,`ul`,11),N(3,uO,8,4,`li`,null,aO),B()),e&2){let e=W(2);O(3),P(e.mismatches)}}function fO(e,t){if(e&1){let e=V();z(0,`div`,3)(1,`ul`,4),N(2,sO,4,4,`li`,5,iO),B(),z(4,`button`,6),U(`click`,function(){return w(e),T(W(2).toggleOverlay())}),E(),z(5,`svg`,7),kg(6,`rect`,8),B(),K(7,` Outline on page `),B()(),j(8,dO,5,0)}if(e&2){let e=W(),t=W();O(2),P(t.counts()),O(2),A(`aria-pressed`,t.overlayOn()),O(4),M(e.mismatches.length?8:-1)}}function pO(e,t){e&1&&j(0,oO,5,0,`p`,2)(1,fO,9,2),e&2&&M(+!!t.hydrated)}function mO(e,t){e&1&&(z(0,`p`,2),K(1,` This page was not rendered on the server, so there is nothing to hydrate. With server-side rendering and `),z(2,`code`),K(3,`provideClientHydration()`),B(),K(4,`, each component shows whether it was hydrated, skipped or mismatched. `),B())}var hO=class e{report=$(void 0);overlay=yv();showNode=yv();highlight=yv();overlayOn=Q(()=>this.report()?.overlay===!0);counts=X(()=>{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=k({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&&(z(0,`section`,0)(1,`h2`,1),K(2,`Hydration`),B(),j(3,pO,2,1)(4,mO,5,0,`p`,2),B()),e&2){let e;O(3),M((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 pO(e){return new Date(e).toLocaleTimeString()}var mO=/[ \t\n\r]/;function hO(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(;mO.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+=`: `:mO.test(n)||(r+=n)}return r}function gO(e,t,n=`${t}s`){return`${e} ${e===1?t:n}`}function _O(e,t){if(e&1&&(z(0,`p`,0),K(1),z(2,`code`),K(3),B(),K(4,` to keep more. `),z(5,`a`,1),K(6,`About limits`),B()()),e&2){let e=W();O(),z_(` Showing the latest `,e.max(),` `,e.what(),`. `,e.dropped(),` older `,e.dropped()===1?`entry was`:`entries were`,` dropped. Raise `),O(2),J(`limits.`,e.limit()),O(2),Fg(`href`,e.docsUrl,Au)}}var vO=`https://pangular-inspector.dev/getting-started/configuration/#limits`,yO=class e{dropped=$(0);max=$.required();what=$.required();limit=$.required();docsUrl=vO;static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&j(0,_O,7,6,`p`,0),e&2&&M(t.dropped()>0?0:-1)},styles:[`[_nghost-%COMP%] {
+}`]})};function gO(e){return new Date(e).toLocaleTimeString()}var _O=/[ \t\n\r]/;function vO(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 yO(e,t,n=`${t}s`){return`${e} ${e===1?t:n}`}function bO(e,t){if(e&1&&(z(0,`p`,0),K(1),z(2,`code`),K(3),B(),K(4,` to keep more. `),z(5,`a`,1),K(6,`About limits`),B()()),e&2){let e=W();O(),z_(` Showing the latest `,e.max(),` `,e.what(),`. `,e.dropped(),` older `,e.dropped()===1?`entry was`:`entries were`,` dropped. Raise `),O(2),J(`limits.`,e.limit()),O(2),Fg(`href`,e.docsUrl,Au)}}var xO=`https://pangular-inspector.dev/getting-started/configuration/#limits`,SO=class e{dropped=$(0);max=$.required();what=$.required();limit=$.required();docsUrl=xO;static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&j(0,bO,7,6,`p`,0),e&2&&M(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;
-}`]})},bO=864e13,xO=200,SO=300,CO=100,wO=10,TO=100,EO=2e3,DO=2e3,OO=4e3,kO=1e3,AO=100,jO=3,MO=50,NO={component:`c`,hook:`h`,afterRender:`r`,output:`o`},PO=Object.values(NO),FO=e=>!!e&&typeof e==`object`&&!Array.isArray(e),IO=e=>typeof e==`number`&&Number.isFinite(e)&&e>=0?e:0,LO=(e,t)=>typeof e==`string`?e.slice(0,t):``,RO=e=>IO(e)>0?IO(e):void 0,zO=(e,t)=>Array.isArray(e)?e.slice(0,t):[];function BO(e){if(!FO(e))return null;let t=LO(e.name,xO);return t?{name:t,checks:IO(e.checks),ms:IO(e.ms)}:null}function VO(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>kO||typeof o!=`string`||!PO.includes(o)?null:[n,r,IO(i),a,o]}function HO(e,t){if(!FO(e)||typeof e.id!=`number`)return null;let n=zO(e.components,wO).map(BO).filter(e=>!!e),r=LO(e.trigger,SO),i=zO(e.spans,40).map(e=>VO(e,t)).filter(e=>!!e),a=Array.isArray(e.spans)?e.spans.length-40:0,o=Math.floor(IO(e.droppedSpans))+Math.max(0,a),s={t:typeof e.t==`number`?IO(e.t):void 0,hookMs:RO(e.hookMs),afterRenderMs:RO(e.afterRenderMs),outputMs:RO(e.outputMs)},c=KO(e.cause),l=RO(e.refreshed),u=RO(e.unchanged);return{id:IO(e.id),at:IO(e.at),ms:IO(e.ms),passes:IO(e.passes),...r?{trigger:r}:{},checks:IO(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 UO=[`event`,`http`,`timer`,`signal`,`effect`,`markForCheck`,`input`,`view`,`tick`,`zone`,`unknown`],WO={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`},GO=e=>typeof e==`string`&&UO.includes(e);function KO(e){if(!FO(e)||!GO(e.kind))return;let t=[`component`,`listener`,`event`,`target`,`signal`,`task`],n={kind:e.kind};GO(e.via)&&(n.via=e.via);for(let r of t){let t=LO(e[r],xO);t&&(n[r]=t)}e.zone===!0&&(n.zone=!0);let r=zO(e.stack,jO).map(e=>LO(e,SO)).filter(Boolean);r.length&&(n.stack=r);let i=Math.floor(IO(e.more));return i&&(n.more=i),n}function qO(e){if(!FO(e))return null;let t=LO(e.name,xO);if(!t)return null;let n=e.strategy;return{name:t,refreshed:Math.floor(IO(e.refreshed)),unchanged:Math.floor(IO(e.unchanged)),...n===`OnPush`||n===`Eager`?{strategy:n}:{}}}function JO(e){if(!FO(e))return null;let t=LO(e.name,xO),n=LO(e.input,xO);if(!t||!n)return null;let r=LO(e.parent,xO);return{name:t,input:n,...r?{parent:r}:{},inPlace:Math.floor(IO(e.inPlace)),sameContents:Math.floor(IO(e.sameContents))}}function YO(e){if(!FO(e))return null;let t=LO(e.name,xO);if(!t)return null;let n=zO(e.tasks,3).map(e=>LO(e,xO)).filter(Boolean);return{name:t,ticks:Math.floor(IO(e.ticks)),...n.length?{tasks:n}:{}}}function XO(e){if(!FO(e))return;let t={};if(FO(e.causes))for(let n of UO){let r=Math.floor(IO(e.causes[n]));r&&(t[n]=r)}let n=zO(e.components,TO).map(qO).filter(e=>!!e),r=zO(e.inputs,MO).map(JO).filter(e=>!!e),i=zO(e.zone,MO).map(YO).filter(e=>!!e),a=Math.floor(IO(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 ZO(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(`${WO[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 ${WO[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 QO(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 $O(e){let t=BO(e);return!t||!FO(e)?null:{...t,maxMs:IO(e.maxMs),cycles:IO(e.cycles)}}function ek(e){if(!FO(e))return null;let t=LO(e.name,xO),n=LO(e.hook,CO);if(!t||!n)return null;let{calls:r,ms:i,maxMs:a}=e;return{name:t,hook:n,calls:IO(r),ms:IO(i),maxMs:IO(a)}}function tk(e){if(!FO(e))return null;let t=LO(e.name,xO);if(!t)return null;let n=LO(e.listener,xO);return{name:t,...n?{listener:n}:{},calls:IO(e.calls),ms:IO(e.ms),maxMs:IO(e.maxMs)}}function nk(e){if(FO(e)&&IO(e.runs))return{runs:IO(e.runs),ms:IO(e.ms),maxMs:IO(e.maxMs)}}function rk(e,t){if(!FO(e))return null;let n=zO(e.spanNames,OO).map(e=>LO(e,SO)),r=Array.isArray(e.cycles)?e.cycles.slice(-Math.min(t,DO)).map(e=>HO(e,n.length)).filter(e=>!!e):[],i={},a=0;if(FO(e.hosts)){let t=Object.entries(e.hosts);a=Math.max(0,t.length-EO);for(let[e,n]of t.slice(0,EO))e.length<50&&IO(n)&&(i[e]=IO(n))}let o=Array.isArray(e.components)?e.components:[],s=Math.floor(IO(e.droppedClasses))+Math.max(0,o.length-TO),c=Math.floor(IO(e.droppedHosts))+a,l=zO(e.hooks,AO).map(ek).filter(e=>!!e),u=zO(e.outputs,AO).map(tk).filter(e=>!!e),d=Math.max(0,zO(e.hooks,1/0).length-AO)+Math.max(0,zO(e.outputs,1/0).length-AO),f=Math.floor(IO(e.droppedTimings))+d,p=nk(e.afterRender),m=r.some(e=>e.spans?.length),h=XO(e.diagnosis);return{recording:e.recording===!0,startedAt:typeof e.startedAt==`number`&&e.startedAt<=bO?IO(e.startedAt):null,dropped:IO(e.dropped),cycles:r,components:o.slice(0,TO).map($O).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 ik=`pangular-inspector/change-detection`;function ak(e,t,n=Date.now()){return{format:ik,version:1,exportedAt:n,pageId:t,recording:{...rk(e,DO)??e,recording:!1,hosts:{}}}}function ok(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(!FO(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=FO(n.recording)?n.recording:n;if(!Array.isArray(r.cycles))return{ok:!1,error:`The file has no change detection cycles.`};let i=rk(r,t);if(!i)return{ok:!1,error:`The file is not a recording.`};let a=LO(n.pageId??r.pageId,49)||`imported`,o=RO(n.exportedAt);return{ok:!0,pageId:a,...o?{exportedAt:o}:{},recording:{...i,recording:!1}}}var sk=1,ck=1,lk=2,uk={c:`component`,h:`lifecycle-hook`,r:`after-render`,o:`output`},dk=e=>Math.round(e*1e6)/1e3;function fk(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:sk,tid:ck,ts:dk(e),dur:dk(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:ZO(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===NO.output){let n=e+i;a.push({name:l,cat:uk[d],ph:`X`,pid:sk,tid:lk,ts:dk(n),dur:dk(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:uk[d],ph:`X`,pid:sk,tid:ck,ts:dk(f),dur:dk(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=dk((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:sk,tid:e,args:{name:n}});return{traceEvents:[l(0,`process_name`,`Angular change detection (page ${t})`),l(ck,`thread_name`,`Change detection`),l(lk,`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<=bO?{startedAt:new Date(e.startedAt).toISOString()}:{}}}}var pk=16.6;function mk(e){return e.ms>pk}function hk(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}function gk(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 _k(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 vk(e){let t=e.reduce((e,t)=>Math.max(e,t.ms),0);return Math.max(t,pk*1.25)}function yk(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 bk={c:`component`,h:`hook`,r:`afterRender`,o:`output`};function xk(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 Sk(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:xk(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 Ck=(e,t)=>t.kind,wk=(e,t)=>t.name,Tk=(e,t)=>t.name+`.`+t.input;function Ek(e,t){e&1&&(z(0,`p`,3),K(1,` The page has no Angular change detection scheduler the overlay could find (it needs Angular 18 or later), so cycles have no cause. `),B())}function Dk(e,t){if(e&1&&(z(0,`tr`)(1,`td`),K(2),B(),z(3,`td`,6),K(4),B()()),e&2){let e=t.$implicit;O(2),q(e.label),O(2),q(e.count)}}function Ok(e,t){if(e&1&&(z(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),K(4,`Trigger`),B(),z(5,`th`,5),K(6,`Cycles`),B()()(),z(7,`tbody`),N(8,Dk,5,2,`tr`,null,Ck),B()()),e&2){let e=W(2);O(8),P(e.causes())}}function kk(e,t){e&1&&(z(0,`p`,3),K(1,`No cycle has a cause yet.`),B())}function Ak(e,t){if(e&1&&(z(0,`tr`)(1,`td`,7),K(2),B(),z(3,`td`,6),K(4),B(),z(5,`td`,7),K(6),B()()),e&2){let e=t.$implicit;O(2),q(e.name),O(2),q(e.ticks),O(2),q(e.tasks?.join(`, `))}}function jk(e,t){if(e&1&&(z(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),K(4,`Component`),B(),z(5,`th`,5),K(6,`Zone-only ticks`),B(),z(7,`th`,4),K(8,`After`),B()()(),z(9,`tbody`),N(10,Ak,7,3,`tr`,null,wk),B()()),e&2){let e=W(3);O(10),P(e.zone())}}function Mk(e,t){if(e&1&&(z(0,`p`,3),K(1),B()),e&2){let e=W(3);O(),q(e.zoneNote())}}function Nk(e,t){if(e&1&&(z(0,`div`)(1,`h4`),K(2,`Depends on zone.js`),B(),j(3,jk,12,0,`table`)(4,Mk,2,1,`p`,3),B()),e&2){let e=W(),t=W();O(3),M(t.zone().length?3:e.triggers?4:-1)}}function Pk(e,t){e&1&&(z(0,`p`,3),K(1,`The page can't watch DOM updates, so wasted checks are not counted.`),B())}function Fk(e,t){if(e&1&&(z(0,`tr`)(1,`td`,7),K(2),B(),z(3,`td`,6),K(4),B(),z(5,`td`,6),K(6),B(),z(7,`td`),K(8),B()()),e&2){let e=t.$implicit,n=W(3);O(2),q(e.name),O(2),q(e.refreshed),O(2),Y(``,e.unchanged,` (`,n.share(e.unchanged,e.refreshed),`)`),O(2),q(e.strategy??`Unknown`)}}function Ik(e,t){if(e&1&&(z(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),K(4,`Component`),B(),z(5,`th`,5),K(6,`Refreshed`),B(),z(7,`th`,5),K(8,`Changed nothing`),B(),z(9,`th`,4),K(10,`Strategy`),B()()(),z(11,`tbody`),N(12,Fk,9,5,`tr`,null,wk),B()()),e&2){let e=W(2);O(12),P(e.wasted())}}function Lk(e,t){e&1&&(z(0,`p`,3),K(1,`Every refreshed check changed something.`),B())}function Rk(e,t){if(e&1&&(z(0,`tr`)(1,`td`,7),K(2),B(),z(3,`td`,7),K(4),B(),z(5,`td`,6),K(6),B(),z(7,`td`,6),K(8),B()()),e&2){let e=t.$implicit;O(2),Y(``,e.name,`.`,e.input),O(2),q(e.parent??`Unknown`),O(2),q(e.inPlace),O(2),q(e.sameContents)}}function zk(e,t){if(e&1&&(z(0,`h4`),K(1,`Inputs that break OnPush`),B(),z(2,`table`)(3,`thead`)(4,`tr`)(5,`th`,4),K(6,`Input`),B(),z(7,`th`,4),K(8,`Set by`),B(),z(9,`th`,5),K(10,`Changed in place`),B(),z(11,`th`,5),K(12,`Same contents, new reference`),B()()(),z(13,`tbody`),N(14,Rk,9,5,`tr`,null,Tk),B()()),e&2){let e=W(2);O(14),P(e.inputs())}}function Bk(e,t){if(e&1&&(z(0,`li`),K(1),B()),e&2){let e=t.$implicit;O(),q(e.text)}}function Vk(e,t){if(e&1&&(z(0,`h4`),K(1,`Hints`),B(),z(2,`ul`,8),N(3,Bk,2,1,`li`,null,_g),B()),e&2){let e=W(2);O(3),P(e.hints())}}function Hk(e,t){if(e&1&&(z(0,`section`,0)(1,`h3`,1),K(2,`Why it ran and what it wasted`),B(),z(3,`div`,2)(4,`div`)(5,`h4`),K(6,`What started the cycles`),B(),j(7,Ek,2,0,`p`,3)(8,Ok,10,0,`table`)(9,kk,2,0,`p`,3),B(),j(10,Nk,5,1,`div`),B(),z(11,`h4`),K(12,`Wasted checks`),B(),j(13,Pk,2,0,`p`,3)(14,Ik,14,0,`table`)(15,Lk,2,0,`p`,3),j(16,zk,16,0),j(17,Vk,5,0),B()),e&2){let e=t,n=W();O(7),M(e.triggers?n.causes().length?8:9:7),O(3),M(n.hasZone()?10:-1),O(3),M(e.waste?n.wasted().length?14:15:13),O(3),M(n.inputs().length?16:-1),O(),M(n.hints().length?17:-1)}}var Uk=10,Wk=class e{page=$(null);diagnosis=X(()=>this.page()?.diagnosis??null);causes=X(()=>{let e=this.diagnosis()?.causes??{};return UO.filter(t=>e[t]).map(t=>({kind:t,label:WO[t],count:e[t]}))});zone=X(()=>(this.diagnosis()?.zone??[]).slice(0,Uk));zoneTicks=X(()=>this.diagnosis()?.causes.zone??0);hasZone=X(()=>this.diagnosis()?.zoneJs??(this.zone().length>0||this.zoneTicks()>0));zoneNote=X(()=>{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=X(()=>(this.diagnosis()?.components??[]).filter(e=>e.unchanged>0).slice(0,Uk));inputs=X(()=>(this.diagnosis()?.inputs??[]).slice(0,Uk));hints=X(()=>QO(this.diagnosis()??void 0).slice(0,Uk));share(e,t){return t?`${Math.round(e/t*100)}%`:`0%`}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&j(0,Hk,18,5,`section`,0),e&2){let e;M((e=t.diagnosis())?0:-1,e)}},styles:[`[_nghost-%COMP%] {
+}`]})},CO=864e13,wO=200,TO=300,EO=100,DO=10,OO=100,kO=2e3,AO=2e3,jO=4e3,MO=1e3,NO=100,PO=3,FO=50,IO={component:`c`,hook:`h`,afterRender:`r`,output:`o`},LO=Object.values(IO),RO=e=>!!e&&typeof e==`object`&&!Array.isArray(e),zO=e=>typeof e==`number`&&Number.isFinite(e)&&e>=0?e:0,BO=(e,t)=>typeof e==`string`?e.slice(0,t):``,VO=e=>zO(e)>0?zO(e):void 0,HO=(e,t)=>Array.isArray(e)?e.slice(0,t):[];function UO(e){if(!RO(e))return null;let t=BO(e.name,wO);return t?{name:t,checks:zO(e.checks),ms:zO(e.ms)}:null}function WO(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>MO||typeof o!=`string`||!LO.includes(o)?null:[n,r,zO(i),a,o]}function GO(e,t){if(!RO(e)||typeof e.id!=`number`)return null;let n=HO(e.components,DO).map(UO).filter(e=>!!e),r=BO(e.trigger,TO),i=HO(e.spans,40).map(e=>WO(e,t)).filter(e=>!!e),a=Array.isArray(e.spans)?e.spans.length-40:0,o=Math.floor(zO(e.droppedSpans))+Math.max(0,a),s={t:typeof e.t==`number`?zO(e.t):void 0,hookMs:VO(e.hookMs),afterRenderMs:VO(e.afterRenderMs),outputMs:VO(e.outputMs)},c=YO(e.cause),l=VO(e.refreshed),u=VO(e.unchanged);return{id:zO(e.id),at:zO(e.at),ms:zO(e.ms),passes:zO(e.passes),...r?{trigger:r}:{},checks:zO(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 KO=[`event`,`http`,`timer`,`signal`,`effect`,`markForCheck`,`input`,`view`,`tick`,`zone`,`unknown`],qO={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`},JO=e=>typeof e==`string`&&KO.includes(e);function YO(e){if(!RO(e)||!JO(e.kind))return;let t=[`component`,`listener`,`event`,`target`,`signal`,`task`],n={kind:e.kind};JO(e.via)&&(n.via=e.via);for(let r of t){let t=BO(e[r],wO);t&&(n[r]=t)}e.zone===!0&&(n.zone=!0);let r=HO(e.stack,PO).map(e=>BO(e,TO)).filter(Boolean);r.length&&(n.stack=r);let i=Math.floor(zO(e.more));return i&&(n.more=i),n}function XO(e){if(!RO(e))return null;let t=BO(e.name,wO);if(!t)return null;let n=e.strategy;return{name:t,refreshed:Math.floor(zO(e.refreshed)),unchanged:Math.floor(zO(e.unchanged)),...n===`OnPush`||n===`Eager`?{strategy:n}:{}}}function ZO(e){if(!RO(e))return null;let t=BO(e.name,wO),n=BO(e.input,wO);if(!t||!n)return null;let r=BO(e.parent,wO);return{name:t,input:n,...r?{parent:r}:{},inPlace:Math.floor(zO(e.inPlace)),sameContents:Math.floor(zO(e.sameContents))}}function QO(e){if(!RO(e))return null;let t=BO(e.name,wO);if(!t)return null;let n=HO(e.tasks,3).map(e=>BO(e,wO)).filter(Boolean);return{name:t,ticks:Math.floor(zO(e.ticks)),...n.length?{tasks:n}:{}}}function $O(e){if(!RO(e))return;let t={};if(RO(e.causes))for(let n of KO){let r=Math.floor(zO(e.causes[n]));r&&(t[n]=r)}let n=HO(e.components,OO).map(XO).filter(e=>!!e),r=HO(e.inputs,FO).map(ZO).filter(e=>!!e),i=HO(e.zone,FO).map(QO).filter(e=>!!e),a=Math.floor(zO(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 ek(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(`${qO[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 ${qO[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 tk(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 nk(e){let t=UO(e);return!t||!RO(e)?null:{...t,maxMs:zO(e.maxMs),cycles:zO(e.cycles)}}function rk(e){if(!RO(e))return null;let t=BO(e.name,wO),n=BO(e.hook,EO);if(!t||!n)return null;let{calls:r,ms:i,maxMs:a}=e;return{name:t,hook:n,calls:zO(r),ms:zO(i),maxMs:zO(a)}}function ik(e){if(!RO(e))return null;let t=BO(e.name,wO);if(!t)return null;let n=BO(e.listener,wO);return{name:t,...n?{listener:n}:{},calls:zO(e.calls),ms:zO(e.ms),maxMs:zO(e.maxMs)}}function ak(e){if(RO(e)&&zO(e.runs))return{runs:zO(e.runs),ms:zO(e.ms),maxMs:zO(e.maxMs)}}function ok(e,t){if(!RO(e))return null;let n=HO(e.spanNames,jO).map(e=>BO(e,TO)),r=Array.isArray(e.cycles)?e.cycles.slice(-Math.min(t,AO)).map(e=>GO(e,n.length)).filter(e=>!!e):[],i={},a=0;if(RO(e.hosts)){let t=Object.entries(e.hosts);a=Math.max(0,t.length-kO);for(let[e,n]of t.slice(0,kO))e.length<50&&zO(n)&&(i[e]=zO(n))}let o=Array.isArray(e.components)?e.components:[],s=Math.floor(zO(e.droppedClasses))+Math.max(0,o.length-OO),c=Math.floor(zO(e.droppedHosts))+a,l=HO(e.hooks,NO).map(rk).filter(e=>!!e),u=HO(e.outputs,NO).map(ik).filter(e=>!!e),d=Math.max(0,HO(e.hooks,1/0).length-NO)+Math.max(0,HO(e.outputs,1/0).length-NO),f=Math.floor(zO(e.droppedTimings))+d,p=ak(e.afterRender),m=r.some(e=>e.spans?.length),h=$O(e.diagnosis);return{recording:e.recording===!0,startedAt:typeof e.startedAt==`number`&&e.startedAt<=CO?zO(e.startedAt):null,dropped:zO(e.dropped),cycles:r,components:o.slice(0,OO).map(nk).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 sk=`pangular-inspector/change-detection`;function ck(e,t,n=Date.now()){return{format:sk,version:1,exportedAt:n,pageId:t,recording:{...ok(e,AO)??e,recording:!1,hosts:{}}}}function lk(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(!RO(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=RO(n.recording)?n.recording:n;if(!Array.isArray(r.cycles))return{ok:!1,error:`The file has no change detection cycles.`};let i=ok(r,t);if(!i)return{ok:!1,error:`The file is not a recording.`};let a=BO(n.pageId??r.pageId,49)||`imported`,o=VO(n.exportedAt);return{ok:!0,pageId:a,...o?{exportedAt:o}:{},recording:{...i,recording:!1}}}var uk=1,dk=1,fk=2,pk={c:`component`,h:`lifecycle-hook`,r:`after-render`,o:`output`},mk=e=>Math.round(e*1e6)/1e3;function hk(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:uk,tid:dk,ts:mk(e),dur:mk(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:ek(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===IO.output){let n=e+i;a.push({name:l,cat:pk[d],ph:`X`,pid:uk,tid:fk,ts:mk(n),dur:mk(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:pk[d],ph:`X`,pid:uk,tid:dk,ts:mk(f),dur:mk(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=mk((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:uk,tid:e,args:{name:n}});return{traceEvents:[l(0,`process_name`,`Angular change detection (page ${t})`),l(dk,`thread_name`,`Change detection`),l(fk,`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<=CO?{startedAt:new Date(e.startedAt).toISOString()}:{}}}}var gk=16.6;function _k(e){return e.ms>gk}function vk(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}function yk(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 bk(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 xk(e){let t=e.reduce((e,t)=>Math.max(e,t.ms),0);return Math.max(t,gk*1.25)}function Sk(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 Ck={c:`component`,h:`hook`,r:`afterRender`,o:`output`};function wk(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 Tk(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:wk(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 Ek=(e,t)=>t.kind,Dk=(e,t)=>t.name,Ok=(e,t)=>t.name+`.`+t.input;function kk(e,t){e&1&&(z(0,`p`,3),K(1,` The page has no Angular change detection scheduler the overlay could find (it needs Angular 18 or later), so cycles have no cause. `),B())}function Ak(e,t){if(e&1&&(z(0,`tr`)(1,`td`),K(2),B(),z(3,`td`,6),K(4),B()()),e&2){let e=t.$implicit;O(2),q(e.label),O(2),q(e.count)}}function jk(e,t){if(e&1&&(z(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),K(4,`Trigger`),B(),z(5,`th`,5),K(6,`Cycles`),B()()(),z(7,`tbody`),N(8,Ak,5,2,`tr`,null,Ek),B()()),e&2){let e=W(2);O(8),P(e.causes())}}function Mk(e,t){e&1&&(z(0,`p`,3),K(1,`No cycle has a cause yet.`),B())}function Nk(e,t){if(e&1&&(z(0,`tr`)(1,`td`,7),K(2),B(),z(3,`td`,6),K(4),B(),z(5,`td`,7),K(6),B()()),e&2){let e=t.$implicit;O(2),q(e.name),O(2),q(e.ticks),O(2),q(e.tasks?.join(`, `))}}function Pk(e,t){if(e&1&&(z(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),K(4,`Component`),B(),z(5,`th`,5),K(6,`Zone-only ticks`),B(),z(7,`th`,4),K(8,`After`),B()()(),z(9,`tbody`),N(10,Nk,7,3,`tr`,null,Dk),B()()),e&2){let e=W(3);O(10),P(e.zone())}}function Fk(e,t){if(e&1&&(z(0,`p`,3),K(1),B()),e&2){let e=W(3);O(),q(e.zoneNote())}}function Ik(e,t){if(e&1&&(z(0,`div`)(1,`h4`),K(2,`Depends on zone.js`),B(),j(3,Pk,12,0,`table`)(4,Fk,2,1,`p`,3),B()),e&2){let e=W(),t=W();O(3),M(t.zone().length?3:e.triggers?4:-1)}}function Lk(e,t){e&1&&(z(0,`p`,3),K(1,`The page can't watch DOM updates, so wasted checks are not counted.`),B())}function Rk(e,t){if(e&1&&(z(0,`tr`)(1,`td`,7),K(2),B(),z(3,`td`,6),K(4),B(),z(5,`td`,6),K(6),B(),z(7,`td`),K(8),B()()),e&2){let e=t.$implicit,n=W(3);O(2),q(e.name),O(2),q(e.refreshed),O(2),Y(``,e.unchanged,` (`,n.share(e.unchanged,e.refreshed),`)`),O(2),q(e.strategy??`Unknown`)}}function zk(e,t){if(e&1&&(z(0,`table`)(1,`thead`)(2,`tr`)(3,`th`,4),K(4,`Component`),B(),z(5,`th`,5),K(6,`Refreshed`),B(),z(7,`th`,5),K(8,`Changed nothing`),B(),z(9,`th`,4),K(10,`Strategy`),B()()(),z(11,`tbody`),N(12,Rk,9,5,`tr`,null,Dk),B()()),e&2){let e=W(2);O(12),P(e.wasted())}}function Bk(e,t){e&1&&(z(0,`p`,3),K(1,`Every refreshed check changed something.`),B())}function Vk(e,t){if(e&1&&(z(0,`tr`)(1,`td`,7),K(2),B(),z(3,`td`,7),K(4),B(),z(5,`td`,6),K(6),B(),z(7,`td`,6),K(8),B()()),e&2){let e=t.$implicit;O(2),Y(``,e.name,`.`,e.input),O(2),q(e.parent??`Unknown`),O(2),q(e.inPlace),O(2),q(e.sameContents)}}function Hk(e,t){if(e&1&&(z(0,`h4`),K(1,`Inputs that break OnPush`),B(),z(2,`table`)(3,`thead`)(4,`tr`)(5,`th`,4),K(6,`Input`),B(),z(7,`th`,4),K(8,`Set by`),B(),z(9,`th`,5),K(10,`Changed in place`),B(),z(11,`th`,5),K(12,`Same contents, new reference`),B()()(),z(13,`tbody`),N(14,Vk,9,5,`tr`,null,Ok),B()()),e&2){let e=W(2);O(14),P(e.inputs())}}function Uk(e,t){if(e&1&&(z(0,`li`),K(1),B()),e&2){let e=t.$implicit;O(),q(e.text)}}function Wk(e,t){if(e&1&&(z(0,`h4`),K(1,`Hints`),B(),z(2,`ul`,8),N(3,Uk,2,1,`li`,null,_g),B()),e&2){let e=W(2);O(3),P(e.hints())}}function Gk(e,t){if(e&1&&(z(0,`section`,0)(1,`h3`,1),K(2,`Why it ran and what it wasted`),B(),z(3,`div`,2)(4,`div`)(5,`h4`),K(6,`What started the cycles`),B(),j(7,kk,2,0,`p`,3)(8,jk,10,0,`table`)(9,Mk,2,0,`p`,3),B(),j(10,Ik,5,1,`div`),B(),z(11,`h4`),K(12,`Wasted checks`),B(),j(13,Lk,2,0,`p`,3)(14,zk,14,0,`table`)(15,Bk,2,0,`p`,3),j(16,Hk,16,0),j(17,Wk,5,0),B()),e&2){let e=t,n=W();O(7),M(e.triggers?n.causes().length?8:9:7),O(3),M(n.hasZone()?10:-1),O(3),M(e.waste?n.wasted().length?14:15:13),O(3),M(n.inputs().length?16:-1),O(),M(n.hints().length?17:-1)}}var Kk=10,qk=class e{page=$(null);diagnosis=X(()=>this.page()?.diagnosis??null);causes=X(()=>{let e=this.diagnosis()?.causes??{};return KO.filter(t=>e[t]).map(t=>({kind:t,label:qO[t],count:e[t]}))});zone=X(()=>(this.diagnosis()?.zone??[]).slice(0,Kk));zoneTicks=X(()=>this.diagnosis()?.causes.zone??0);hasZone=X(()=>this.diagnosis()?.zoneJs??(this.zone().length>0||this.zoneTicks()>0));zoneNote=X(()=>{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=X(()=>(this.diagnosis()?.components??[]).filter(e=>e.unchanged>0).slice(0,Kk));inputs=X(()=>(this.diagnosis()?.inputs??[]).slice(0,Kk));hints=X(()=>tk(this.diagnosis()??void 0).slice(0,Kk));share(e,t){return t?`${Math.round(e/t*100)}%`:`0%`}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&j(0,Gk,18,5,`section`,0),e&2){let e;M((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;
-}`]})},Gk=(e,t)=>t.cycle.id,Kk=(e,t)=>t.id;function qk(e,t){if(e&1){let e=V();z(0,`button`,27),U(`click`,function(){return w(e),T(W().showAll())}),K(1,`Show all cycles`),B()}}function Jk(e,t){if(e&1&&kg(0,`div`,28),e&2){let e=t;b_(`left`,e.left,`%`)(`width`,e.width,`%`)}}function Yk(e,t){if(e&1&&(z(0,`div`,29),kg(1,`span`,30),B()),e&2){let e=t.$implicit,n=W();G(`over`,e.over)(`out`,!n.inRange(e.index)&&!!n.range())(`active`,n.focused()&&n.active()===e.index),Fg(`id`,n.optionId(e.index)),A(`data-index`,e.index)(`aria-selected`,n.inRange(e.index))(`aria-label`,e.label),O(),b_(`height`,e.height,`%`)}}function Xk(e,t){e&1&&(z(0,`span`,33),K(1,`over budget`),B())}function Zk(e,t){if(e&1&&(z(0,`p`),K(1,` after `),z(2,`span`,35),K(3),B()()),e&2){let e=W();O(3),q(e.cycle.trigger)}}function Qk(e,t){if(e&1&&(z(0,`p`,34)(1,`span`,36),K(2),B(),z(3,`span`),K(4),B()()),e&2){let e=t.$implicit,n=W(2);O(2),q(e.name),O(2),q(n.fmt(e.ms))}}function $k(e,t){if(e&1&&(z(0,`div`,31)(1,`p`,32)(2,`strong`),K(3),B(),z(4,`span`),K(5),B(),j(6,Xk,2,0,`span`,33),B(),j(7,Zk,4,1,`p`),z(8,`p`),K(9),B(),N(10,Qk,5,2,`p`,34,_g),B()),e&2){let e=t,n=W();b_(`left`,e.left)(`right`,e.right),O(3),q(n.fmt(e.cycle.ms)),O(2),J(`cycle `,e.cycle.id),O(),M(e.over?6:-1),O(),M(e.cycle.trigger?7:-1),O(2),z_(` `,e.cycle.checks,` `,e.cycle.checks===1?`check`:`checks`,`, `,e.cycle.passes,` `,e.cycle.passes===1?`pass`:`passes`,` `),O(),P(e.top)}}function eA(e,t){if(e&1&&kg(0,`span`),e&2){let e=t.$implicit;G(`over`,e.over)}}function tA(e,t){if(e&1&&K(0),e&2){let e=t,n=W(2);Y(` `,e.name,` (`,n.fmt(e.ms),`) `)}}function nA(e,t){if(e&1&&(z(0,`tr`)(1,`td`,37),K(2),B(),z(3,`td`,37),K(4),B(),z(5,`td`),K(6),B(),z(7,`td`,37),K(8),B(),z(9,`td`,37),K(10),B(),z(11,`td`,35),K(12),B(),z(13,`td`,35),j(14,tA,1,2),B()()),e&2){let e,n=t.$implicit,r=W();O(2),q(n.id),O(2),q(r.fmt(n.ms)),O(2),q(r.isOver(n)?`Over`:`Within`),O(2),q(n.checks),O(2),q(n.passes),O(2),q(n.trigger??``),O(2),M((e=n.components[0])?14:-1,e)}}var rA=0,iA=80,aA=10,oA=class e{cycles=$([]);range=wv(null);gapUntil=iA;budgetLabel=`${pk} ms budget`;uid=`cd-chart-${rA++}`;hintId=`${this.uid}-hint`;active=D(null);anchor=null;dragging=!1;hover=D(null);focused=D(!1);max=X(()=>vk(this.cycles()));budgetAt=X(()=>pk/this.max()*100);bars=X(()=>{let e=this.max();return this.cycles().map((t,n)=>({cycle:t,index:n,height:t.ms/e*100,over:mk(t),label:this.describe(t)}))});firstId=X(()=>this.cycles()[0]?.id??0);lastId=X(()=>this.cycles().at(-1)?.id??0);span=X(()=>{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=X(()=>gk(this.cycles(),this.range()));startId=X(()=>this.selected()[0]?.id??``);endId=X(()=>this.selected().at(-1)?.id??``);band=X(()=>{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=X(()=>{let e=this.selected(),t=e.filter(mk).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 ${pk} ms budget.`});tableLabel=X(()=>this.span()?`Picked cycles, ${this.summary()}`:`All recorded cycles`);activeOptionId=X(()=>{let e=this.active();return this.focused()&&e!==null&&e<this.cycles().length?this.optionId(e):null});tip=X(()=>{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:mk(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 hk(e)}isOver(e){return mk(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}`,hk(e.ms)];mk(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} ${hk(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+aA;break;case`PageUp`:r=n-aA;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=k({type:e,selectors:[[`app-cd-cycle-chart`]],hostBindings:function(e,t){e&1&&H(`pointerup`,function(){return t.endDrag()},ju)(`pointercancel`,function(){return t.endDrag()},ju)},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&&(z(0,`div`,0)(1,`label`)(2,`span`),K(3,`Start`),B(),z(4,`input`,1),U(`change`,function(e){return t.setEnd(`from`,e)}),B()(),z(5,`label`)(6,`span`),K(7,`End`),B(),z(8,`input`,1),U(`change`,function(e){return t.setEnd(`to`,e)}),B()(),j(9,qk,2,0,`button`,2),z(10,`p`,3),K(11),B()(),z(12,`p`,4),K(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. `),B(),z(14,`div`,5)(15,`div`,6)(16,`span`,7),K(17),B(),z(18,`span`,8),K(19,`0 ms`),B()(),z(20,`div`,9),j(21,Jk,1,4,`div`,10),z(22,`div`,11)(23,`span`),K(24),B()(),z(25,`div`,12),U(`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)}),N(26,Yk,2,12,`div`,13,Gk),B(),j(28,$k,12,12,`div`,14),B()(),z(29,`div`,15),N(30,eA,1,2,`span`,16,Gk),B(),z(32,`ul`,17)(33,`li`),kg(34,`span`,18),K(35,`Within budget`),B(),z(36,`li`),kg(37,`span`,19)(38,`span`,20),K(39,`Over budget `),B(),z(40,`li`),kg(41,`span`,21),K(42),B()(),z(43,`details`,22)(44,`summary`),K(45,`Show the cycles as a table`),B(),z(46,`div`,23)(47,`table`)(48,`caption`,24),K(49),B(),z(50,`thead`)(51,`tr`)(52,`th`,25),K(53,`Cycle`),B(),z(54,`th`,25),K(55,`Duration`),B(),z(56,`th`,26),K(57,`Budget`),B(),z(58,`th`,25),K(59,`Checks`),B(),z(60,`th`,25),K(61,`Passes`),B(),z(62,`th`,26),K(63,`After`),B(),z(64,`th`,26),K(65,`Slowest component`),B()()(),z(66,`tbody`),N(67,nA,15,7,`tr`,null,Kk),B()()()()),e&2){let e,n;O(4),Fg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.startId()),O(4),Fg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.endId()),O(),M(t.range()?9:-1),O(2),q(t.summary()),O(),Fg(`id`,t.hintId),O(2),G(`flush`,t.bars().length>t.gapUntil),O(3),q(t.fmt(t.max())),O(4),M((e=t.band())?21:-1,e),O(),b_(`bottom`,t.budgetAt(),`%`),O(2),q(t.budgetLabel),O(),A(`aria-label`,`Change detection cycles, `+t.summary())(`aria-describedby`,t.hintId)(`aria-activedescendant`,t.activeOptionId()),O(),P(t.bars()),O(2),M((n=t.tip())?28:-1,n),O(),G(`flush`,t.bars().length>t.gapUntil),O(),P(t.bars()),O(12),q(t.budgetLabel),O(4),A(`aria-label`,t.tableLabel()),O(3),J(` `,t.tableLabel(),` `),O(18),P(t.selected())}},styles:[`[_nghost-%COMP%] {
+}`]})},Jk=(e,t)=>t.cycle.id,Yk=(e,t)=>t.id;function Xk(e,t){if(e&1){let e=V();z(0,`button`,27),U(`click`,function(){return w(e),T(W().showAll())}),K(1,`Show all cycles`),B()}}function Zk(e,t){if(e&1&&kg(0,`div`,28),e&2){let e=t;b_(`left`,e.left,`%`)(`width`,e.width,`%`)}}function Qk(e,t){if(e&1&&(z(0,`div`,29),kg(1,`span`,30),B()),e&2){let e=t.$implicit,n=W();G(`over`,e.over)(`out`,!n.inRange(e.index)&&!!n.range())(`active`,n.focused()&&n.active()===e.index),Fg(`id`,n.optionId(e.index)),A(`data-index`,e.index)(`aria-selected`,n.inRange(e.index))(`aria-label`,e.label),O(),b_(`height`,e.height,`%`)}}function $k(e,t){e&1&&(z(0,`span`,33),K(1,`over budget`),B())}function eA(e,t){if(e&1&&(z(0,`p`),K(1,` after `),z(2,`span`,35),K(3),B()()),e&2){let e=W();O(3),q(e.cycle.trigger)}}function tA(e,t){if(e&1&&(z(0,`p`,34)(1,`span`,36),K(2),B(),z(3,`span`),K(4),B()()),e&2){let e=t.$implicit,n=W(2);O(2),q(e.name),O(2),q(n.fmt(e.ms))}}function nA(e,t){if(e&1&&(z(0,`div`,31)(1,`p`,32)(2,`strong`),K(3),B(),z(4,`span`),K(5),B(),j(6,$k,2,0,`span`,33),B(),j(7,eA,4,1,`p`),z(8,`p`),K(9),B(),N(10,tA,5,2,`p`,34,_g),B()),e&2){let e=t,n=W();b_(`left`,e.left)(`right`,e.right),O(3),q(n.fmt(e.cycle.ms)),O(2),J(`cycle `,e.cycle.id),O(),M(e.over?6:-1),O(),M(e.cycle.trigger?7:-1),O(2),z_(` `,e.cycle.checks,` `,e.cycle.checks===1?`check`:`checks`,`, `,e.cycle.passes,` `,e.cycle.passes===1?`pass`:`passes`,` `),O(),P(e.top)}}function rA(e,t){if(e&1&&kg(0,`span`),e&2){let e=t.$implicit;G(`over`,e.over)}}function iA(e,t){if(e&1&&K(0),e&2){let e=t,n=W(2);Y(` `,e.name,` (`,n.fmt(e.ms),`) `)}}function aA(e,t){if(e&1&&(z(0,`tr`)(1,`td`,37),K(2),B(),z(3,`td`,37),K(4),B(),z(5,`td`),K(6),B(),z(7,`td`,37),K(8),B(),z(9,`td`,37),K(10),B(),z(11,`td`,35),K(12),B(),z(13,`td`,35),j(14,iA,1,2),B()()),e&2){let e,n=t.$implicit,r=W();O(2),q(n.id),O(2),q(r.fmt(n.ms)),O(2),q(r.isOver(n)?`Over`:`Within`),O(2),q(n.checks),O(2),q(n.passes),O(2),q(n.trigger??``),O(2),M((e=n.components[0])?14:-1,e)}}var oA=0,sA=80,cA=10,lA=class e{cycles=$([]);range=wv(null);gapUntil=sA;budgetLabel=`${gk} ms budget`;uid=`cd-chart-${oA++}`;hintId=`${this.uid}-hint`;active=D(null);anchor=null;dragging=!1;hover=D(null);focused=D(!1);max=X(()=>xk(this.cycles()));budgetAt=X(()=>gk/this.max()*100);bars=X(()=>{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=X(()=>this.cycles()[0]?.id??0);lastId=X(()=>this.cycles().at(-1)?.id??0);span=X(()=>{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=X(()=>yk(this.cycles(),this.range()));startId=X(()=>this.selected()[0]?.id??``);endId=X(()=>this.selected().at(-1)?.id??``);band=X(()=>{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=X(()=>{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 ${gk} ms budget.`});tableLabel=X(()=>this.span()?`Picked cycles, ${this.summary()}`:`All recorded cycles`);activeOptionId=X(()=>{let e=this.active();return this.focused()&&e!==null&&e<this.cycles().length?this.optionId(e):null});tip=X(()=>{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 vk(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}`,vk(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} ${vk(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+cA;break;case`PageUp`:r=n-cA;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=k({type:e,selectors:[[`app-cd-cycle-chart`]],hostBindings:function(e,t){e&1&&H(`pointerup`,function(){return t.endDrag()},ju)(`pointercancel`,function(){return t.endDrag()},ju)},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&&(z(0,`div`,0)(1,`label`)(2,`span`),K(3,`Start`),B(),z(4,`input`,1),U(`change`,function(e){return t.setEnd(`from`,e)}),B()(),z(5,`label`)(6,`span`),K(7,`End`),B(),z(8,`input`,1),U(`change`,function(e){return t.setEnd(`to`,e)}),B()(),j(9,Xk,2,0,`button`,2),z(10,`p`,3),K(11),B()(),z(12,`p`,4),K(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. `),B(),z(14,`div`,5)(15,`div`,6)(16,`span`,7),K(17),B(),z(18,`span`,8),K(19,`0 ms`),B()(),z(20,`div`,9),j(21,Zk,1,4,`div`,10),z(22,`div`,11)(23,`span`),K(24),B()(),z(25,`div`,12),U(`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)}),N(26,Qk,2,12,`div`,13,Jk),B(),j(28,nA,12,12,`div`,14),B()(),z(29,`div`,15),N(30,rA,1,2,`span`,16,Jk),B(),z(32,`ul`,17)(33,`li`),kg(34,`span`,18),K(35,`Within budget`),B(),z(36,`li`),kg(37,`span`,19)(38,`span`,20),K(39,`Over budget `),B(),z(40,`li`),kg(41,`span`,21),K(42),B()(),z(43,`details`,22)(44,`summary`),K(45,`Show the cycles as a table`),B(),z(46,`div`,23)(47,`table`)(48,`caption`,24),K(49),B(),z(50,`thead`)(51,`tr`)(52,`th`,25),K(53,`Cycle`),B(),z(54,`th`,25),K(55,`Duration`),B(),z(56,`th`,26),K(57,`Budget`),B(),z(58,`th`,25),K(59,`Checks`),B(),z(60,`th`,25),K(61,`Passes`),B(),z(62,`th`,26),K(63,`After`),B(),z(64,`th`,26),K(65,`Slowest component`),B()()(),z(66,`tbody`),N(67,aA,15,7,`tr`,null,Yk),B()()()()),e&2){let e,n;O(4),Fg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.startId()),O(4),Fg(`min`,t.firstId())(`max`,t.lastId())(`value`,t.endId()),O(),M(t.range()?9:-1),O(2),q(t.summary()),O(),Fg(`id`,t.hintId),O(2),G(`flush`,t.bars().length>t.gapUntil),O(3),q(t.fmt(t.max())),O(4),M((e=t.band())?21:-1,e),O(),b_(`bottom`,t.budgetAt(),`%`),O(2),q(t.budgetLabel),O(),A(`aria-label`,`Change detection cycles, `+t.summary())(`aria-describedby`,t.hintId)(`aria-activedescendant`,t.activeOptionId()),O(),P(t.bars()),O(2),M((n=t.tip())?28:-1,n),O(),G(`flush`,t.bars().length>t.gapUntil),O(),P(t.bars()),O(12),q(t.budgetLabel),O(4),A(`aria-label`,t.tableLabel()),O(3),J(` `,t.tableLabel(),` `),O(18),P(t.selected())}},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1224,7 +1224,7 @@ td.mono[_ngcontent-%COMP%] {
   .bar[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},sA=(e,t)=>t.id,cA=(e,t)=>t.index,lA=(e,t)=>t.kind;function uA(e,t){if(e&1&&(z(0,`p`,0),K(1),B()),e&2){let e=W(2);O(),Y(` Pick `,e.max,` cycles or fewer to see their spans. `,e.count(),` are picked. `)}}function dA(e,t){if(e&1&&(z(0,`span`),K(1),B()),e&2){let e=t.$implicit;b_(`left`,e.x,`%`)(`width`,e.w,`%`),O(),J(`cycle `,e.id)}}function fA(e,t){if(e&1){let e=V();z(0,`button`,11),U(`focus`,function(){let t=w(e).$implicit;return T(W(3).current.set(t.index))})(`mouseenter`,function(){let t=w(e).$implicit;return T(W(3).hover.set(t.index))})(`mouseleave`,function(){return w(e),T(W(3).hover.set(null))})(`click`,function(){let t=w(e).$implicit;return T(W(3).choose(t))}),z(1,`span`,12),K(2),B()()}if(e&2){let e=t.$implicit,n=W(3);x_(J_(`block kind-`,e.kind)),b_(`left`,e.x,`%`)(`width`,e.w,`%`)(`top`,e.depth*n.row,`px`),G(`narrow`,e.w<4),A(`tabindex`,e.index===n.tabStop()?0:-1)(`data-index`,e.index)(`aria-label`,n.describe(e))(`aria-disabled`,e.component?null:`true`),O(2),q(e.name)}}function pA(e,t){if(e&1&&(z(0,`li`),kg(1,`span`,13),K(2),B()),e&2){let e=t.$implicit;O(),x_(J_(`key kind-`,e.kind)),O(),q(e.label)}}function mA(e,t){if(e&1&&(z(0,`p`,0),K(1),B()),e&2){let e=W(3);O(),Y(` Each cycle keeps its longest spans. `,e.dropped(),` shorter `,e.dropped()===1?`span was`:`spans were`,` left out. `)}}function hA(e,t){if(e&1&&(z(0,`tr`)(1,`td`,17),K(2),B(),z(3,`td`,18),K(4),B(),z(5,`td`),K(6),B(),z(7,`td`,17),K(8),B(),z(9,`td`,17),K(10),B(),z(11,`td`,17),K(12),B(),z(13,`td`,17),K(14),B()()),e&2){let e=t.$implicit,n=W(4);O(2),q(e.cycleId),O(),b_(`padding-left`,6+e.depth*8,`px`),O(),q(e.name),O(2),q(n.kindLabel(e)),O(2),q(e.depth),O(2),q(n.fmt(e.start)),O(2),q(n.fmt(e.ms)),O(2),q(n.fmt(e.selfMs))}}function gA(e,t){if(e&1&&(z(0,`div`,10)(1,`table`)(2,`caption`,14),K(3),B(),z(4,`thead`)(5,`tr`)(6,`th`,15),K(7,`Cycle`),B(),z(8,`th`,16),K(9,`Span`),B(),z(10,`th`,16),K(11,`Kind`),B(),z(12,`th`,15),K(13,`Depth`),B(),z(14,`th`,15),K(15,`Start`),B(),z(16,`th`,15),K(17,`Total`),B(),z(18,`th`,15),K(19,`Self`),B()()(),z(20,`tbody`),N(21,hA,15,9,`tr`,null,cA),B()()()),e&2){let e=W(),t=W(2);A(`aria-label`,t.tableLabel()),O(3),J(` `,t.tableLabel(),` `),O(18),P(e.blocks)}}function _A(e,t){if(e&1){let e=V();z(0,`div`,1),U(`keydown`,function(t){return w(e),T(W(2).onKey(t))}),z(1,`div`,2),N(2,dA,2,5,`span`,3,sA),B(),z(4,`div`,4),N(5,fA,3,16,`button`,5,cA),B()(),z(7,`p`,6),K(8),B(),z(9,`ul`,7),N(10,pA,3,4,`li`,null,lA),B(),z(12,`p`,8),K(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. `),B(),j(14,mA,2,2,`p`,0),z(15,`details`,9),U(`toggle`,function(t){return w(e),T(W(2).onToggle(t))}),z(16,`summary`),K(17,`Show the spans as a table`),B(),j(18,gA,23,2,`div`,10),B()}if(e&2){let e=t,n=W(2);A(`aria-label`,n.label()),O(2),P(e.cycles),O(2),b_(`height`,e.depth*n.row,`px`),O(),P(e.blocks),O(3),q(n.readout()),O(2),P(n.kinds),O(4),M(n.dropped()?14:-1),O(4),M(n.tableOpen()?18:-1)}}function vA(e,t){if(e&1&&(z(0,`h3`),K(1,`Spans in the picked cycles`),B(),j(2,uA,2,2,`p`,0)(3,_A,19,6)),e&2){let e,t=W();O(2),M(t.tooMany()?2:(e=t.graph())?3:-1,e)}}var yA=22;function bA(e,t){for(let n=e.length-1;n>=0;n--)if(t(e[n]))return e[n]}var xA=class e{cycles=$([]);names=$([]);scope=$(`the recording`);pick=yv();row=yA;max=30;kinds=[`c`,`h`,`r`,`o`].map(e=>({kind:e,label:bk[e]}));current=D(0);tableOpen=D(!1);hover=D(null);hasSpans=X(()=>this.cycles().some(e=>e.spans?.length));count=X(()=>this.cycles().length);tooMany=X(()=>this.count()>30);graph=X(()=>this.tooMany()?null:Sk(this.cycles(),this.names()));tabStop=X(()=>Math.min(this.current(),Math.max((this.graph()?.blocks.length??1)-1,0)));dropped=X(()=>this.graph()?.cycles.reduce((e,t)=>e+t.droppedSpans,0)??0);label=X(()=>`Spans in ${this.scope()} over time, nested by depth. Pick a component to show it in the tree.`);readout=X(()=>{let e=(this.graph()?.blocks??[])[this.hover()??this.tabStop()];return e?this.describe(e):``});tableLabel=X(()=>`Timed spans in ${this.scope()}`);fmt(e){return hk(e)}kindLabel(e){return bk[e.kind]}onToggle(e){this.tableOpen.set(e.target.open)}describe(e){let t=[e.name,bk[e.kind],`${hk(e.ms)} total`];return e.selfMs!==e.ms&&t.push(`${hk(e.selfMs)} self`),t.push(e.start<0?`cycle ${e.cycleId}, ${hk(-e.start)} before it started`:`cycle ${e.cycleId} at ${hk(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=bA(t,e=>e.index<n.index&&e.depth===n.depth);break;case`ArrowUp`:r=n.parent===null?bA(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=k({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&&j(0,vA,4,1),e&2&&M(t.hasSpans()?0:-1)},styles:[`[_nghost-%COMP%] {
+}`]})},uA=(e,t)=>t.id,dA=(e,t)=>t.index,fA=(e,t)=>t.kind;function pA(e,t){if(e&1&&(z(0,`p`,0),K(1),B()),e&2){let e=W(2);O(),Y(` Pick `,e.max,` cycles or fewer to see their spans. `,e.count(),` are picked. `)}}function mA(e,t){if(e&1&&(z(0,`span`),K(1),B()),e&2){let e=t.$implicit;b_(`left`,e.x,`%`)(`width`,e.w,`%`),O(),J(`cycle `,e.id)}}function hA(e,t){if(e&1){let e=V();z(0,`button`,11),U(`focus`,function(){let t=w(e).$implicit;return T(W(3).current.set(t.index))})(`mouseenter`,function(){let t=w(e).$implicit;return T(W(3).hover.set(t.index))})(`mouseleave`,function(){return w(e),T(W(3).hover.set(null))})(`click`,function(){let t=w(e).$implicit;return T(W(3).choose(t))}),z(1,`span`,12),K(2),B()()}if(e&2){let e=t.$implicit,n=W(3);x_(J_(`block kind-`,e.kind)),b_(`left`,e.x,`%`)(`width`,e.w,`%`)(`top`,e.depth*n.row,`px`),G(`narrow`,e.w<4),A(`tabindex`,e.index===n.tabStop()?0:-1)(`data-index`,e.index)(`aria-label`,n.describe(e))(`aria-disabled`,e.component?null:`true`),O(2),q(e.name)}}function gA(e,t){if(e&1&&(z(0,`li`),kg(1,`span`,13),K(2),B()),e&2){let e=t.$implicit;O(),x_(J_(`key kind-`,e.kind)),O(),q(e.label)}}function _A(e,t){if(e&1&&(z(0,`p`,0),K(1),B()),e&2){let e=W(3);O(),Y(` Each cycle keeps its longest spans. `,e.dropped(),` shorter `,e.dropped()===1?`span was`:`spans were`,` left out. `)}}function vA(e,t){if(e&1&&(z(0,`tr`)(1,`td`,17),K(2),B(),z(3,`td`,18),K(4),B(),z(5,`td`),K(6),B(),z(7,`td`,17),K(8),B(),z(9,`td`,17),K(10),B(),z(11,`td`,17),K(12),B(),z(13,`td`,17),K(14),B()()),e&2){let e=t.$implicit,n=W(4);O(2),q(e.cycleId),O(),b_(`padding-left`,6+e.depth*8,`px`),O(),q(e.name),O(2),q(n.kindLabel(e)),O(2),q(e.depth),O(2),q(n.fmt(e.start)),O(2),q(n.fmt(e.ms)),O(2),q(n.fmt(e.selfMs))}}function yA(e,t){if(e&1&&(z(0,`div`,10)(1,`table`)(2,`caption`,14),K(3),B(),z(4,`thead`)(5,`tr`)(6,`th`,15),K(7,`Cycle`),B(),z(8,`th`,16),K(9,`Span`),B(),z(10,`th`,16),K(11,`Kind`),B(),z(12,`th`,15),K(13,`Depth`),B(),z(14,`th`,15),K(15,`Start`),B(),z(16,`th`,15),K(17,`Total`),B(),z(18,`th`,15),K(19,`Self`),B()()(),z(20,`tbody`),N(21,vA,15,9,`tr`,null,dA),B()()()),e&2){let e=W(),t=W(2);A(`aria-label`,t.tableLabel()),O(3),J(` `,t.tableLabel(),` `),O(18),P(e.blocks)}}function bA(e,t){if(e&1){let e=V();z(0,`div`,1),U(`keydown`,function(t){return w(e),T(W(2).onKey(t))}),z(1,`div`,2),N(2,mA,2,5,`span`,3,uA),B(),z(4,`div`,4),N(5,hA,3,16,`button`,5,dA),B()(),z(7,`p`,6),K(8),B(),z(9,`ul`,7),N(10,gA,3,4,`li`,null,fA),B(),z(12,`p`,8),K(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. `),B(),j(14,_A,2,2,`p`,0),z(15,`details`,9),U(`toggle`,function(t){return w(e),T(W(2).onToggle(t))}),z(16,`summary`),K(17,`Show the spans as a table`),B(),j(18,yA,23,2,`div`,10),B()}if(e&2){let e=t,n=W(2);A(`aria-label`,n.label()),O(2),P(e.cycles),O(2),b_(`height`,e.depth*n.row,`px`),O(),P(e.blocks),O(3),q(n.readout()),O(2),P(n.kinds),O(4),M(n.dropped()?14:-1),O(4),M(n.tableOpen()?18:-1)}}function xA(e,t){if(e&1&&(z(0,`h3`),K(1,`Spans in the picked cycles`),B(),j(2,pA,2,2,`p`,0)(3,bA,19,6)),e&2){let e,t=W();O(2),M(t.tooMany()?2:(e=t.graph())?3:-1,e)}}var SA=22;function CA(e,t){for(let n=e.length-1;n>=0;n--)if(t(e[n]))return e[n]}var wA=class e{cycles=$([]);names=$([]);scope=$(`the recording`);pick=yv();row=SA;max=30;kinds=[`c`,`h`,`r`,`o`].map(e=>({kind:e,label:Ck[e]}));current=D(0);tableOpen=D(!1);hover=D(null);hasSpans=X(()=>this.cycles().some(e=>e.spans?.length));count=X(()=>this.cycles().length);tooMany=X(()=>this.count()>30);graph=X(()=>this.tooMany()?null:Tk(this.cycles(),this.names()));tabStop=X(()=>Math.min(this.current(),Math.max((this.graph()?.blocks.length??1)-1,0)));dropped=X(()=>this.graph()?.cycles.reduce((e,t)=>e+t.droppedSpans,0)??0);label=X(()=>`Spans in ${this.scope()} over time, nested by depth. Pick a component to show it in the tree.`);readout=X(()=>{let e=(this.graph()?.blocks??[])[this.hover()??this.tabStop()];return e?this.describe(e):``});tableLabel=X(()=>`Timed spans in ${this.scope()}`);fmt(e){return vk(e)}kindLabel(e){return Ck[e.kind]}onToggle(e){this.tableOpen.set(e.target.open)}describe(e){let t=[e.name,Ck[e.kind],`${vk(e.ms)} total`];return e.selfMs!==e.ms&&t.push(`${vk(e.selfMs)} self`),t.push(e.start<0?`cycle ${e.cycleId}, ${vk(-e.start)} before it started`:`cycle ${e.cycleId} at ${vk(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=CA(t,e=>e.index<n.index&&e.depth===n.depth);break;case`ArrowUp`:r=n.parent===null?CA(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=k({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&&j(0,xA,4,1),e&2&&M(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 SA(e,t){if(e&1&&(z(0,`tr`)(1,`td`,5),K(2),B(),z(3,`td`,6),K(4),B(),z(5,`td`,6),K(6),B(),z(7,`td`,6),K(8),B()()),e&2){let e=t.$implicit,n=W(3);O(2),Y(``,e.name,`.`,e.hook),O(2),q(e.calls),O(2),q(n.ms(e.ms)),O(2),q(n.ms(e.maxMs))}}function CA(e,t){if(e&1&&(z(0,`div`)(1,`h3`),K(2,`Lifecycle hooks`),B(),z(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,3),K(7,`Hook`),B(),z(8,`th`,4),K(9,`Calls`),B(),z(10,`th`,4),K(11,`Time`),B(),z(12,`th`,4),K(13,`Slowest`),B()()(),z(14,`tbody`),N(15,SA,9,5,`tr`,null,_g),B()()()),e&2){let e=W(2);O(15),P(e.hooks())}}function wA(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` (`,e.listener,`) `)}}function TA(e,t){if(e&1&&(z(0,`tr`)(1,`td`,5),K(2),j(3,wA,1,1),B(),z(4,`td`,6),K(5),B(),z(6,`td`,6),K(7),B(),z(8,`td`,6),K(9),B()()),e&2){let e=t.$implicit,n=W(3);O(2),J(` `,e.name,` `),O(),M(e.listener?3:-1),O(2),q(e.calls),O(2),q(n.ms(e.ms)),O(2),q(n.ms(e.maxMs))}}function EA(e,t){if(e&1&&(z(0,`div`)(1,`h3`),K(2,`Output listeners`),B(),z(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,3),K(7,`Listener`),B(),z(8,`th`,4),K(9,`Calls`),B(),z(10,`th`,4),K(11,`Time`),B(),z(12,`th`,4),K(13,`Slowest`),B()()(),z(14,`tbody`),N(15,TA,10,5,`tr`,null,_g),B()()()),e&2){let e=W(2);O(15),P(e.outputs())}}function DA(e,t){if(e&1&&(z(0,`p`,1),K(1),B()),e&2){let e=t,n=W(2);O(),z_(` afterRender callbacks ran `,e.runs,` `,e.runs===1?`time`:`times`,`, `,n.ms(e.ms),` in total, slowest `,n.ms(e.maxMs),`. `)}}function OA(e,t){if(e&1&&(z(0,`p`,2),K(1),B()),e&2){let e=W(2);O(),Y(` `,e.dropped(),` more hook or output `,e.dropped()===1?`row is`:`rows are`,` left out. A recording lists at most 100 of each. `)}}function kA(e,t){if(e&1&&(z(0,`div`,0),j(1,CA,17,0,`div`),j(2,EA,17,0,`div`),B(),j(3,DA,2,4,`p`,1),j(4,OA,2,2,`p`,2)),e&2){let e,t=W();O(),M(t.hooks().length?1:-1),O(),M(t.outputs().length?2:-1),O(),M((e=t.afterRender())?3:-1,e),O(),M(t.dropped()?4:-1)}}var AA=10;function jA(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}var MA=class e{page=$(null);hooks=X(()=>(this.page()?.hooks??[]).slice(0,AA));outputs=X(()=>(this.page()?.outputs??[]).slice(0,AA));afterRender=X(()=>{let e=this.page()?.afterRender;return e?.runs?e:null});dropped=X(()=>this.page()?.droppedTimings??0);ms(e){return jA(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&j(0,kA,5,4),e&2&&M(t.hooks().length||t.outputs().length||t.afterRender()?0:-1)},styles:[`[_nghost-%COMP%] {
+}`]})};function TA(e,t){if(e&1&&(z(0,`tr`)(1,`td`,5),K(2),B(),z(3,`td`,6),K(4),B(),z(5,`td`,6),K(6),B(),z(7,`td`,6),K(8),B()()),e&2){let e=t.$implicit,n=W(3);O(2),Y(``,e.name,`.`,e.hook),O(2),q(e.calls),O(2),q(n.ms(e.ms)),O(2),q(n.ms(e.maxMs))}}function EA(e,t){if(e&1&&(z(0,`div`)(1,`h3`),K(2,`Lifecycle hooks`),B(),z(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,3),K(7,`Hook`),B(),z(8,`th`,4),K(9,`Calls`),B(),z(10,`th`,4),K(11,`Time`),B(),z(12,`th`,4),K(13,`Slowest`),B()()(),z(14,`tbody`),N(15,TA,9,5,`tr`,null,_g),B()()()),e&2){let e=W(2);O(15),P(e.hooks())}}function DA(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` (`,e.listener,`) `)}}function OA(e,t){if(e&1&&(z(0,`tr`)(1,`td`,5),K(2),j(3,DA,1,1),B(),z(4,`td`,6),K(5),B(),z(6,`td`,6),K(7),B(),z(8,`td`,6),K(9),B()()),e&2){let e=t.$implicit,n=W(3);O(2),J(` `,e.name,` `),O(),M(e.listener?3:-1),O(2),q(e.calls),O(2),q(n.ms(e.ms)),O(2),q(n.ms(e.maxMs))}}function kA(e,t){if(e&1&&(z(0,`div`)(1,`h3`),K(2,`Output listeners`),B(),z(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,3),K(7,`Listener`),B(),z(8,`th`,4),K(9,`Calls`),B(),z(10,`th`,4),K(11,`Time`),B(),z(12,`th`,4),K(13,`Slowest`),B()()(),z(14,`tbody`),N(15,OA,10,5,`tr`,null,_g),B()()()),e&2){let e=W(2);O(15),P(e.outputs())}}function AA(e,t){if(e&1&&(z(0,`p`,1),K(1),B()),e&2){let e=t,n=W(2);O(),z_(` afterRender callbacks ran `,e.runs,` `,e.runs===1?`time`:`times`,`, `,n.ms(e.ms),` in total, slowest `,n.ms(e.maxMs),`. `)}}function jA(e,t){if(e&1&&(z(0,`p`,2),K(1),B()),e&2){let e=W(2);O(),Y(` `,e.dropped(),` more hook or output `,e.dropped()===1?`row is`:`rows are`,` left out. A recording lists at most 100 of each. `)}}function MA(e,t){if(e&1&&(z(0,`div`,0),j(1,EA,17,0,`div`),j(2,kA,17,0,`div`),B(),j(3,AA,2,4,`p`,1),j(4,jA,2,2,`p`,2)),e&2){let e,t=W();O(),M(t.hooks().length?1:-1),O(),M(t.outputs().length?2:-1),O(),M((e=t.afterRender())?3:-1,e),O(),M(t.dropped()?4:-1)}}var NA=10;function PA(e){return`${e<10?e.toFixed(2):Math.round(e)} ms`}var FA=class e{page=$(null);hooks=X(()=>(this.page()?.hooks??[]).slice(0,NA));outputs=X(()=>(this.page()?.outputs??[]).slice(0,NA));afterRender=X(()=>{let e=this.page()?.afterRender;return e?.runs?e:null});dropped=X(()=>this.page()?.droppedTimings??0);ms(e){return PA(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&j(0,MA,5,4),e&2&&M(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 NA(e,t){if(e&1&&(z(0,`p`,5),K(1),B()),e&2){let e=W();O(),q(e.error())}}function PA(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 FA=class e{page=$(null);maxCycles=$(200);imported=yv();error=D(``);hasCycles(){return(this.page()?.cycles.length??0)>0}exportJson(){let e=this.page();e&&PA(ak(e,e.pageId),`change-detection-${e.pageId}.json`)}exportTrace(){let e=this.page();e&&PA(fk(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=ok(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=k({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=V();z(0,`div`,1)(1,`button`,2),U(`click`,function(){return t.exportJson()}),K(2,`Export JSON`),B(),z(3,`button`,2),U(`click`,function(){return t.exportTrace()}),K(4,` Export trace (Perfetto) `),B(),z(5,`button`,3),U(`click`,function(){return w(e),T($g(8).click())}),K(6,`Import`),B(),z(7,`input`,4,0),U(`change`,function(){w(e);let n=$g(8);return T(t.read(n))}),B()(),j(9,NA,2,1,`p`,5)}e&2&&(O(),Fg(`disabled`,!t.hasCycles()),O(2),Fg(`disabled`,!t.hasCycles()),O(6),M(t.error()?9:-1))},styles:[`[_nghost-%COMP%] {
+}`]})};function IA(e,t){if(e&1&&(z(0,`p`,5),K(1),B()),e&2){let e=W();O(),q(e.error())}}function LA(e,t){let n=new Blob([JSON.stringify(e,null,2)],{type:`application/json`}),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=t,document.body.append(i),i.click(),i.remove(),setTimeout(()=>URL.revokeObjectURL(r),0)}var RA=class e{page=$(null);maxCycles=$(200);imported=yv();error=D(``);hasCycles(){return(this.page()?.cycles.length??0)>0}exportJson(){let e=this.page();e&&LA(ck(e,e.pageId),`change-detection-${e.pageId}.json`)}exportTrace(){let e=this.page();e&&LA(hk(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=lk(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=k({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=V();z(0,`div`,1)(1,`button`,2),U(`click`,function(){return t.exportJson()}),K(2,`Export JSON`),B(),z(3,`button`,2),U(`click`,function(){return t.exportTrace()}),K(4,` Export trace (Perfetto) `),B(),z(5,`button`,3),U(`click`,function(){return w(e),T($g(8).click())}),K(6,`Import`),B(),z(7,`input`,4,0),U(`change`,function(){w(e);let n=$g(8);return T(t.read(n))}),B()(),j(9,IA,2,1,`p`,5)}e&2&&(O(),Fg(`disabled`,!t.hasCycles()),O(2),Fg(`disabled`,!t.hasCycles()),O(6),M(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;
-}`]})},IA=(e,t)=>t.stat.name;function LA(e,t){if(e&1&&(z(0,`span`,8),K(1),B()),e&2){let e=W(2).$implicit;O(),J(``,e.other,` more`)}}function RA(e,t){if(e&1&&(z(0,`div`,6)(1,`span`,7),K(2),B(),j(3,LA,2,1,`span`,8),B()),e&2){let e=W().$implicit;b_(`--%NS%tone`,e.tone+`%`),O(2),q(e.label),O(),M(e.roomy?3:-1)}}function zA(e,t){if(e&1&&(z(0,`span`,10),K(1),B(),z(2,`span`,11),K(3),B()),e&2){let e=W(2).$implicit,t=W(2);O(),q(e.stat.name),O(2),q(t.fmt(e.stat.ms))}}function BA(e,t){if(e&1){let e=V();z(0,`button`,9),U(`focus`,function(){w(e);let t=W().$index;return T(W(2).current.set(t))})(`click`,function(){w(e);let t=W().$implicit;return T(W(2).pick.emit(t.stat.name))}),j(1,zA,4,2),B()}if(e&2){let e=W(),t=e.$implicit,n=e.$index,r=W(2);b_(`--%NS%tone`,t.tone+`%`),A(`tabindex`,n===r.tabStop()?0:-1)(`aria-label`,t.label)(`data-index`,n),O(),M(t.roomy?1:-1)}}function VA(e,t){if(e&1&&(z(0,`li`),j(1,RA,4,4,`div`,4)(2,BA,2,6,`button`,5),B()),e&2){let e=t.$implicit;b_(`left`,e.x,`%`)(`top`,e.y,`%`)(`width`,e.w,`%`)(`height`,e.h,`%`),O(),M(e.other?1:2)}}function HA(e,t){if(e&1){let e=V();z(0,`ul`,2),U(`keydown`,function(t){return w(e),T(W().onKey(t))}),N(1,VA,3,9,`li`,3,IA),B()}if(e&2){let e=W();A(`aria-label`,e.label()),O(),P(e.cells())}}function UA(e,t){e&1&&(z(0,`p`,1),K(1,`No component time in these cycles.`),B())}var WA=24,GA=3,KA=class e{stats=$([]);scope=$(`the recording`);pick=yv();current=D(0);label=X(()=>`Self time per component in ${this.scope()}, largest first. Pick one to show it in the tree.`);cells=X(()=>{let e=this.stats().filter(e=>e.ms>0),t=e.slice(0,WA),n=e.slice(WA),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=yk(i,e=>e.stat.ms,GA);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, ${hk(t.ms)}, ${r}% of self time`:`${t.name}, ${hk(t.ms)} self time, ${r}%, ${t.checks} ${t.checks===1?`check`:`checks`}`}})});tabStop=X(()=>Math.min(this.current(),Math.max(this.cells().filter(e=>!e.other).length-1,0)));fmt(e){return hk(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=k({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&&j(0,HA,3,1,`ul`,0)(1,UA,2,0,`p`,1),e&2&&M(+!t.cells().length)},styles:[`[_nghost-%COMP%] {
+}`]})},zA=(e,t)=>t.stat.name;function BA(e,t){if(e&1&&(z(0,`span`,8),K(1),B()),e&2){let e=W(2).$implicit;O(),J(``,e.other,` more`)}}function VA(e,t){if(e&1&&(z(0,`div`,6)(1,`span`,7),K(2),B(),j(3,BA,2,1,`span`,8),B()),e&2){let e=W().$implicit;b_(`--%NS%tone`,e.tone+`%`),O(2),q(e.label),O(),M(e.roomy?3:-1)}}function HA(e,t){if(e&1&&(z(0,`span`,10),K(1),B(),z(2,`span`,11),K(3),B()),e&2){let e=W(2).$implicit,t=W(2);O(),q(e.stat.name),O(2),q(t.fmt(e.stat.ms))}}function UA(e,t){if(e&1){let e=V();z(0,`button`,9),U(`focus`,function(){w(e);let t=W().$index;return T(W(2).current.set(t))})(`click`,function(){w(e);let t=W().$implicit;return T(W(2).pick.emit(t.stat.name))}),j(1,HA,4,2),B()}if(e&2){let e=W(),t=e.$implicit,n=e.$index,r=W(2);b_(`--%NS%tone`,t.tone+`%`),A(`tabindex`,n===r.tabStop()?0:-1)(`aria-label`,t.label)(`data-index`,n),O(),M(t.roomy?1:-1)}}function WA(e,t){if(e&1&&(z(0,`li`),j(1,VA,4,4,`div`,4)(2,UA,2,6,`button`,5),B()),e&2){let e=t.$implicit;b_(`left`,e.x,`%`)(`top`,e.y,`%`)(`width`,e.w,`%`)(`height`,e.h,`%`),O(),M(e.other?1:2)}}function GA(e,t){if(e&1){let e=V();z(0,`ul`,2),U(`keydown`,function(t){return w(e),T(W().onKey(t))}),N(1,WA,3,9,`li`,3,zA),B()}if(e&2){let e=W();A(`aria-label`,e.label()),O(),P(e.cells())}}function KA(e,t){e&1&&(z(0,`p`,1),K(1,`No component time in these cycles.`),B())}var qA=24,JA=3,YA=class e{stats=$([]);scope=$(`the recording`);pick=yv();current=D(0);label=X(()=>`Self time per component in ${this.scope()}, largest first. Pick one to show it in the tree.`);cells=X(()=>{let e=this.stats().filter(e=>e.ms>0),t=e.slice(0,qA),n=e.slice(qA),r=n.reduce((e,t)=>e+t.ms,0),i=t.map(e=>({stat:e,other:0}));n.length&&i.push({stat:{name:`Other components`,checks:0,ms:r,maxMs:0,cycles:0},other:n.length});let a=e.reduce((e,t)=>e+t.ms,0),o=t[0]?.ms??1,s=Sk(i,e=>e.stat.ms,JA);return s.sort((e,t)=>Number(e.item.other>0)-Number(t.item.other>0)),s.map(e=>{let{stat:t,other:n}=e.item,r=a?Math.round(t.ms/a*100):0;return{stat:t,other:n,x:e.x,y:e.y,w:e.w,h:e.h,tone:n?0:14+Math.round(26*Math.min(t.ms/o,1)),roomy:e.w>=10&&e.h>=22,label:n?`${n} more components, ${vk(t.ms)}, ${r}% of self time`:`${t.name}, ${vk(t.ms)} self time, ${r}%, ${t.checks} ${t.checks===1?`check`:`checks`}`}})});tabStop=X(()=>Math.min(this.current(),Math.max(this.cells().filter(e=>!e.other).length-1,0)));fmt(e){return vk(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=k({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&&j(0,GA,3,1,`ul`,0)(1,KA,2,0,`p`,1),e&2&&M(+!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);
-}`]})},qA=(e,t)=>t.id;function JA(e,t){if(e&1){let e=V();I(0,`button`,14),H(`click`,function(){return w(e),T(W(2).clear())}),K(1,`Clear`),L()}}function YA(e,t){if(e&1){let e=V();I(0,`button`,11),H(`click`,function(){return w(e),T(W().toggle())}),R(1,`span`,12),K(2),L(),j(3,JA,2,0,`button`,13)}if(e&2){let e=W();G(`on`,e.recording()),F(`disabled`,!e.pageId()),O(2),J(` `,e.recording()?`Stop recording`:`Record`,` `),O(),M(e.cycles().length?3:-1)}}function XA(e,t){if(e&1){let e=V();I(0,`p`,6)(1,`span`,15),K(2,`Imported recording`),L(),I(3,`span`,16),K(4),L(),I(5,`button`,14),H(`click`,function(){return w(e),T(W().closeImport())}),K(6,`Back to live recording`),L()()}e&2&&(O(4),q(t.fileName))}function ZA(e,t){e&1&&K(0,` An app on a device has no DOM, so checks that changed nothing are not counted there. `)}function QA(e,t){e&1&&(I(0,`p`,9),K(1,` The page has Angular's profiler hook, but the recording could not attach to it yet. The page tries again on its next update while recording is on. If this stays, stop and start the recording, or reload the page. `),L())}function $A(e,t){e&1&&R(0,`app-angular-unavailable`,17),e&2&&F(`page`,W(2).angularPage())}function ej(e,t){e&1&&j(0,QA,2,0,`p`,9)(1,$A,1,1,`app-angular-unavailable`,17),e&2&&M(+!W().attachPending())}function tj(e,t){e&1&&(I(0,`p`,9),K(1,`Angular profiling stays on until the page reloads.`),L())}function nj(e,t){e&1&&R(0,`app-angular-unavailable`,21),e&2&&F(`page`,W(2).angularPage())}function rj(e,t){if(e&1){let e=V();I(0,`div`,18)(1,`span`,19),K(2,`Live views`),L(),I(3,`button`,20),H(`click`,function(){w(e);let t=W();return T(t.setView(`flash`,!t.views().flash))}),R(4,`span`,12),K(5,` Flash checks `),L(),I(6,`button`,20),H(`click`,function(){w(e);let t=W();return T(t.setView(`track`,!t.views().track))}),R(7,`span`,12),K(8,` Performance track `),L(),I(9,`button`,20),H(`click`,function(){return w(e),T(W().setView(`angularProfiling`,!0))}),R(10,`span`,12),K(11,` Angular profiling `),L()(),I(12,`p`,7),K(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. `),L(),j(14,tj,2,0,`p`,9)(15,nj,1,1,`app-angular-unavailable`,21)}if(e&2){let e=W();O(3),F(`disabled`,!e.canShowViews()),A(`aria-pressed`,e.views().flash),O(3),F(`disabled`,!e.canShowViews()),A(`aria-pressed`,e.views().track),O(3),F(`disabled`,!e.canShowViews()||e.views().angularProfiling||!e.views().angularProfilingAvailable),A(`aria-pressed`,e.views().angularProfiling),O(5),M(e.views().angularProfiling?14:e.views().angularProfilingAvailable?-1:15)}}function ij(e,t){if(e&1&&(I(0,`p`,9),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function aj(e,t){if(e&1&&(I(0,`p`,24),K(1),L()),e&2){let e=W(2);O(),J(` `,e.range()?`The picked cycles have no timed spans, so there is no flame graph for them.`:`This recording has no timed spans, so there is no flame graph. A recording from an older version, or a file saved without spans, has none.`,` `)}}function oj(e,t){e&1&&(I(0,`p`,9),K(1,` For picked cycles, totals come from the 10 slowest components each cycle lists. `),L())}function sj(e,t){if(e&1){let e=V();I(0,`h3`),K(1,`Cycles`),L(),I(2,`app-cd-cycle-chart`,22),U_(`rangeChange`,function(t){w(e);let n=W();return H_(n.range,t)||(n.range=t),T(t)}),L(),I(3,`app-cd-flame-graph`,23),H(`pick`,function(t){return w(e),T(W().showComponent.emit(t))}),L(),j(4,aj,2,1,`p`,24),I(5,`h3`),K(6,`Self time by component`),L(),j(7,oj,2,0,`p`,9),I(8,`app-cd-treemap`,25),H(`pick`,function(t){return w(e),T(W().showComponent.emit(t))}),L()}if(e&2){let e=W();O(2),F(`cycles`,e.cycles()),V_(`range`,e.range),O(),F(`cycles`,e.picked())(`names`,e.spanNames())(`scope`,e.scope()),O(),M(e.hasSpans()?-1:4),O(3),M(e.range()?7:-1),O(),F(`stats`,e.stats())(`scope`,e.scope())}}function cj(e,t){if(e&1&&(I(0,`tr`)(1,`td`,16),K(2),L(),I(3,`td`,31),K(4),L(),I(5,`td`,31),K(6),L(),I(7,`td`,31),K(8),L()()),e&2){let e=t.$implicit,n=W(2);O(2),q(e.name),O(2),q(e.checks),O(2),q(n.ms(e.ms)),O(2),q(n.ms(e.maxMs))}}function lj(e,t){e&1&&(I(0,`tr`)(1,`td`,32),K(2,`No component time in the picked cycles.`),L()())}function uj(e,t){if(e&1&&(I(0,`span`,34),K(1,`from `),I(2,`span`,16),K(3),L()()),e&2){let e=W(3);O(3),q(e.causeText(t))}}function dj(e,t){if(e&1&&(I(0,`span`,34),K(1,`after `),I(2,`span`,16),K(3),L()()),e&2){let e=W().$implicit;O(3),q(e.trigger)}}function fj(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W().$implicit;O(),J(``,e.unchanged,` changed nothing`)}}function pj(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W().$implicit,t=W(2);O(),J(`hooks `,t.ms(e.hookMs))}}function mj(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W().$implicit,t=W(2);O(),J(`afterRender `,t.ms(e.afterRenderMs))}}function hj(e,t){if(e&1&&(I(0,`span`,36),K(1,` slowest `),I(2,`span`,16),K(3),L(),K(4),L()),e&2){let e=t,n=W(3);O(3),q(e.name),O(),J(` `,n.ms(e.ms),` `)}}function gj(e,t){if(e&1&&(I(0,`li`)(1,`span`,33),K(2),L(),I(3,`span`,16),K(4),L(),I(5,`span`),K(6),L(),j(7,uj,4,1,`span`,34)(8,dj,4,1,`span`,34),j(9,fj,2,1,`span`,35),j(10,pj,2,1,`span`,35),j(11,mj,2,1,`span`,35),j(12,hj,5,2,`span`,36),L()),e&2){let e,n,r=t.$implicit,i=W(2);O(2),q(i.clock(r.at)),O(2),q(i.ms(r.ms)),O(2),z_(` `,r.checks,` `,r.checks===1?`check`:`checks`,`, `,r.passes,` `,r.passes===1?`pass`:`passes`,` `),O(),M((e=r.cause)?7:r.trigger?8:-1,e),O(2),M(r.unchanged?9:-1),O(),M(r.hookMs?10:-1),O(),M(r.afterRenderMs?11:-1),O(),M((n=r.components[0])?12:-1,n)}}function _j(e,t){if(e&1&&(I(0,`div`,26)(1,`div`)(2,`h3`),K(3),L(),I(4,`table`)(5,`thead`)(6,`tr`)(7,`th`,27),K(8,`Component`),L(),I(9,`th`,28),K(10,`Checks`),L(),I(11,`th`,28),K(12,`Self time`),L(),I(13,`th`,28),K(14,`Slowest`),L()()(),I(15,`tbody`),N(16,cj,9,4,`tr`,null,_g,!1,lj,3,0,`tr`),L()()(),I(19,`div`)(20,`h3`),K(21,`Latest cycles`),L(),I(22,`ol`,29),N(23,gj,13,11,`li`,null,qA),L()()(),R(25,`app-cd-timing`,30)(26,`app-cd-diagnosis`,30)),e&2){let e=W();O(3),J(` `,e.range()?`Slowest components in the picked cycles`:`Slowest components`,` `),O(13),P(e.slowest()),O(7),P(e.latest()),O(2),F(`page`,e.page()),O(),F(`page`,e.page())}}function vj(e,t){e&1&&(I(0,`p`,10),K(1,`Use the app. Cycles show up here as Angular runs change detection.`),L())}var yj=3e3,bj=10,xj=class e{livePage=$(null,{alias:`page`});pageId=$(null);rpc=$(null);native=$(!1);angularPages=TD(()=>this.rpc());angularPage=X(()=>ED(this.angularPages(),this.pageId()));attachPending=X(()=>this.angularPage()?.capabilities.profiler===!0);showComponent=yv();range=D(null);imported=D(null);page=X(()=>this.imported()?.page??this.livePage());views=Q(()=>this.livePage()?.options??{flash:!1,track:!1,angularProfiling:!1,angularProfilingAvailable:!0});canShowViews=X(()=>!!this.pageId()&&this.livePage()?.supported!==!1);message=D(``);announcement=D(``);recording=X(()=>this.page()?.recording===!0);cycles=X(()=>this.page()?.cycles??[]);maxCycles=X(()=>fE(this.rpc()).limits.cdCycles);picked=X(()=>gk(this.cycles(),this.range()));hasSpans=X(()=>this.picked().some(e=>e.spans?.length));spanNames=X(()=>this.page()?.spanNames??[]);stats=X(()=>this.range()?_k(this.picked()):[...this.page()?.components??[]].sort((e,t)=>t.ms-e.ms));scope=X(()=>{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=X(()=>this.stats().slice(0,bj));latest=X(()=>this.cycles().slice(-30).reverse());capNotes=X(()=>{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=X(()=>{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 pO(e)}causeText(e){return ZO(e)}stopping=D(!1);stopTimer;constructor(){bc(()=>{this.stopping()&&this.livePage()?.recording!==!0&&Z(()=>this.announceStopped())}),C(Ns).onDestroy(()=>clearTimeout(this.stopTimer))}announceStopped(){clearTimeout(this.stopTimer),this.stopping.set(!1);let e=this.livePage()?.cycles.length??0;this.announce(`Recording stopped. ${e} ${e===1?`cycle`:`cycles`} recorded.`)}async toggle(){if(this.recording()){if(!await this.send({on:!1},``,()=>``,`request-change-detection-record`,{quiet:!0}))return;this.stopping.set(!0),clearTimeout(this.stopTimer),this.stopTimer=setTimeout(()=>this.announceStopped(),yj)}else 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`,{quiet:i=!1}={}){this.message.set(t);try{if(!this.rpc())throw Error(`no client`);return await XT(this.rpc(),r,{pageId:this.pageId(),...e}),this.message.set(``),i||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=k({type:e,selectors:[[`app-cd-recording`]],inputs:{livePage:[1,`page`,`livePage`],pageId:[1,`pageId`],rpc:[1,`rpc`],native:[1,`native`]},outputs:{showComponent:`showComponent`},decls:22,vars:13,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`],[`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`],[`capability`,`profiler`,`missing`,``,`compact`,``,3,`page`],[`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&&(I(0,`section`,0)(1,`div`,1)(2,`h2`,2),K(3,`Change detection`),L(),j(4,YA,4,5),I(5,`app-cd-transfer`,3),H(`imported`,function(e){return t.showImport(e)}),L(),I(6,`p`,4),K(7),L(),I(8,`p`,5),K(9),L()(),j(10,XA,7,1,`p`,6),I(11,`p`,7),K(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. `),j(13,ZA,1,0),L(),j(14,ej,2,1),j(15,rj,16,7),R(16,`app-limit-note`,8),N(17,ij,2,1,`p`,9,vg),j(19,sj,9,9),j(20,_j,27,4)(21,vj,2,0,`p`,10),L()),e&2){let e;O(4),M(t.imported()?-1:4),O(),F(`page`,t.page())(`maxCycles`,t.maxCycles()),O(2),q(t.status()),O(2),q(t.announcement()),O(),M((e=t.imported())?10:-1,e),O(3),M(t.native()?13:-1),O(),M(t.page()?.supported===!1?14:-1),O(),M(!t.imported()&&!t.native()?15:-1),O(),F(`dropped`,t.page()?.dropped??0)(`max`,t.maxCycles()),O(),P(t.capNotes()),O(2),M(t.cycles().length?19:-1),O(),M(t.page()?.components?.length?20:t.recording()?21:-1)}},dependencies:[AD,yO,MA,Wk,FA,oA,xA,KA],styles:[`[_nghost-%COMP%] {
+}`]})},XA=(e,t)=>t.id;function ZA(e,t){if(e&1){let e=V();I(0,`button`,14),H(`click`,function(){return w(e),T(W(2).clear())}),K(1,`Clear`),L()}}function QA(e,t){if(e&1){let e=V();I(0,`button`,11),H(`click`,function(){return w(e),T(W().toggle())}),R(1,`span`,12),K(2),L(),j(3,ZA,2,0,`button`,13)}if(e&2){let e=W();G(`on`,e.recording()),F(`disabled`,!e.pageId()),O(2),J(` `,e.recording()?`Stop recording`:`Record`,` `),O(),M(e.cycles().length?3:-1)}}function $A(e,t){if(e&1){let e=V();I(0,`p`,6)(1,`span`,15),K(2,`Imported recording`),L(),I(3,`span`,16),K(4),L(),I(5,`button`,14),H(`click`,function(){return w(e),T(W().closeImport())}),K(6,`Back to live recording`),L()()}e&2&&(O(4),q(t.fileName))}function ej(e,t){e&1&&K(0,` An app on a device has no DOM, so checks that changed nothing are not counted there. `)}function tj(e,t){e&1&&(I(0,`p`,9),K(1,` The page has Angular's profiler hook, but the recording could not attach to it yet. The page tries again on its next update while recording is on. If this stays, stop and start the recording, or reload the page. `),L())}function nj(e,t){e&1&&R(0,`app-angular-unavailable`,17),e&2&&F(`page`,W(2).angularPage())}function rj(e,t){e&1&&j(0,tj,2,0,`p`,9)(1,nj,1,1,`app-angular-unavailable`,17),e&2&&M(+!W().attachPending())}function ij(e,t){e&1&&(I(0,`p`,9),K(1,`Angular profiling stays on until the page reloads.`),L())}function aj(e,t){e&1&&R(0,`app-angular-unavailable`,21),e&2&&F(`page`,W(2).angularPage())}function oj(e,t){if(e&1){let e=V();I(0,`div`,18)(1,`span`,19),K(2,`Live views`),L(),I(3,`button`,20),H(`click`,function(){w(e);let t=W();return T(t.setView(`flash`,!t.views().flash))}),R(4,`span`,12),K(5,` Flash checks `),L(),I(6,`button`,20),H(`click`,function(){w(e);let t=W();return T(t.setView(`track`,!t.views().track))}),R(7,`span`,12),K(8,` Performance track `),L(),I(9,`button`,20),H(`click`,function(){return w(e),T(W().setView(`angularProfiling`,!0))}),R(10,`span`,12),K(11,` Angular profiling `),L()(),I(12,`p`,7),K(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. `),L(),j(14,ij,2,0,`p`,9)(15,aj,1,1,`app-angular-unavailable`,21)}if(e&2){let e=W();O(3),F(`disabled`,!e.canShowViews()),A(`aria-pressed`,e.views().flash),O(3),F(`disabled`,!e.canShowViews()),A(`aria-pressed`,e.views().track),O(3),F(`disabled`,!e.canShowViews()||e.views().angularProfiling||!e.views().angularProfilingAvailable),A(`aria-pressed`,e.views().angularProfiling),O(5),M(e.views().angularProfiling?14:e.views().angularProfilingAvailable?-1:15)}}function sj(e,t){if(e&1&&(I(0,`p`,9),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function cj(e,t){if(e&1&&(I(0,`p`,24),K(1),L()),e&2){let e=W(2);O(),J(` `,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 lj(e,t){e&1&&(I(0,`p`,9),K(1,` For picked cycles, totals come from the 10 slowest components each cycle lists. `),L())}function uj(e,t){if(e&1){let e=V();I(0,`h3`),K(1,`Cycles`),L(),I(2,`app-cd-cycle-chart`,22),U_(`rangeChange`,function(t){w(e);let n=W();return H_(n.range,t)||(n.range=t),T(t)}),L(),I(3,`app-cd-flame-graph`,23),H(`pick`,function(t){return w(e),T(W().showComponent.emit(t))}),L(),j(4,cj,2,1,`p`,24),I(5,`h3`),K(6,`Self time by component`),L(),j(7,lj,2,0,`p`,9),I(8,`app-cd-treemap`,25),H(`pick`,function(t){return w(e),T(W().showComponent.emit(t))}),L()}if(e&2){let e=W();O(2),F(`cycles`,e.cycles()),V_(`range`,e.range),O(),F(`cycles`,e.picked())(`names`,e.spanNames())(`scope`,e.scope()),O(),M(e.hasSpans()?-1:4),O(3),M(e.range()?7:-1),O(),F(`stats`,e.stats())(`scope`,e.scope())}}function dj(e,t){if(e&1&&(I(0,`tr`)(1,`td`,16),K(2),L(),I(3,`td`,31),K(4),L(),I(5,`td`,31),K(6),L(),I(7,`td`,31),K(8),L()()),e&2){let e=t.$implicit,n=W(2);O(2),q(e.name),O(2),q(e.checks),O(2),q(n.ms(e.ms)),O(2),q(n.ms(e.maxMs))}}function fj(e,t){e&1&&(I(0,`tr`)(1,`td`,32),K(2,`No component time in the picked cycles.`),L()())}function pj(e,t){if(e&1&&(I(0,`span`,34),K(1,`from `),I(2,`span`,16),K(3),L()()),e&2){let e=W(3);O(3),q(e.causeText(t))}}function mj(e,t){if(e&1&&(I(0,`span`,34),K(1,`after `),I(2,`span`,16),K(3),L()()),e&2){let e=W().$implicit;O(3),q(e.trigger)}}function hj(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W().$implicit;O(),J(``,e.unchanged,` changed nothing`)}}function gj(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W().$implicit,t=W(2);O(),J(`hooks `,t.ms(e.hookMs))}}function _j(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W().$implicit,t=W(2);O(),J(`afterRender `,t.ms(e.afterRenderMs))}}function vj(e,t){if(e&1&&(I(0,`span`,36),K(1,` slowest `),I(2,`span`,16),K(3),L(),K(4),L()),e&2){let e=t,n=W(3);O(3),q(e.name),O(),J(` `,n.ms(e.ms),` `)}}function yj(e,t){if(e&1&&(I(0,`li`)(1,`span`,33),K(2),L(),I(3,`span`,16),K(4),L(),I(5,`span`),K(6),L(),j(7,pj,4,1,`span`,34)(8,mj,4,1,`span`,34),j(9,hj,2,1,`span`,35),j(10,gj,2,1,`span`,35),j(11,_j,2,1,`span`,35),j(12,vj,5,2,`span`,36),L()),e&2){let e,n,r=t.$implicit,i=W(2);O(2),q(i.clock(r.at)),O(2),q(i.ms(r.ms)),O(2),z_(` `,r.checks,` `,r.checks===1?`check`:`checks`,`, `,r.passes,` `,r.passes===1?`pass`:`passes`,` `),O(),M((e=r.cause)?7:r.trigger?8:-1,e),O(2),M(r.unchanged?9:-1),O(),M(r.hookMs?10:-1),O(),M(r.afterRenderMs?11:-1),O(),M((n=r.components[0])?12:-1,n)}}function bj(e,t){if(e&1&&(I(0,`div`,26)(1,`div`)(2,`h3`),K(3),L(),I(4,`table`)(5,`thead`)(6,`tr`)(7,`th`,27),K(8,`Component`),L(),I(9,`th`,28),K(10,`Checks`),L(),I(11,`th`,28),K(12,`Self time`),L(),I(13,`th`,28),K(14,`Slowest`),L()()(),I(15,`tbody`),N(16,dj,9,4,`tr`,null,_g,!1,fj,3,0,`tr`),L()()(),I(19,`div`)(20,`h3`),K(21,`Latest cycles`),L(),I(22,`ol`,29),N(23,yj,13,11,`li`,null,XA),L()()(),R(25,`app-cd-timing`,30)(26,`app-cd-diagnosis`,30)),e&2){let e=W();O(3),J(` `,e.range()?`Slowest components in the picked cycles`:`Slowest components`,` `),O(13),P(e.slowest()),O(7),P(e.latest()),O(2),F(`page`,e.page()),O(),F(`page`,e.page())}}function xj(e,t){e&1&&(I(0,`p`,10),K(1,`Use the app. Cycles show up here as Angular runs change detection.`),L())}var Sj=3e3,Cj=10,wj=class e{livePage=$(null,{alias:`page`});pageId=$(null);rpc=$(null);native=$(!1);angularPages=OD(()=>this.rpc());angularPage=X(()=>kD(this.angularPages(),this.pageId()));attachPending=X(()=>this.angularPage()?.capabilities.profiler===!0);showComponent=yv();range=D(null);imported=D(null);page=X(()=>this.imported()?.page??this.livePage());views=Q(()=>this.livePage()?.options??{flash:!1,track:!1,angularProfiling:!1,angularProfilingAvailable:!0});canShowViews=X(()=>!!this.pageId()&&this.livePage()?.supported!==!1);message=D(``);announcement=D(``);recording=X(()=>this.page()?.recording===!0);cycles=X(()=>this.page()?.cycles??[]);maxCycles=X(()=>hE(this.rpc()).limits.cdCycles);picked=X(()=>yk(this.cycles(),this.range()));hasSpans=X(()=>this.picked().some(e=>e.spans?.length));spanNames=X(()=>this.page()?.spanNames??[]);stats=X(()=>this.range()?bk(this.picked()):[...this.page()?.components??[]].sort((e,t)=>t.ms-e.ms));scope=X(()=>{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=X(()=>this.stats().slice(0,Cj));latest=X(()=>this.cycles().slice(-30).reverse());capNotes=X(()=>{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=X(()=>{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 gO(e)}causeText(e){return ek(e)}confirming=D(null);confirmTimer;constructor(){vc(()=>{let e=this.confirming();e!==null&&this.livePage()?.recording===!0===e&&Z(()=>this.confirmed(e))}),C(js).onDestroy(()=>clearTimeout(this.confirmTimer))}confirmed(e){clearTimeout(this.confirmTimer),this.confirming.set(null),this.message.set(``);let t=this.livePage()?.cycles.length??0;this.announce(e?`Recording started.`:`Recording stopped. ${t} ${t===1?`cycle`:`cycles`} recorded.`)}unconfirmed(e){let t=`The page did not confirm that the recording ${e?`started`:`stopped`}. The tab may be in the background, closed or reloading.`;this.message.set(t),this.announce(t)}async toggle(){let e=!this.recording();clearTimeout(this.confirmTimer),this.confirming.set(null),await this.send({on:e},e?`Starting…`:`Stopping…`,()=>``,`request-change-detection-record`,{quiet:!0,keepPending:!0})&&(this.confirming.set(e),this.confirmTimer=setTimeout(()=>{this.confirming()===e&&this.unconfirmed(e)},Sj))}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`,{quiet:i=!1,keepPending:a=!1}={}){this.message.set(t);try{if(!this.rpc())throw Error(`no client`);return await $T(this.rpc(),r,{pageId:this.pageId(),...e}),a||this.message.set(``),i||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=k({type:e,selectors:[[`app-cd-recording`]],inputs:{livePage:[1,`page`,`livePage`],pageId:[1,`pageId`],rpc:[1,`rpc`],native:[1,`native`]},outputs:{showComponent:`showComponent`},decls:22,vars:13,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`],[`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`],[`capability`,`profiler`,`missing`,``,`compact`,``,3,`page`],[`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&&(I(0,`section`,0)(1,`div`,1)(2,`h2`,2),K(3,`Change detection`),L(),j(4,QA,4,5),I(5,`app-cd-transfer`,3),H(`imported`,function(e){return t.showImport(e)}),L(),I(6,`p`,4),K(7),L(),I(8,`p`,5),K(9),L()(),j(10,$A,7,1,`p`,6),I(11,`p`,7),K(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. `),j(13,ej,1,0),L(),j(14,rj,2,1),j(15,oj,16,7),R(16,`app-limit-note`,8),N(17,sj,2,1,`p`,9,vg),j(19,uj,9,9),j(20,bj,27,4)(21,xj,2,0,`p`,10),L()),e&2){let e;O(4),M(t.imported()?-1:4),O(),F(`page`,t.page())(`maxCycles`,t.maxCycles()),O(2),q(t.status()),O(2),q(t.announcement()),O(),M((e=t.imported())?10:-1,e),O(3),M(t.native()?13:-1),O(),M(t.page()?.supported===!1?14:-1),O(),M(!t.imported()&&!t.native()?15:-1),O(),F(`dropped`,t.page()?.dropped??0)(`max`,t.maxCycles()),O(),P(t.capNotes()),O(2),M(t.cycles().length?19:-1),O(),M(t.page()?.components?.length?20:t.recording()?21:-1)}},dependencies:[ND,SO,FA,qk,RA,lA,wA,YA],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;
-}`]})},Sj=[`*`];function Cj(e,t){e&1&&K(0),e&2&&q(W(2).label())}function wj(e,t){e&1&&Yg(0,0,null,Cj,1,1)}function Tj(e,t){if(e&1&&(I(0,`span`,4),K(1),L()),e&2){let e=W(2);O(),q(e.message())}}function Ej(e,t){if(e&1){let e=V();I(0,`button`,2),H(`click`,function(){return w(e),T(W().open())}),Ng(1,3),L(),j(2,Tj,2,1,`span`,4)}if(e&2){let e=W(),t=$g(1);F(`title`,`Open `+e.label()+` in your editor`),A(`aria-label`,`Open `+e.label()+` in your editor`),O(),F(`ngTemplateOutlet`,t),O(),M(e.message()?2:-1)}}function Dj(e,t){if(e&1&&(I(0,`span`,1),Ng(1,3),L()),e&2){let e=W(),t=$g(1);F(`title`,e.label()),O(),F(`ngTemplateOutlet`,t)}}var Oj=class e{source=D(D(null));client=X(()=>this.source()());available=X(()=>{let e=this.client();return!!e&&!QT(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 XT(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=Vl({token:e,factory:e.ɵfac})};function kj(e,t){return t?`${e}:${t}`:e}var Aj=class e{editor=C(Oj);file=$.required();line=$(void 0);label=X(()=>kj(this.file(),this.line()));message=D(``);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=k({type:e,selectors:[[`app-source-link`]],inputs:{file:[1,`file`],line:[1,`line`]},ngContentSelectors:Sj,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&&(Jg(),Yh(0,wj,2,0,`ng-template`,null,0,fv),j(2,Ej,3,4)(3,Dj,2,2,`span`,1)),e&2&&(O(2),M(t.editor.available()?2:3))},dependencies:[py],styles:[`[_nghost-%COMP%] {
+}`]})},Tj=[`*`];function Ej(e,t){e&1&&K(0),e&2&&q(W(2).label())}function Dj(e,t){e&1&&Yg(0,0,null,Ej,1,1)}function Oj(e,t){if(e&1&&(I(0,`span`,4),K(1),L()),e&2){let e=W(2);O(),q(e.message())}}function kj(e,t){if(e&1){let e=V();I(0,`button`,2),H(`click`,function(){return w(e),T(W().open())}),Ng(1,3),L(),j(2,Oj,2,1,`span`,4)}if(e&2){let e=W(),t=$g(1);F(`title`,`Open `+e.label()+` in your editor`),A(`aria-label`,`Open `+e.label()+` in your editor`),O(),F(`ngTemplateOutlet`,t),O(),M(e.message()?2:-1)}}function Aj(e,t){if(e&1&&(I(0,`span`,1),Ng(1,3),L()),e&2){let e=W(),t=$g(1);F(`title`,e.label()),O(),F(`ngTemplateOutlet`,t)}}var jj=class e{source=D(D(null));client=X(()=>this.source()());available=X(()=>{let e=this.client();return!!e&&!tE(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 $T(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=zl({token:e,factory:e.ɵfac})};function Mj(e,t){return t?`${e}:${t}`:e}var Nj=class e{editor=C(jj);file=$.required();line=$(void 0);label=X(()=>Mj(this.file(),this.line()));message=D(``);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=k({type:e,selectors:[[`app-source-link`]],inputs:{file:[1,`file`],line:[1,`line`]},ngContentSelectors:Tj,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&&(Jg(),Yh(0,Dj,2,0,`ng-template`,null,0,fv),j(2,kj,3,4)(3,Aj,2,2,`span`,1)),e&2&&(O(2),M(t.editor.available()?2:3))},dependencies:[py],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;
-}`]})},jj=[`field`],Mj=[`editButton`],Nj=[`valueBox`];function Pj(e,t){if(e&1){let e=V();z(0,`div`,5)(1,`label`,6),K(2),B(),z(3,`input`,7,0),U(`input`,function(t){return w(e),T(W().draft.set(t.target.value))})(`keydown.enter`,function(t){w(e);let n=W();return t.preventDefault(),T(n.apply())})(`keydown.escape`,function(t){w(e);let n=W();return t.preventDefault(),t.stopPropagation(),T(n.cancel())}),B(),z(5,`button`,8),U(`click`,function(){return w(e),T(W().apply())}),K(6,`Apply`),B(),z(7,`button`,9),U(`click`,function(){return w(e),T(W().cancel())}),K(8,`Cancel`),B()(),z(9,`p`,10),K(10),B()}if(e&2){let e=W();O(),Fg(`htmlFor`,e.fieldId),O(),J(`New value of `,e.prop().name,`, as JSON`),O(),Fg(`id`,e.fieldId)(`value`,e.draft())(`readOnly`,e.busy()),A(`aria-busy`,e.busy()?`true`:null)(`aria-invalid`,e.error()?`true`:null)(`aria-describedby`,e.hintId+(e.error()?` `+e.errorId:``)),O(2),Fg(`disabled`,e.busy()),O(4),Fg(`id`,e.hintId),O(),J(` JSON, such as "text", 42, true or `,e.objectSample,`. Enter applies, Escape cancels. `)}}function Fj(e,t){if(e&1&&(z(0,`pre`,null,1),K(2),cv(3,`json`),B()),e&2){let e=W(2);A(`tabindex`,e.scrollable()?0:null)(`role`,e.scrollable()?`region`:null)(`aria-label`,e.scrollable()?`Value of `+e.prop().name:null),O(2),q(lv(3,4,e.prop().value))}}function Ij(e,t){if(e&1){let e=V();z(0,`button`,14,2),U(`click`,function(){return w(e),T(W(2).start())}),K(2,` Edit `),B()}if(e&2){let e=W(2);Fg(`disabled`,e.busy()),A(`aria-label`,`Edit `+e.prop().name)}}function Lj(e,t){if(e&1&&(z(0,`p`,13),K(1),B()),e&2){let e=W(2);O(),q(e.prop().locked)}}function Rj(e,t){if(e&1&&(z(0,`div`,11),j(1,Fj,4,6,`pre`),j(2,Ij,3,2,`button`,12),B(),j(3,Lj,2,1,`p`,13)),e&2){let e=W();O(),M(e.bare()?-1:1),O(),M(e.editable()?2:-1),O(),M(e.writes()&&e.prop().locked?3:-1)}}function zj(e,t){if(e&1&&(z(0,`p`,3),K(1),B()),e&2){let e=W();Fg(`id`,e.errorId),O(),q(e.error())}}var Bj=0;function Vj(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 Hj=class e{prop=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);bare=$(!1);readDraft=$(null);fieldId=`prop-edit-${++Bj}`;hintId=`${this.fieldId}-hint`;errorId=`${this.fieldId}-error`;objectSample=`{"a": 1}`;editing=D(!1);draft=D(``);busy=D(!1);error=D(``);done=D(``);editable=X(()=>this.writes()&&!!this.prop().edit&&!!this.pageId()&&!!this.rpc());field=Ev(`field`);editButton=Ev(`editButton`);valueBox=Ev(`valueBox`);injector=C(js);scrollable=D(!1);constructor(){Nv(()=>{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),dd(()=>{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=Vj(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(){dd(()=>this.editButton()?.nativeElement.focus(),{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-prop-value`]],viewQuery:function(e,t){e&1&&Zg(t.field,jj,5)(t.editButton,Mj,5)(t.valueBox,Nj,5),e&2&&Qg(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&&(j(0,Pj,11,11)(1,Rj,4,3),j(2,zj,2,2,`p`,3),z(3,`p`,4),K(4),B()),e&2&&(M(+!t.editing()),O(2),M(t.error()?2:-1),O(2),q(t.done()))},dependencies:[yy],styles:[`[_nghost-%COMP%] {
+}`]})},Pj=[`field`],Fj=[`editButton`],Ij=[`valueBox`];function Lj(e,t){if(e&1){let e=V();z(0,`div`,5)(1,`label`,6),K(2),B(),z(3,`input`,7,0),U(`input`,function(t){return w(e),T(W().draft.set(t.target.value))})(`keydown.enter`,function(t){w(e);let n=W();return t.preventDefault(),T(n.apply())})(`keydown.escape`,function(t){w(e);let n=W();return t.preventDefault(),t.stopPropagation(),T(n.cancel())}),B(),z(5,`button`,8),U(`click`,function(){return w(e),T(W().apply())}),K(6,`Apply`),B(),z(7,`button`,9),U(`click`,function(){return w(e),T(W().cancel())}),K(8,`Cancel`),B()(),z(9,`p`,10),K(10),B()}if(e&2){let e=W();O(),Fg(`htmlFor`,e.fieldId),O(),J(`New value of `,e.prop().name,`, as JSON`),O(),Fg(`id`,e.fieldId)(`value`,e.draft())(`readOnly`,e.busy()),A(`aria-busy`,e.busy()?`true`:null)(`aria-invalid`,e.error()?`true`:null)(`aria-describedby`,e.hintId+(e.error()?` `+e.errorId:``)),O(2),Fg(`disabled`,e.busy()),O(4),Fg(`id`,e.hintId),O(),J(` JSON, such as "text", 42, true or `,e.objectSample,`. Enter applies, Escape cancels. `)}}function Rj(e,t){if(e&1&&(z(0,`pre`,null,1),K(2),cv(3,`json`),B()),e&2){let e=W(2);A(`tabindex`,e.scrollable()?0:null)(`role`,e.scrollable()?`region`:null)(`aria-label`,e.scrollable()?`Value of `+e.prop().name:null),O(2),q(lv(3,4,e.prop().value))}}function zj(e,t){if(e&1){let e=V();z(0,`button`,14,2),U(`click`,function(){return w(e),T(W(2).start())}),K(2,` Edit `),B()}if(e&2){let e=W(2);Fg(`disabled`,e.busy()),A(`aria-label`,`Edit `+e.prop().name)}}function Bj(e,t){if(e&1&&(z(0,`p`,13),K(1),B()),e&2){let e=W(2);O(),q(e.prop().locked)}}function Vj(e,t){if(e&1&&(z(0,`div`,11),j(1,Rj,4,6,`pre`),j(2,zj,3,2,`button`,12),B(),j(3,Bj,2,1,`p`,13)),e&2){let e=W();O(),M(e.bare()?-1:1),O(),M(e.editable()?2:-1),O(),M(e.writes()&&e.prop().locked?3:-1)}}function Hj(e,t){if(e&1&&(z(0,`p`,3),K(1),B()),e&2){let e=W();Fg(`id`,e.errorId),O(),q(e.error())}}var Uj=0;function Wj(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 Gj=class e{prop=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);bare=$(!1);readDraft=$(null);fieldId=`prop-edit-${++Uj}`;hintId=`${this.fieldId}-hint`;errorId=`${this.fieldId}-error`;objectSample=`{"a": 1}`;editing=D(!1);draft=D(``);busy=D(!1);error=D(``);done=D(``);editable=X(()=>this.writes()&&!!this.prop().edit&&!!this.pageId()&&!!this.rpc());field=Ev(`field`);editButton=Ev(`editButton`);valueBox=Ev(`valueBox`);injector=C(ks);scrollable=D(!1);constructor(){Nv(()=>{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),dd(()=>{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=Wj(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(){dd(()=>this.editButton()?.nativeElement.focus(),{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-prop-value`]],viewQuery:function(e,t){e&1&&Zg(t.field,Pj,5)(t.editButton,Fj,5)(t.valueBox,Ij,5),e&2&&Qg(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&&(j(0,Lj,11,11)(1,Vj,4,3),j(2,Hj,2,2,`p`,3),z(3,`p`,4),K(4),B()),e&2&&(M(+!t.editing()),O(2),M(t.error()?2:-1),O(2),q(t.done()))},dependencies:[yy],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -1969,7 +1969,7 @@ button.edit[_ngcontent-%COMP%] {
 
 .error[_ngcontent-%COMP%] {
   color: var(--%NS%danger-text);
-}`]})},Uj=1e3,Wj={depth:5,limit:100},Gj=`[redacted]`;function Kj(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function qj(e){return Kj(e)&&typeof e.$more==`number`&&Object.keys(e).length===1}function Jj(e){return Kj(e)&&typeof e.$collapsed==`string`&&typeof e.size==`number`&&Object.keys(e).length===2}function Yj(e){return e===`Array`?`array`:e===`Map`?`map`:e===`Set`?`set`:`object`}function Xj(e){return e.$type===`Map`&&Array.isArray(e.entries)}function Zj(e){return e.$type===`Set`&&Array.isArray(e.values)}function Qj(e){return Object.keys(e).filter(e=>e!==`$type`&&e!==`$more`)}function $j(e){if(!e||typeof e!=`object`)return null;if(Jj(e))return e.size<=0?null:{kind:Yj(e.$collapsed),type:e.$collapsed,size:e.size,collapsed:!0};if(qj(e))return null;if(Array.isArray(e)){let t=e.at(-1),n=qj(t)?t.$more:0,r=e.length-+!!n+n;return r?{kind:`array`,type:`Array`,size:r,collapsed:!1}:null}let t=e;if(Xj(t)||Zj(t)){let e=typeof t.size==`number`?t.size:0,n=Xj(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=Qj(t).length+n,i=typeof t.$type==`string`?t.$type:`Object`;return r?{kind:`object`,type:i,size:r,collapsed:!1}:null}function eM(e){if(typeof e==`string`)return JSON.stringify(e);let t=$j(e);if(t)return rM(t);try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function tM(e){let t=$j(e);if(!t||t.collapsed)return{children:[],more:0};if(Array.isArray(e)){let n=(qj(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:eM(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:Qj(n).map(e=>({key:e,label:e,value:n[e]})),more:typeof n.$more==`number`?n.$more:0}}function nM(e,t,n){return`${e} ${e===1?t:n}`}function rM(e){let t={array:nM(e.size,`item`,`items`),object:nM(e.size,`key`,`keys`),map:nM(e.size,`entry`,`entries`),set:nM(e.size,`value`,`values`)}[e.kind];return`${e.type} (${t})`}function iM(e,t){return JSON.stringify(t===void 0?e:[t,...e])}function aM(e,t){return e.map((e,n)=>n===0?e:(t?t[n-1]!==`object`:/^\d+$/.test(e))?`[${e}]`:`.${e}`).join(``)}function oM(e){return e.every(e=>e&&e===e.trim()&&!/[.[\]]/.test(e))?e.join(`.`):null}var sM=/^\[(Getter|Unreadable|Circular|Truncated|Function\b.*|Promise)\]$/;function cM(e){return e===null||typeof e==`boolean`?!0:typeof e==`number`?Number.isFinite(e):typeof e==`string`&&e!==Gj&&!sM.test(e)&&!e.endsWith(`…`)}function lM(e,t){return!e||t.kind===`map`||t.kind===`set`||e===`signal`&&t.kind===`object`&&t.type!==`Object`?null:e}function uM(e,t,n,r,i=500){let a=[],o=r.trim().toLowerCase();if(!o)return a;let s=new Set,c=(e,t)=>{let r=iM(e);if(!(s.has(r)||a.length>=i)){s.add(r);for(let r of tM(t).children){let t=[...e,r.key];if(r.label.toLowerCase().includes(o)&&a.push(t),!$j(r.value))continue;let i=n(t)??($j(r.value)?.collapsed?void 0:r.value);i!==void 0&&c(t,i)}}};return c(e,n(e)??t),a}var dM=(e,t)=>t.id;function fM(e,t){if(e&1){let e=V();I(0,`button`,2),H(`click`,function(){w(e);let t=W().$implicit;return T(W(3).toggle(t))}),E(),I(1,`svg`,3),R(2,`path`,4),L(),Cs(),I(3,`span`,14),K(4),L(),I(5,`span`,5),K(6),L()()}if(e&2){let e=W().$implicit;A(`aria-expanded`,e.open)(`aria-label`,e.label+`: `+e.text),O(4),J(``,e.label,`:`),O(2),q(e.text)}}function pM(e,t){if(e&1&&R(0,`app-prop-value`,15),e&2){let e=W(5);F(`prop`,t)(`componentId`,e.componentId())(`pageId`,e.pageId())(`rpc`,e.rpc())(`writes`,e.writes())}}function mM(e,t){if(e&1&&(I(0,`span`,16),K(1),L()),e&2){let e=W(2).$implicit;O(),q(e.text)}}function hM(e,t){if(e&1&&(I(0,`span`,14),K(1),L(),j(2,pM,1,5,`app-prop-value`,15)(3,mM,2,1,`span`,16)),e&2){let e,t=W().$implicit;O(),J(``,t.label,`:`),O(),M((e=t.edit)?2:3,e)}}function gM(e,t){if(e&1){let e=V();I(0,`button`,17),H(`click`,function(){w(e);let t=W().$implicit;return T(W(3).more(t))}),K(1),I(2,`span`,18),K(3),L()()}if(e&2){let e=W().$implicit,t=W(3);O(),J(` Show `,t.step(e),` more `),O(2),J(`(`,e.more,` not listed)`)}}function _M(e,t){e&1&&(I(0,`span`,12),K(1,`Reading from the page…`),L())}function vM(e,t){if(e&1&&(I(0,`span`,13),K(1),L()),e&2){let e=W().$implicit;O(),q(e.text)}}function yM(e,t){if(e&1&&(I(0,`li`,9),j(1,fM,7,4,`button`,10)(2,hM,4,2)(3,gM,4,2,`button`,11)(4,_M,2,0,`span`,12)(5,vM,2,1,`span`,13),L()),e&2){let e,n=t.$implicit;b_(`padding-left`,n.depth*14,`px`),O(),M((e=n.kind)===`node`?1:e===`leaf`?2:e===`more`?3:e===`loading`?4:e===`error`?5:-1)}}function bM(e,t){if(e&1&&(I(0,`ul`,7),N(1,yM,6,3,`li`,8,dM),L()),e&2){let e=W(2);F(`id`,e.listId),A(`aria-label`,e.prop().name+` entries`),O(),P(e.rows())}}function xM(e,t){if(e&1){let e=V();I(0,`div`,1)(1,`button`,2),H(`click`,function(){return w(e),T(W().toggleRoot())}),E(),I(2,`svg`,3),R(3,`path`,4),L(),Cs(),I(4,`span`,5),K(5),L()(),R(6,`app-prop-value`,6),L(),j(7,bM,3,2,`ul`,7)}if(e&2){let e=t,n=W();O(),A(`aria-expanded`,n.rootOpen())(`aria-controls`,n.rootOpen()?n.listId:null)(`aria-label`,n.prop().name+`: `+n.summaryOf(e)),O(4),q(n.summaryOf(e)),O(),F(`bare`,!0)(`prop`,n.prop())(`componentId`,n.componentId())(`pageId`,n.pageId())(`rpc`,n.rpc())(`writes`,n.writes())(`readDraft`,n.readWhole),O(),M(n.rootOpen()?7:-1)}}function SM(e,t){if(e&1&&R(0,`app-prop-value`,0),e&2){let e=W();F(`prop`,e.prop())(`componentId`,e.componentId())(`pageId`,e.pageId())(`rpc`,e.rpc())(`writes`,e.writes())}}var CM=0;function wM(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function TM(e){if(Array.isArray(e))return e.every(TM);if(e&&typeof e==`object`){let t=e;return![`$collapsed`,`$more`,`$type`].some(e=>Object.hasOwn(t,e))&&Object.values(t).every(TM)}return cM(e)}var EM=class e{prop=$.required();store=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);directive=$(void 0);query=$(``);listId=`value-tree-${++CM}`;host=C(Wl);pendingMore=null;constructor(){Nv(()=>{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=X(()=>[this.prop().prop]);rootValue=X(()=>this.store().level(this.rootPath(),this.directive())??this.prop().value);root=X(()=>$j(this.rootValue()));needle=X(()=>this.query().trim().toLowerCase());matches=X(()=>{let e=this.needle(),t=this.prop();if(!e||[t.name,t.prop].some(t=>t.toLowerCase().includes(e)))return null;let n=this.store(),r=this.directive();return uM(this.rootPath(),this.rootValue(),e=>n.level(e,r),e)});rootOpen=X(()=>!!this.matches()?.length||this.store().isOpen(this.rootPath(),this.directive()));rows=X(()=>{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(iM(e));for(let t=2;t<=e.length;t++)i.add(iM(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}=tM(e);for(let e of h){let h=[...o,e.key],g=iM(h);if(r&&!m&&!i.has(g))continue;let _=$j(e.value),ee=iM(h,n);if(!_){let t=p&&cM(e.value)?oM(h):null;c.push({id:ee,kind:`leaf`,depth:f,path:h,label:e.label,text:wM(e.value),edit:s&&t&&p?{name:aM(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,lM(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:`${iM(e,n)}:${r}`,kind:r,depth:t,path:e,label:``,text:``});return l(this.rootValue(),this.rootPath(),[e.kind],0,s?lM(o.editInside??null,e):null,!r),c});readWhole=async()=>{let e=await this.store().read(this.rootPath(),Wj.depth,Wj.limit);return e.ok?TM(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=k({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&&j(0,xM,8,12)(1,SM,1,5,`app-prop-value`,0),e&2){let e;M((e=t.root())?0:1,e)}},dependencies:[Hj],styles:[`[_nghost-%COMP%] {
+}`]})},Kj=1e3,qj={depth:5,limit:100},Jj=`[redacted]`;function Yj(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function Xj(e){return Yj(e)&&typeof e.$more==`number`&&Object.keys(e).length===1}function Zj(e){return Yj(e)&&typeof e.$collapsed==`string`&&typeof e.size==`number`&&Object.keys(e).length===2}function Qj(e){return e===`Array`?`array`:e===`Map`?`map`:e===`Set`?`set`:`object`}function $j(e){return e.$type===`Map`&&Array.isArray(e.entries)}function eM(e){return e.$type===`Set`&&Array.isArray(e.values)}function tM(e){return Object.keys(e).filter(e=>e!==`$type`&&e!==`$more`)}function nM(e){if(!e||typeof e!=`object`)return null;if(Zj(e))return e.size<=0?null:{kind:Qj(e.$collapsed),type:e.$collapsed,size:e.size,collapsed:!0};if(Xj(e))return null;if(Array.isArray(e)){let t=e.at(-1),n=Xj(t)?t.$more:0,r=e.length-+!!n+n;return r?{kind:`array`,type:`Array`,size:r,collapsed:!1}:null}let t=e;if($j(t)||eM(t)){let e=typeof t.size==`number`?t.size:0,n=$j(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=tM(t).length+n,i=typeof t.$type==`string`?t.$type:`Object`;return r?{kind:`object`,type:i,size:r,collapsed:!1}:null}function rM(e){if(typeof e==`string`)return JSON.stringify(e);let t=nM(e);if(t)return oM(t);try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function iM(e){let t=nM(e);if(!t||t.collapsed)return{children:[],more:0};if(Array.isArray(e)){let n=(Xj(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:rM(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:tM(n).map(e=>({key:e,label:e,value:n[e]})),more:typeof n.$more==`number`?n.$more:0}}function aM(e,t,n){return`${e} ${e===1?t:n}`}function oM(e){let t={array:aM(e.size,`item`,`items`),object:aM(e.size,`key`,`keys`),map:aM(e.size,`entry`,`entries`),set:aM(e.size,`value`,`values`)}[e.kind];return`${e.type} (${t})`}function sM(e,t){return JSON.stringify(t===void 0?e:[t,...e])}function cM(e,t){return e.map((e,n)=>n===0?e:(t?t[n-1]!==`object`:/^\d+$/.test(e))?`[${e}]`:`.${e}`).join(``)}function lM(e){return e.every(e=>e&&e===e.trim()&&!/[.[\]]/.test(e))?e.join(`.`):null}var uM=/^\[(Getter|Unreadable|Circular|Truncated|Function\b.*|Promise)\]$/;function dM(e){return e===null||typeof e==`boolean`?!0:typeof e==`number`?Number.isFinite(e):typeof e==`string`&&e!==Jj&&!uM.test(e)&&!e.endsWith(`…`)}function fM(e,t){return!e||t.kind===`map`||t.kind===`set`||e===`signal`&&t.kind===`object`&&t.type!==`Object`?null:e}function pM(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=sM(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),!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 mM=(e,t)=>t.id;function hM(e,t){if(e&1){let e=V();I(0,`button`,2),H(`click`,function(){w(e);let t=W().$implicit;return T(W(3).toggle(t))}),E(),I(1,`svg`,3),R(2,`path`,4),L(),xs(),I(3,`span`,14),K(4),L(),I(5,`span`,5),K(6),L()()}if(e&2){let e=W().$implicit;A(`aria-expanded`,e.open)(`aria-label`,e.label+`: `+e.text),O(4),J(``,e.label,`:`),O(2),q(e.text)}}function gM(e,t){if(e&1&&R(0,`app-prop-value`,15),e&2){let e=W(5);F(`prop`,t)(`componentId`,e.componentId())(`pageId`,e.pageId())(`rpc`,e.rpc())(`writes`,e.writes())}}function _M(e,t){if(e&1&&(I(0,`span`,16),K(1),L()),e&2){let e=W(2).$implicit;O(),q(e.text)}}function vM(e,t){if(e&1&&(I(0,`span`,14),K(1),L(),j(2,gM,1,5,`app-prop-value`,15)(3,_M,2,1,`span`,16)),e&2){let e,t=W().$implicit;O(),J(``,t.label,`:`),O(),M((e=t.edit)?2:3,e)}}function yM(e,t){if(e&1){let e=V();I(0,`button`,17),H(`click`,function(){w(e);let t=W().$implicit;return T(W(3).more(t))}),K(1),I(2,`span`,18),K(3),L()()}if(e&2){let e=W().$implicit,t=W(3);O(),J(` Show `,t.step(e),` more `),O(2),J(`(`,e.more,` not listed)`)}}function bM(e,t){e&1&&(I(0,`span`,12),K(1,`Reading from the page…`),L())}function xM(e,t){if(e&1&&(I(0,`span`,13),K(1),L()),e&2){let e=W().$implicit;O(),q(e.text)}}function SM(e,t){if(e&1&&(I(0,`li`,9),j(1,hM,7,4,`button`,10)(2,vM,4,2)(3,yM,4,2,`button`,11)(4,bM,2,0,`span`,12)(5,xM,2,1,`span`,13),L()),e&2){let e,n=t.$implicit;b_(`padding-left`,n.depth*14,`px`),O(),M((e=n.kind)===`node`?1:e===`leaf`?2:e===`more`?3:e===`loading`?4:e===`error`?5:-1)}}function CM(e,t){if(e&1&&(I(0,`ul`,7),N(1,SM,6,3,`li`,8,mM),L()),e&2){let e=W(2);F(`id`,e.listId),A(`aria-label`,e.prop().name+` entries`),O(),P(e.rows())}}function wM(e,t){if(e&1){let e=V();I(0,`div`,1)(1,`button`,2),H(`click`,function(){return w(e),T(W().toggleRoot())}),E(),I(2,`svg`,3),R(3,`path`,4),L(),xs(),I(4,`span`,5),K(5),L()(),R(6,`app-prop-value`,6),L(),j(7,CM,3,2,`ul`,7)}if(e&2){let e=t,n=W();O(),A(`aria-expanded`,n.rootOpen())(`aria-controls`,n.rootOpen()?n.listId:null)(`aria-label`,n.prop().name+`: `+n.summaryOf(e)),O(4),q(n.summaryOf(e)),O(),F(`bare`,!0)(`prop`,n.prop())(`componentId`,n.componentId())(`pageId`,n.pageId())(`rpc`,n.rpc())(`writes`,n.writes())(`readDraft`,n.readWhole),O(),M(n.rootOpen()?7:-1)}}function TM(e,t){if(e&1&&R(0,`app-prop-value`,0),e&2){let e=W();F(`prop`,e.prop())(`componentId`,e.componentId())(`pageId`,e.pageId())(`rpc`,e.rpc())(`writes`,e.writes())}}var EM=0;function DM(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function OM(e){if(Array.isArray(e))return e.every(OM);if(e&&typeof e==`object`){let t=e;return![`$collapsed`,`$more`,`$type`].some(e=>Object.hasOwn(t,e))&&Object.values(t).every(OM)}return dM(e)}var kM=class e{prop=$.required();store=$.required();componentId=$.required();pageId=$(null);rpc=$(null);writes=$(!1);directive=$(void 0);query=$(``);listId=`value-tree-${++EM}`;host=C(Hl);pendingMore=null;constructor(){Nv(()=>{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=X(()=>[this.prop().prop]);rootValue=X(()=>this.store().level(this.rootPath(),this.directive())??this.prop().value);root=X(()=>nM(this.rootValue()));needle=X(()=>this.query().trim().toLowerCase());matches=X(()=>{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 pM(this.rootPath(),this.rootValue(),e=>n.level(e,r),e)});rootOpen=X(()=>!!this.matches()?.length||this.store().isOpen(this.rootPath(),this.directive()));rows=X(()=>{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(sM(e));for(let t=2;t<=e.length;t++)i.add(sM(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=sM(h);if(r&&!m&&!i.has(g))continue;let _=nM(e.value),ee=sM(h,n);if(!_){let t=p&&dM(e.value)?lM(h):null;c.push({id:ee,kind:`leaf`,depth:f,path:h,label:e.label,text:DM(e.value),edit:s&&t&&p?{name:cM(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:oM(_),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,fM(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:`${sM(e,n)}:${r}`,kind:r,depth:t,path:e,label:``,text:``});return l(this.rootValue(),this.rootPath(),[e.kind],0,s?fM(o.editInside??null,e):null,!r),c});readWhole=async()=>{let e=await this.store().read(this.rootPath(),qj.depth,qj.limit);return e.ok?OM(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 oM(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=k({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&&j(0,wM,8,12)(1,TM,1,5,`app-prop-value`,0),e&2){let e;M((e=t.root())?0:1,e)}},dependencies:[Gj],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -2091,7 +2091,7 @@ button.edit[_ngcontent-%COMP%] {
    .more[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function DM(e,t){return e.length>t.length&&e.startsWith(`${t.slice(0,-1)},`)}var OM=class{sender;target={rpc:null,pageId:null,componentId:null};fetched=D(new Map);pushed=D({});open=D(new Set);loading=D(new Set);errors=D(new Map);limits=new Map;generation=0;constructor(e){this.sender=e}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=iM(e,t),r=this.pushed();return Object.hasOwn(r,n)?r[n]:this.fetched().get(n)}isOpen(e,t){return this.open().has(iM(e,t))}toggle(e,t,n){let r=iM(e,t),i=new Set(this.open());if(i.has(r)){for(let e of i)(e===r||DM(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=iM(e,t),i=Math.min(Uj,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=iM(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){if(this.sender){if(e.forget)return{ok:!0};let{directive:t,watch:n,...r}=e;try{return await this.sender(r)}catch{return{error:`The devtools server did not answer. Try again.`}}}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 kM(e,t){if(e&1&&(z(0,`span`,1),K(1),B()),e&2){let e=W(2);O(),J(`: `,e.label())}}function AM(e,t){if(e&1&&(z(0,`span`,1),K(1),B()),e&2){let e=W(3);O(),J(`: `,e.label())}}function jM(e,t){if(e&1){let e=V();z(0,`button`,4),U(`click`,function(){return w(e),T(W(2).store(`log`))}),K(1,` Log to console `),j(2,AM,2,1,`span`,1),B()}if(e&2){let e=W(2);Fg(`disabled`,e.busy()||!e.rpc()||!e.pageId()),O(2),M(e.label()?2:-1)}}function MM(e,t){if(e&1){let e=V();z(0,`button`,0),U(`click`,function(){return w(e),T(W().store())}),K(1,` Store as global `),j(2,kM,2,1,`span`,1),B(),j(3,jM,3,2,`button`,2),z(4,`span`,3),K(5),B()}if(e&2){let e=W();Fg(`disabled`,e.busy()||!e.rpc()||!e.pageId()),O(2),M(e.label()?2:-1),O(),M(e.canLog()?3:-1),O(2),q(e.message())}}var NM=class e{rpc=$(null);pageId=$(null);target=$.required();label=$(``);canLog=$(!1);staticReport=X(()=>QT(this.rpc()));busy=D(!1);message=D(``);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=k({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&&j(0,MM,6,4),e&2&&M(t.staticReport()?-1:0)},styles:[`[_nghost-%COMP%] {
+}`]})};function AM(e,t){return e.length>t.length&&e.startsWith(`${t.slice(0,-1)},`)}var jM=class{sender;target={rpc:null,pageId:null,componentId:null};fetched=D(new Map);pushed=D({});open=D(new Set);loading=D(new Set);errors=D(new Map);limits=new Map;generation=0;constructor(e){this.sender=e}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=sM(e,t),r=this.pushed();return Object.hasOwn(r,n)?r[n]:this.fetched().get(n)}isOpen(e,t){return this.open().has(sM(e,t))}toggle(e,t,n){let r=sM(e,t),i=new Set(this.open());if(i.has(r)){for(let e of i)(e===r||AM(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=sM(e,t),i=Math.min(Kj,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=sM(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){if(this.sender){if(e.forget)return{ok:!0};let{directive:t,watch:n,...r}=e;try{return await this.sender(r)}catch{return{error:`The devtools server did not answer. Try again.`}}}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 MM(e,t){if(e&1&&(z(0,`span`,1),K(1),B()),e&2){let e=W(2);O(),J(`: `,e.label())}}function NM(e,t){if(e&1&&(z(0,`span`,1),K(1),B()),e&2){let e=W(3);O(),J(`: `,e.label())}}function PM(e,t){if(e&1){let e=V();z(0,`button`,4),U(`click`,function(){return w(e),T(W(2).store(`log`))}),K(1,` Log to console `),j(2,NM,2,1,`span`,1),B()}if(e&2){let e=W(2);Fg(`disabled`,e.busy()||!e.rpc()||!e.pageId()),O(2),M(e.label()?2:-1)}}function FM(e,t){if(e&1){let e=V();z(0,`button`,0),U(`click`,function(){return w(e),T(W().store())}),K(1,` Store as global `),j(2,MM,2,1,`span`,1),B(),j(3,PM,3,2,`button`,2),z(4,`span`,3),K(5),B()}if(e&2){let e=W();Fg(`disabled`,e.busy()||!e.rpc()||!e.pageId()),O(2),M(e.label()?2:-1),O(),M(e.canLog()?3:-1),O(2),q(e.message())}}var IM=class e{rpc=$(null);pageId=$(null);target=$.required();label=$(``);canLog=$(!1);staticReport=X(()=>tE(this.rpc()));busy=D(!1);message=D(``);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=k({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&&j(0,FM,6,4),e&2&&M(t.staticReport()?-1:0)},styles:[`[_nghost-%COMP%] {
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
@@ -2140,7 +2140,149 @@ button.edit[_ngcontent-%COMP%] {
 
 .status[_ngcontent-%COMP%]:empty {
   display: none;
-}`]})},PM=(e,t)=>t.id;function FM(e,t){if(e&1&&(I(0,`p`,4),K(1),L()),e&2){let e=W(2);O(),J(`The page has more @for blocks than the `,e.length,` listed.`)}}function IM(e,t){e&1&&(I(0,`span`,9),K(1,`@empty showing`),L())}function LM(e,t){e&1&&(I(0,`span`,10),K(1,`@empty`),L())}function RM(e,t){e&1&&(I(0,`span`,10),K(1,`renders nothing`),L())}function zM(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,6),H(`click`,function(){let t=w(e).$implicit;return T(W(3).showOwner.emit(t))})(`focus`,function(){let t=w(e).$implicit,n=W(3);return T(n.highlight.emit(n.target(t)))})(`blur`,function(){return w(e),T(W(3).highlight.emit(null))})(`mouseenter`,function(){let t=w(e).$implicit,n=W(3);return T(n.highlight.emit(n.target(t)))})(`mouseleave`,function(){return w(e),T(W(3).highlight.emit(null))}),I(2,`span`,7),K(3),L(),I(4,`span`,8),K(5),L(),j(6,IM,2,0,`span`,9)(7,LM,2,0,`span`,10)(8,RM,2,0,`span`,10),I(9,`span`,11),K(10),L()()()}if(e&2){let e=t.$implicit,n=W(3);O(),A(`aria-disabled`,e.owner?null:`true`),O(2),q(e.owner?.name??`Unknown component`),O(2),Y(` `,e.count,` `,e.count===1?`item`:`items`,` `),O(),M(e.showingEmpty?6:e.hasEmptyBlock?7:e.count===0?8:-1),O(4),q(n.trackLabel(e))}}function BM(e,t){if(e&1&&(I(0,`section`,1)(1,`h2`,2),K(2,` @for blocks `),I(3,`span`,3),K(4),L()(),j(5,FM,2,1,`p`,4),I(6,`ul`,5),N(7,zM,11,6,`li`,null,PM),L()()),e&2){let e=W(),t=W();O(4),q(t.truncated()?e.length+`+`:e.length),O(),M(t.truncated()?5:-1),O(2),P(e)}}function VM(e,t){e&1&&j(0,BM,9,2,`section`,1),e&2&&M(t.length?0:-1)}function HM(e,t){e&1&&R(0,`app-angular-unavailable`,0),e&2&&F(`page`,W().angular())}var UM={$index:`track $index`,item:`track item`,function:`track expression`},WM=class e{blocks=$(void 0);truncated=$(!1);supported=$(null);angular=$(null);showOwner=yv();highlight=yv();target(e){return e.rootIds[0]??e.owner?.id??null}trackLabel(e){return e.track?UM[e.track]:`track unknown`}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&j(0,VM,1,1)(1,HM,1,1,`app-angular-unavailable`,0),e&2){let e;M((e=t.blocks())?0:t.supported()===!1?1:-1,e)}},dependencies:[AD],styles:[`[_nghost-%COMP%] {
+}`]})},LM=(e,t)=>t.block.id,RM=(e,t)=>t.kind;function zM(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,e.label,` `)}}function BM(e,t){if(e&1&&(K(0),z(1,`span`,11),K(2),B()),e&2){let e=W().$implicit;J(` `,e.kind,` `),O(2),J(``,e.seconds,`s`)}}function VM(e,t){if(e&1&&(z(0,`span`,8),j(1,zM,1,1)(2,BM,3,2),B()),e&2){let e=t.$implicit;x_(`note-`+e.kind),A(`title`,e.text),O(),M(e.seconds===void 0?1:2)}}function HM(e,t){e&1&&(z(0,`span`,8),K(1,`hydrated`),B())}function UM(e,t){e&1&&(z(0,`span`,8),K(1,`@error block`),B())}function WM(e,t){if(e&1&&(z(0,`span`,9),K(1),B()),e&2){let e=W().$implicit;O(),q(e.timings)}}function GM(e,t){if(e&1){let e=V();z(0,`li`)(1,`button`,4),U(`click`,function(){let t=w(e).$implicit;return T(W(2).showOwner.emit(t.block))})(`focus`,function(){let t=w(e).$implicit;return T(W(2).highlight.emit(t.block))})(`blur`,function(){return w(e),T(W(2).highlight.emit(null))})(`mouseenter`,function(){let t=w(e).$implicit;return T(W(2).highlight.emit(t.block))})(`mouseleave`,function(){return w(e),T(W(2).highlight.emit(null))}),z(2,`span`,5),K(3),B(),z(4,`span`,6),K(5),B(),N(6,VM,3,4,`span`,7,RM),j(8,HM,2,0,`span`,8),j(9,UM,2,0,`span`,8),j(10,WM,2,1,`span`,9),z(11,`span`,10),K(12),B()()()}if(e&2){let e=t.$implicit;O(),A(`aria-disabled`,e.block.owner?null:`true`),O(2),q(e.block.owner?.name??`Unknown component`),O(),x_(`defer-state-`+e.block.state),O(),q(e.block.state),O(),P(e.notes),O(2),M(e.block.hydration===`hydrated`?8:-1),O(),M(e.block.hasErrorBlock?9:-1),O(),M(e.timings?10:-1),O(2),q(e.block.triggers.join(`, `)||`no triggers`)}}function KM(e,t){if(e&1&&(z(0,`section`,0)(1,`h2`,1),K(2,` Defer blocks `),z(3,`span`,2),K(4),B()(),z(5,`ul`,3),N(6,GM,13,9,`li`,null,LM),B()()),e&2){let e=W();O(4),Y(``,e.rows().length,``,e.truncated()?`+`:``),O(2),P(e.rows())}}function qM(e){return e<1e3?`${e}ms`:`${Number((e/1e3).toFixed(2))}s`}function JM(e){let t=[],n=e.placeholder?.minimumTime;n!=null&&t.push(`placeholder min ${qM(n)}`);let r=[e.loading?.afterTime==null?``:`after ${qM(e.loading.afterTime)}`,e.loading?.minimumTime==null?``:`min ${qM(e.loading.minimumTime)}`].filter(Boolean);return r.length&&t.push(`loading ${r.join(`, `)}`),t.join(` · `)}var YM=class e{blocks=$([]);truncated=$(!1);clockOffset=$(0);showOwner=yv();highlight=yv();now=D(Date.now());waiting=X(()=>this.blocks().some(e=>!!e.since&&(e.state===`placeholder`||e.state===`initial`)));rows=X(()=>{let e=this.now()-this.clockOffset();return this.blocks().map(t=>({block:t,notes:WT({...t,since:t.since||e},e),timings:JM(t)}))});constructor(){let e,t=()=>{clearInterval(e),e=void 0};vc(()=>{if(!this.waiting())return t();e===void 0&&(this.now.set(Date.now()),e=setInterval(()=>this.now.set(Date.now()),1e3))}),C(js).onDestroy(t)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-defer-blocks`]],inputs:{blocks:[1,`blocks`],truncated:[1,`truncated`],clockOffset:[1,`clockOffset`]},outputs:{showOwner:`showOwner`,highlight:`highlight`},decls:1,vars:1,consts:[[`aria-labelledby`,`ct-defer-title`,1,`defer`],[`id`,`ct-defer-title`,1,`defer-title`],[1,`pill`],[1,`defer-list`],[`type`,`button`,1,`defer-row`,3,`click`,`focus`,`blur`,`mouseenter`,`mouseleave`],[1,`name`,`mono`],[1,`defer-state`],[1,`flag`,3,`class`],[1,`flag`],[1,`timings`],[1,`triggers`,`mono`],[`aria-hidden`,`true`]],template:function(e,t){e&1&&j(0,KM,8,2,`section`,0),e&2&&M(t.rows().length?0:-1)},styles:[`[_nghost-%COMP%] {
+  display: block;
+}
+
+.defer[_ngcontent-%COMP%] {
+  margin-top: 16px;
+}
+
+.defer-title[_ngcontent-%COMP%] {
+  color: var(--%NS%text-3);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin: 0 0 8px;
+}
+
+.pill[_ngcontent-%COMP%] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 18px;
+  height: 16px;
+  padding: 0 5px;
+  border-radius: 99px;
+  background: var(--%NS%surface-3);
+  color: var(--%NS%text-2);
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0;
+}
+
+.defer-list[_ngcontent-%COMP%] {
+  display: grid;
+  gap: 6px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.defer-row[_ngcontent-%COMP%] {
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  width: 100%;
+  height: auto;
+  min-height: var(--%NS%control-h);
+  padding: 6px 12px;
+  background: var(--%NS%surface);
+  border-color: var(--%NS%border);
+  text-align: left;
+}
+
+.defer-row[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: 2px;
+}
+
+.defer-row[aria-disabled=true][_ngcontent-%COMP%] {
+  cursor: default;
+}
+
+.name[_ngcontent-%COMP%] {
+  min-width: 0;
+  color: var(--%NS%text-strong);
+  font-size: 12px;
+  font-weight: 600;
+  overflow: hidden;
+  min-width: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.mono[_ngcontent-%COMP%] {
+  font-family: var(--%NS%font-mono);
+}
+
+.defer-state[_ngcontent-%COMP%] {
+  padding: 0 8px;
+  border-radius: 99px;
+  background: var(--%NS%surface-3);
+  color: var(--%NS%text-2);
+  font-size: 11px;
+  line-height: 18px;
+}
+
+.defer-state-complete[_ngcontent-%COMP%] {
+  border-color: color-mix(in srgb, var(--%NS%ok) 30%, transparent);
+  background: color-mix(in srgb, var(--%NS%ok) 12%, transparent);
+  color: var(--%NS%ok-text);
+}
+
+.defer-state-error[_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);
+}
+
+.defer-state-loading[_ngcontent-%COMP%], 
+.defer-state-placeholder[_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);
+}
+
+.flag[_ngcontent-%COMP%] {
+  padding: 0 6px;
+  border: 1px solid var(--%NS%border-strong);
+  border-radius: 5px;
+  color: var(--%NS%text-2);
+  font-family: var(--%NS%font-mono);
+  font-size: 10px;
+  line-height: 16px;
+}
+
+.note-failed[_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);
+}
+
+.note-stuck[_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);
+}
+
+.timings[_ngcontent-%COMP%] {
+  color: var(--%NS%text-2);
+  font-size: 11px;
+}
+
+.triggers[_ngcontent-%COMP%] {
+  min-width: 0;
+  color: var(--%NS%text-2);
+  font-size: 12px;
+  overflow: hidden;
+  min-width: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}`]})},XM=(e,t)=>t.id;function ZM(e,t){if(e&1&&(I(0,`p`,4),K(1),L()),e&2){let e=W(2);O(),J(`The page has more @for blocks than the `,e.length,` listed.`)}}function QM(e,t){e&1&&(I(0,`span`,9),K(1,`@empty showing`),L())}function $M(e,t){e&1&&(I(0,`span`,10),K(1,`@empty`),L())}function eN(e,t){e&1&&(I(0,`span`,10),K(1,`renders nothing`),L())}function tN(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,6),H(`click`,function(){let t=w(e).$implicit;return T(W(3).showOwner.emit(t))})(`focus`,function(){let t=w(e).$implicit,n=W(3);return T(n.highlight.emit(n.target(t)))})(`blur`,function(){return w(e),T(W(3).highlight.emit(null))})(`mouseenter`,function(){let t=w(e).$implicit,n=W(3);return T(n.highlight.emit(n.target(t)))})(`mouseleave`,function(){return w(e),T(W(3).highlight.emit(null))}),I(2,`span`,7),K(3),L(),I(4,`span`,8),K(5),L(),j(6,QM,2,0,`span`,9)(7,$M,2,0,`span`,10)(8,eN,2,0,`span`,10),I(9,`span`,11),K(10),L()()()}if(e&2){let e=t.$implicit,n=W(3);O(),A(`aria-disabled`,e.owner?null:`true`),O(2),q(e.owner?.name??`Unknown component`),O(2),Y(` `,e.count,` `,e.count===1?`item`:`items`,` `),O(),M(e.showingEmpty?6:e.hasEmptyBlock?7:e.count===0?8:-1),O(4),q(n.trackLabel(e))}}function nN(e,t){if(e&1&&(I(0,`section`,1)(1,`h2`,2),K(2,` @for blocks `),I(3,`span`,3),K(4),L()(),j(5,ZM,2,1,`p`,4),I(6,`ul`,5),N(7,tN,11,6,`li`,null,XM),L()()),e&2){let e=W(),t=W();O(4),q(t.truncated()?e.length+`+`:e.length),O(),M(t.truncated()?5:-1),O(2),P(e)}}function rN(e,t){e&1&&j(0,nN,9,2,`section`,1),e&2&&M(t.length?0:-1)}function iN(e,t){e&1&&R(0,`app-angular-unavailable`,0),e&2&&F(`page`,W().angular())}var aN={$index:`track $index`,item:`track item`,function:`track expression`},oN=class e{blocks=$(void 0);truncated=$(!1);supported=$(null);angular=$(null);showOwner=yv();highlight=yv();target(e){return e.rootIds[0]??e.owner?.id??null}trackLabel(e){return e.track?aN[e.track]:`track unknown`}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&j(0,rN,1,1)(1,iN,1,1,`app-angular-unavailable`,0),e&2){let e;M((e=t.blocks())?0:t.supported()===!1?1:-1,e)}},dependencies:[ND],styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -2258,7 +2400,7 @@ button.edit[_ngcontent-%COMP%] {
   min-width: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-}`]})},GM=(e,t)=>t.id;function KM(e,t){if(e&1&&(I(0,`p`,11),K(1),L(),I(2,`h3`,7),K(3,`Still retained`),L(),I(4,`p`,6),K(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. `),L()),e&2){let e=W(),t=W();O(),q(t.plural(e.navigations,`navigation`))}}function qM(e,t){e&1&&(I(0,`p`,6),K(1,` This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry and the Angular debug API of a development build. `),L())}function JM(e,t){if(e&1&&(I(0,`span`,18),K(1),L()),e&2){let e=W().$implicit,t=W(4);O(),q(t.plural(e.subscriptions,`open subscription`))}}function YM(e,t){if(e&1&&(I(0,`li`,13)(1,`span`,14),K(2),L(),I(3,`span`,15),K(4),L(),I(5,`span`,16),K(6),L(),I(7,`span`,17),K(8),L(),j(9,JM,2,1,`span`,18),L()),e&2){let e=t.$implicit,n=W(4);O(2),q(e.name),O(2),q(e.route||`/`),O(2),J(``,n.plural(e.navigations,`navigation`),` ago`),O(2),q(n.ageOf(e)),O(),M(e.subscriptions?9:-1)}}function XM(e,t){if(e&1&&(I(0,`p`,6),K(1),L(),I(2,`ul`,12),N(3,YM,10,5,`li`,13,GM),L()),e&2){let e=W(3);O(),Y(` 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. `),O(2),P(e.retained().slice(0,e.shown))}}function ZM(e,t){e&1&&(I(0,`p`,6),K(1,`No destroyed component is still in memory after a few navigations.`),L())}function QM(e,t){if(e&1&&(I(0,`p`,6),K(1),I(2,`span`,19),K(3),L(),K(4,`. Navigate a few times to see whether they stay. `),L()),e&2){let e=W(3);O(),J(` `,e.plural(e.recent().length,`instance`),` destroyed recently and not collected yet: `),O(2),q(e.names(e.recent()))}}function $M(e,t){if(e&1&&(j(0,qM,2,0,`p`,6),I(1,`p`,11),K(2),L(),I(3,`h3`,7),K(4,` Still retained `),I(5,`span`,8),K(6),L()(),j(7,XM,5,2)(8,ZM,2,0,`p`,6),j(9,QM,5,2,`p`,6)),e&2){let e=W(),t=W();M(e.support.retention?-1:0),O(2),R_(` `,t.plural(e.navigations,`navigation`),` · `,t.retained().length,` still retained · `,t.plural(e.totals.collected,`instance`),` collected `),O(4),q(t.retained().length),O(),M(t.retained().length?7:8),O(2),M(t.recent().length?9:-1)}}function eN(e,t){if(e&1&&(I(0,`p`,6),K(1,` Off the page but not destroyed (detached views, such as a route reuse cache): `),I(2,`span`,19),K(3),L(),K(4,`. `),L()),e&2){let e=W(2);O(3),q(e.names(e.detached()))}}function tN(e,t){if(e&1&&(I(0,`span`,8),K(1),L()),e&2){let e=W();O(),q(e.subscriptions.length)}}function nN(e,t){if(e&1&&(I(0,`span`,15),K(1),L()),e&2){let e=W().$implicit;O(),q(e.source)}}function rN(e,t){if(e&1&&(I(0,`li`,13)(1,`span`,14),K(2),L(),I(3,`span`,16),K(4),L(),I(5,`span`,18),K(6),L(),j(7,nN,2,1,`span`,15),L()),e&2){let e=t.$implicit;O(2),q(e.name),O(2),J(``,e.count,` open`),O(2),J(` `,e.reason===`instance-destroyed`?`instance destroyed`:`no instance left`,` `),O(),M(e.source?7:-1)}}function iN(e,t){if(e&1&&(I(0,`p`,6),K(1,` Still open although the component that made them is gone. Tear them down with takeUntilDestroyed(), DestroyRef.onDestroy or the async pipe. `),L(),I(2,`ul`,12),N(3,rN,8,4,`li`,13,_g),L()),e&2){let e=W(2),t=W();O(3),P(e.subscriptions.slice(0,t.shown))}}function aN(e,t){e&1&&(I(0,`p`,6),K(1,`No subscription is still open after its component went away.`),L())}function oN(e,t){e&1&&(I(0,`p`,6),K(1,` Subscriptions are tied to component classes only; Angular 20 profiler hooks tie them to instances. `),L())}function sN(e,t){if(e&1&&(j(0,iN,5,0)(1,aN,2,0,`p`,6),j(2,oN,2,0,`p`,6)),e&2){let e=W();M(+!e.subscriptions.length),O(2),M(e.support.instances?-1:2)}}function cN(e,t){e&1&&(I(0,`p`,9),K(1,` Tracking could not start: the page has no RxJS the overlay can load. `),L())}function lN(e,t){e&1&&(I(0,`p`,6),K(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. `),L())}function uN(e,t){e&1&&R(0,`app-angular-unavailable`,10),e&2&&F(`page`,W(2).angular())}function dN(e,t){if(e&1&&(I(0,`span`,16),K(1),L()),e&2){let e=W().$implicit,t=W(3);O(),q(t.plural(e.subscriptions,`subscription`))}}function fN(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,20),H(`click`,function(){let t=w(e).$implicit;return T(W(3).showComponent.emit(t.id))})(`focus`,function(){let t=w(e).$implicit;return T(W(3).highlight.emit(t.id))})(`blur`,function(){return w(e),T(W(3).highlight.emit(null))})(`mouseenter`,function(){let t=w(e).$implicit;return T(W(3).highlight.emit(t.id))})(`mouseleave`,function(){return w(e),T(W(3).highlight.emit(null))}),I(2,`span`,14),K(3),L(),I(4,`span`,16),K(5),L(),j(6,dN,2,1,`span`,16),L()()}if(e&2){let e=t.$implicit,n=W(2),r=W();O(3),q(e.name),O(2),q(r.effectsText(e)),O(),M(n.support.subscriptions===`on`?6:-1)}}function pN(e,t){e&1&&(I(0,`p`,6),K(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. `),L())}function mN(e,t){if(e&1&&(I(0,`ul`,12),N(1,fN,7,3,`li`,null,GM),L(),j(3,pN,2,0,`p`,6)),e&2){let e=W(),t=W();O(),P(e.components.slice(0,t.shown)),O(2),M(e.components.some(t.hasShared)?3:-1)}}function hN(e,t){e&1&&(I(0,`p`,6),K(1,`No component on the page has a live effect or a tracked subscription.`),L())}function gN(e,t){if(e&1&&(j(0,KM,6,1)(1,$M,10,7),j(2,eN,5,1,`p`,6),I(3,`h3`,7),K(4,` Open subscriptions after destroy `),j(5,tN,2,1,`span`,8),L(),j(6,sN,3,2)(7,cN,2,0,`p`,9)(8,lN,2,0,`p`,6),I(9,`h3`,7),K(10,` Live effects and subscriptions `),I(11,`span`,8),K(12),L()(),j(13,uN,1,1,`app-angular-unavailable`,10),j(14,mN,4,1)(15,hN,2,0,`p`,6)),e&2){let e,n=t,r=W();M(n.support.retention===`dev-di-debug`?0:1),O(2),M(r.detached().length?2:-1),O(3),M(n.support.subscriptions===`on`?5:-1),O(),M((e=n.support.subscriptions)===`on`?6:e===`unavailable`?7:8),O(6),q(n.components.length),O(),M(n.support.effects?-1:13),O(),M(n.components.length?14:15)}}function _N(e,t){e&1&&(I(0,`p`,6),K(1,`No leak data from this page yet. It comes with the next report.`),L())}var vN=20;function yN(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 bN=(e,t,n=`${t}s`)=>`${e} ${e===1?t:n}`,xN=class e{report=$(null);pageId=$(null);rpc=$(null);angular=$(null);now=$(()=>Date.now());showComponent=yv();highlight=yv();shown=vN;minNavigations=2;minSeconds=sT/1e3;plural=bN;busy=D(!1);announcement=D(``);tracking=X(()=>this.report()?.support.subscriptions===`on`);split=X(()=>{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=X(()=>this.split().retained);recent=X(()=>this.split().recent);detached=X(()=>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?`${yN(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=bN(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 XT(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=k({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&&(I(0,`section`,0)(1,`div`,1)(2,`h2`,2),K(3,`Leaks`),L(),I(4,`button`,3),H(`click`,function(){return t.toggle()}),K(5,` Track subscriptions `),L(),I(6,`p`,4),K(7),L()(),I(8,`p`,5),K(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. `),L(),j(10,gN,16,7)(11,_N,2,0,`p`,6),L()),e&2){let e;O(4),F(`disabled`,!t.pageId()||!t.report()),A(`aria-pressed`,t.tracking())(`aria-disabled`,t.busy()||null),O(3),q(t.announcement()),O(3),M((e=t.report())?10:11,e)}},dependencies:[AD],styles:[`[_nghost-%COMP%] {
+}`]})},sN=(e,t)=>t.id;function cN(e,t){if(e&1&&(I(0,`p`,11),K(1),L(),I(2,`h3`,7),K(3,`Still retained`),L(),I(4,`p`,6),K(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. `),L()),e&2){let e=W(),t=W();O(),q(t.plural(e.navigations,`navigation`))}}function lN(e,t){e&1&&(I(0,`p`,6),K(1,` This page cannot track destroyed components. It needs WeakRef, FinalizationRegistry and the Angular debug API of a development build. `),L())}function uN(e,t){if(e&1&&(I(0,`span`,18),K(1),L()),e&2){let e=W().$implicit,t=W(4);O(),q(t.plural(e.subscriptions,`open subscription`))}}function dN(e,t){if(e&1&&(I(0,`li`,13)(1,`span`,14),K(2),L(),I(3,`span`,15),K(4),L(),I(5,`span`,16),K(6),L(),I(7,`span`,17),K(8),L(),j(9,uN,2,1,`span`,18),L()),e&2){let e=t.$implicit,n=W(4);O(2),q(e.name),O(2),q(e.route||`/`),O(2),J(``,n.plural(e.navigations,`navigation`),` ago`),O(2),q(n.ageOf(e)),O(),M(e.subscriptions?9:-1)}}function fN(e,t){if(e&1&&(I(0,`p`,6),K(1),L(),I(2,`ul`,12),N(3,dN,10,5,`li`,13,sN),L()),e&2){let e=W(3);O(),Y(` 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. `),O(2),P(e.retained().slice(0,e.shown))}}function pN(e,t){e&1&&(I(0,`p`,6),K(1,`No destroyed component is still in memory after a few navigations.`),L())}function mN(e,t){if(e&1&&(I(0,`p`,6),K(1),I(2,`span`,19),K(3),L(),K(4,`. Navigate a few times to see whether they stay. `),L()),e&2){let e=W(3);O(),J(` `,e.plural(e.recent().length,`instance`),` destroyed recently and not collected yet: `),O(2),q(e.names(e.recent()))}}function hN(e,t){if(e&1&&(j(0,lN,2,0,`p`,6),I(1,`p`,11),K(2),L(),I(3,`h3`,7),K(4,` Still retained `),I(5,`span`,8),K(6),L()(),j(7,fN,5,2)(8,pN,2,0,`p`,6),j(9,mN,5,2,`p`,6)),e&2){let e=W(),t=W();M(e.support.retention?-1:0),O(2),R_(` `,t.plural(e.navigations,`navigation`),` · `,t.retained().length,` still retained · `,t.plural(e.totals.collected,`instance`),` collected `),O(4),q(t.retained().length),O(),M(t.retained().length?7:8),O(2),M(t.recent().length?9:-1)}}function gN(e,t){if(e&1&&(I(0,`p`,6),K(1,` Off the page but not destroyed (detached views, such as a route reuse cache): `),I(2,`span`,19),K(3),L(),K(4,`. `),L()),e&2){let e=W(2);O(3),q(e.names(e.detached()))}}function _N(e,t){if(e&1&&(I(0,`span`,8),K(1),L()),e&2){let e=W();O(),q(e.subscriptions.length)}}function vN(e,t){if(e&1&&(I(0,`span`,15),K(1),L()),e&2){let e=W().$implicit;O(),q(e.source)}}function yN(e,t){if(e&1&&(I(0,`li`,13)(1,`span`,14),K(2),L(),I(3,`span`,16),K(4),L(),I(5,`span`,18),K(6),L(),j(7,vN,2,1,`span`,15),L()),e&2){let e=t.$implicit;O(2),q(e.name),O(2),J(``,e.count,` open`),O(2),J(` `,e.reason===`instance-destroyed`?`instance destroyed`:`no instance left`,` `),O(),M(e.source?7:-1)}}function bN(e,t){if(e&1&&(I(0,`p`,6),K(1,` Still open although the component that made them is gone. Tear them down with takeUntilDestroyed(), DestroyRef.onDestroy or the async pipe. `),L(),I(2,`ul`,12),N(3,yN,8,4,`li`,13,_g),L()),e&2){let e=W(2),t=W();O(3),P(e.subscriptions.slice(0,t.shown))}}function xN(e,t){e&1&&(I(0,`p`,6),K(1,`No subscription is still open after its component went away.`),L())}function SN(e,t){e&1&&(I(0,`p`,6),K(1,` Subscriptions are tied to component classes only; Angular 20 profiler hooks tie them to instances. `),L())}function CN(e,t){if(e&1&&(j(0,bN,5,0)(1,xN,2,0,`p`,6),j(2,SN,2,0,`p`,6)),e&2){let e=W();M(+!e.subscriptions.length),O(2),M(e.support.instances?-1:2)}}function wN(e,t){e&1&&(I(0,`p`,9),K(1,` Tracking could not start: the page has no RxJS the overlay can load. `),L())}function TN(e,t){e&1&&(I(0,`p`,6),K(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. `),L())}function EN(e,t){e&1&&R(0,`app-angular-unavailable`,10),e&2&&F(`page`,W(2).angular())}function DN(e,t){if(e&1&&(I(0,`span`,16),K(1),L()),e&2){let e=W().$implicit,t=W(3);O(),q(t.plural(e.subscriptions,`subscription`))}}function ON(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,20),H(`click`,function(){let t=w(e).$implicit;return T(W(3).showComponent.emit(t.id))})(`focus`,function(){let t=w(e).$implicit;return T(W(3).highlight.emit(t.id))})(`blur`,function(){return w(e),T(W(3).highlight.emit(null))})(`mouseenter`,function(){let t=w(e).$implicit;return T(W(3).highlight.emit(t.id))})(`mouseleave`,function(){return w(e),T(W(3).highlight.emit(null))}),I(2,`span`,14),K(3),L(),I(4,`span`,16),K(5),L(),j(6,DN,2,1,`span`,16),L()()}if(e&2){let e=t.$implicit,n=W(2),r=W();O(3),q(e.name),O(2),q(r.effectsText(e)),O(),M(n.support.subscriptions===`on`?6:-1)}}function kN(e,t){e&1&&(I(0,`p`,6),K(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. `),L())}function AN(e,t){if(e&1&&(I(0,`ul`,12),N(1,ON,7,3,`li`,null,sN),L(),j(3,kN,2,0,`p`,6)),e&2){let e=W(),t=W();O(),P(e.components.slice(0,t.shown)),O(2),M(e.components.some(t.hasShared)?3:-1)}}function jN(e,t){e&1&&(I(0,`p`,6),K(1,`No component on the page has a live effect or a tracked subscription.`),L())}function MN(e,t){if(e&1&&(j(0,cN,6,1)(1,hN,10,7),j(2,gN,5,1,`p`,6),I(3,`h3`,7),K(4,` Open subscriptions after destroy `),j(5,_N,2,1,`span`,8),L(),j(6,CN,3,2)(7,wN,2,0,`p`,9)(8,TN,2,0,`p`,6),I(9,`h3`,7),K(10,` Live effects and subscriptions `),I(11,`span`,8),K(12),L()(),j(13,EN,1,1,`app-angular-unavailable`,10),j(14,AN,4,1)(15,jN,2,0,`p`,6)),e&2){let e,n=t,r=W();M(n.support.retention===`dev-di-debug`?0:1),O(2),M(r.detached().length?2:-1),O(3),M(n.support.subscriptions===`on`?5:-1),O(),M((e=n.support.subscriptions)===`on`?6:e===`unavailable`?7:8),O(6),q(n.components.length),O(),M(n.support.effects?-1:13),O(),M(n.components.length?14:15)}}function NN(e,t){e&1&&(I(0,`p`,6),K(1,`No leak data from this page yet. It comes with the next report.`),L())}var PN=20;function FN(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 IN=(e,t,n=`${t}s`)=>`${e} ${e===1?t:n}`,LN=class e{report=$(null);pageId=$(null);rpc=$(null);angular=$(null);now=$(()=>Date.now());showComponent=yv();highlight=yv();shown=PN;minNavigations=2;minSeconds=sT/1e3;plural=IN;busy=D(!1);announcement=D(``);tracking=X(()=>this.report()?.support.subscriptions===`on`);split=X(()=>{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=X(()=>this.split().retained);recent=X(()=>this.split().recent);detached=X(()=>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?`${FN(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=IN(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 $T(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=k({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&&(I(0,`section`,0)(1,`div`,1)(2,`h2`,2),K(3,`Leaks`),L(),I(4,`button`,3),H(`click`,function(){return t.toggle()}),K(5,` Track subscriptions `),L(),I(6,`p`,4),K(7),L()(),I(8,`p`,5),K(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. `),L(),j(10,MN,16,7)(11,NN,2,0,`p`,6),L()),e&2){let e;O(4),F(`disabled`,!t.pageId()||!t.report()),A(`aria-pressed`,t.tracking())(`aria-disabled`,t.busy()||null),O(3),q(t.announcement()),O(3),M((e=t.report())?10:11,e)}},dependencies:[ND],styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -2414,7 +2556,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);
-}`]})},SN=12,CN=900;function wN(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 TN=class{options;injector=C(js);visibleTop=D(0);viewport=D(CN);rowHeight;host=null;scroller=null;detach=null;enabled;range;padTop;padBottom;constructor(e){this.options=e,this.rowHeight=D(e.estimate);let t=e.min??300;this.enabled=X(()=>e.count()>t),this.range=X(()=>{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)-SN));return{start:a,end:Math.min(t,Math.max(a,Math.ceil((i+r)/n)+SN))}}),this.padTop=X(()=>this.enabled()?this.range().start*this.rowHeight():0),this.padBottom=X(()=>this.enabled()?(e.count()-this.range().end)*this.rowHeight():0),bc(()=>{e.count(),dd(()=>this.update(),{injector:this.injector})}),C(Ns).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:wN(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:CN)}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&&dd(t,{injector:this.injector})}};function EN(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 DN=e=>{let t=parseFloat(e);return Number.isFinite(t)?t:0};function ON(e,t=8){let n=e.ownerDocument.defaultView;if(!n)return e.offsetHeight+t;let r=EN(e),i=r?n.getComputedStyle(r):null,a=i?DN(i.paddingTop):0,o=i?DN(i.scrollPaddingTop):0,s=DN(n.getComputedStyle(e).top);return Math.max(0,Math.ceil(a+s+e.offsetHeight+t-o))}function kN(e,t,n=8){let r=EN(e),i=t.getBoundingClientRect().bottom+n-e.getBoundingClientRect().top;i<=0||(r?r.scrollTop-=i:e.ownerDocument.defaultView?.scrollBy(0,-i))}var AN=[`filterInput`],jN=[`treeEl`],MN=[`propFilterInput`],NN=()=>[],PN=e=>({kind:`component`,id:e}),FN=(e,t)=>t.row.node.id,IN=(e,t)=>t.outlet+t.route,LN=(e,t)=>t+e,RN=(e,t)=>t.formId,zN=(e,t)=>t.name+t.index,BN=(e,t)=>t.name,VN=(e,t)=>t.token+e,HN=(e,t)=>t.id;function UN(e,t){return this.sourceKey(t)}function WN(e,t){if(e&1){let e=V();I(0,`span`,40),K(1,`Page`),L(),I(2,`app-select`,41),H(`valueChange`,function(t){return w(e),T(W(2).selectPage(t))}),L()}if(e&2){let e=W(2);O(2),F(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function GN(e,t){if(e&1){let e=V();I(0,`button`,42),H(`click`,function(){return w(e),T(W(2).toggleDirectiveHosts())}),E(),I(1,`svg`,15),R(2,`path`,43)(3,`path`,44),L(),Cs(),I(4,`span`,18),K(5,`Directive hosts`),L()()}e&2&&A(`aria-pressed`,W(2).showDirectiveHosts())}function KN(e,t){if(e&1){let e=V();I(0,`button`,45),H(`click`,function(){w(e);let t=W(2);return T(t.picking()?t.cancelPick():t.pick())}),E(),I(1,`svg`,15),R(2,`path`,46),L(),Cs(),I(3,`span`,18),K(4),L()()}if(e&2){let e=W(2);G(`on`,e.picking()),A(`title`,e.pickLabel()),O(4),q(e.pickLabel())}}function qN(e,t){if(e&1&&(I(0,`p`,24),K(1),L()),e&2){let e=W(2);O(),q(e.pickMessage())}}function JN(e,t){if(e&1&&(I(0,`p`,25),K(1),L()),e&2){let e=W(2);O(),q(e.truncationText())}}function YN(e,t){e&1&&(I(0,`p`,48),K(1,`The filter only searches the components the tree lists.`),L())}function XN(e,t){e&1&&(I(0,`p`,48),K(1,`Directive hosts are hidden, so they are not searched.`),L())}function ZN(e,t){if(e&1){let e=V();I(0,`div`,29)(1,`p`,47),K(2),L(),j(3,YN,2,0,`p`,48),j(4,XN,2,0,`p`,48),I(5,`button`,49),H(`click`,function(){return w(e),T(W(2).clearFilter())}),K(6,`Clear filters`),L()()}if(e&2){let e=W(2);O(2),J(`No components match “`,e.filter().trim(),`”`),O(),M(e.page().truncated?3:-1),O(),M(!e.showDirectiveHosts()&&e.page().directiveHostCount?4:-1)}}function QN(e,t){if(e&1&&(I(0,`p`,30),K(1),L()),e&2){let e=W(2);O(),J(` `,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 $N(e,t){if(e&1){let e=V();I(0,`span`,57),H(`click`,function(t){w(e),W();let n=q_(0);return T(W(2).toggle(n.node.id,t))}),E(),I(1,`svg`,58),R(2,`path`,59),L()()}e&2&&(W(),G(`open`,q_(0).expanded))}function eP(e,t){e&1&&R(0,`span`,52)}function tP(e,t){if(e&1&&(I(0,`span`,60),K(1),L(),I(2,`span`,61),K(3),L(),I(4,`span`,28),K(5,`directive host`),L()),e&2){W();let e=q_(0),t=W(2);O(),J(`<`,e.node.tag,`>`),O(),A(`title`,e.node.directives?.join(`, `)),O(),q(t.hostLabel(e.node))}}function nP(e,t){if(e&1&&(I(0,`span`,62),K(1),L(),I(2,`span`,63),K(3),L()),e&2){W();let e=q_(0);A(`title`,e.node.name),O(),q(e.node.name),O(),A(`title`,`<`+e.node.tag+`>`),O(),J(`<`,e.node.tag,`>`)}}function rP(e,t){if(e&1&&(I(0,`span`)(1,`span`,28),K(2,`Hydration: `),L(),K(3),L()),e&2){let e=t,n=W(3);x_(`hyd hyd-`+e),O(3),q(n.hydrationText(e))}}function iP(e,t){if(e&1&&(I(0,`span`,54),K(1),L()),e&2){let e=t.$implicit;O(),q(e.route||`/`)}}function aP(e,t){if(e&1&&(I(0,`span`,55),K(1),I(2,`span`,28),K(3),L()()),e&2){let e=t;O(),J(` `,e),O(2),J(` `,e===1?`check`:`checks`,` while recording`)}}function oP(e,t){if(e&1&&(I(0,`span`,56),K(1),I(2,`span`,28),K(3),L()()),e&2){W();let e=q_(0);A(`title`,e.node.directives.join(`, `)),O(),J(` +`,e.node.directives.length,` `),O(2),J(` `,e.node.directives.length===1?`directive`:`directives`,` `)}}function sP(e,t){if(e&1){let e=V();G_(0),I(1,`div`,50),H(`click`,function(){w(e);let t=q_(0);return T(W(2).select(t.node.id))})(`focus`,function(t){w(e);let n=q_(0),r=W(2);return r.focusId.set(n.node.id),r.highlight(n.node.id),T(r.showNameTip(t))})(`blur`,function(){w(e);let t=W(2);return t.highlight(null),T(t.nameTip.set(null))})(`keydown.escape`,function(){return w(e),T(W(2).nameTip.set(null))})(`mouseenter`,function(){w(e);let t=q_(0);return T(W(2).highlight(t.node.id))})(`mouseleave`,function(){return w(e),T(W(2).highlight(null))}),j(2,$N,3,2,`span`,51)(3,eP,1,0,`span`,52),j(4,tP,6,3)(5,nP,4,4),j(6,rP,4,3,`span`,53),N(7,iP,2,1,`span`,54,IN),j(9,aP,4,2,`span`,55),j(10,oP,4,3,`span`,56),L()}if(e&2){let e,n,r=t.$implicit,i=W(2),a=K_(r.row);O(),b_(`--%NS%depth`,a.depth),G(`selected`,i.selectedId()===a.node.id)(`dir-host`,a.node.kind===`directive`),A(`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),O(),M(a.hasChildren?2:3),O(2),M(a.node.kind===`directive`?4:5),O(2),M((e=a.node.hydration)?6:-1,e),O(),P(i.routedById().get(a.node.id)??nv(20,NN)),O(2),M((n=i.cdHosts()[a.node.id])?9:-1,n),O(),M(a.node.kind!==`directive`&&a.node.directives?.length?10:-1)}}function cP(e,t){if(e&1&&(I(0,`div`,64),K(1),L()),e&2){let e=t;b_(`top`,e.top,`px`),O(),J(` `,e.text,` `)}}function lP(e,t){if(e&1&&(I(0,`li`,72),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function uP(e,t){if(e&1){let e=V();I(0,`div`,74)(1,`button`,49),H(`click`,function(){let t=w(e);return T(W(3).reveal(t.id,!0))}),K(2),L()()}e&2&&(O(2),J(` Show `,t.name,` `))}function dP(e,t){if(e&1&&(I(0,`section`,34)(1,`header`,65)(2,`span`,66),K(3,`directive host`),L(),I(4,`h2`,67),K(5),L(),I(6,`span`,68),K(7),L()(),I(8,`div`,69)(9,`h3`),K(10,` Directives `),I(11,`span`,70),K(12),L()(),I(13,`ul`,71),N(14,lP,2,1,`li`,72,LN),L()(),I(16,`div`,69)(17,`p`,73),K(18,` This element hosts directives but no component. Their inputs are bound in the template of the component that renders it. `),L(),j(19,uP,3,1,`div`,74),L()()),e&2){let e,n=t,r=W(2);O(5),J(`<`,n.tag,`>`),O(2),q(r.hostLabel(n)),O(5),q(n.directives?.length??0),O(2),P(n.directives??nv(4,NN)),O(5),M((e=r.ownerOf(n.id))?19:-1,e)}}function fP(e,t){if(e&1&&(I(0,`p`,75),R(1,`app-source-link`,79),L()),e&2){let e=t;O(),F(`file`,e.file)(`line`,e.line)}}function pP(e,t){if(e&1){let e=V();I(0,`div`,80)(1,`button`,49),H(`click`,function(){w(e);let t=W();return T(W(2).revealInElements(t))}),K(2,`Reveal in Elements`),L(),I(3,`button`,49),H(`click`,function(){w(e);let t=W();return T(W(2).openSource(t))}),K(4,`Open source`),L()(),I(5,`p`,81),K(6),L()}if(e&2){let e=W(3);O(6),q(e.actionMessage())}}function mP(e,t){if(e&1){let e=V();I(0,`button`,83),H(`click`,function(){let t=w(e).$implicit;return T(W(5).showForm.emit(t.formId))}),K(1),L()}if(e&2){let e=t.$implicit;O(),J(` Show `,e.label,` in Forms `)}}function hP(e,t){if(e&1&&(I(0,`div`,76),N(1,mP,2,1,`button`,82,RN),L()),e&2){let e=W(),t=W(3);O(),P(t.formsIn(e.file))}}function gP(e,t){e&1&&j(0,hP,3,0,`div`,76),e&2&&M(W(3).formsIn(t.file).length?0:-1)}function _P(e,t){if(e&1){let e=V();I(0,`div`,76)(1,`button`,49),H(`click`,function(){w(e);let t=W();return T(W(2).openInjector(t))}),K(2,` Show in Injectors `),I(3,`span`,28),K(4),L()()()}if(e&2){let e=W();O(4),J(`: `,e.name)}}function vP(e,t){if(e&1&&R(0,`app-store-global`,77),e&2){let e=W(),t=W(2);F(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,rv(4,PN,e.id))(`label`,e.name)}}function yP(e,t){if(e&1&&(I(0,`dt`),K(1,`Routed`),L(),I(2,`dd`,85),K(3),L()),e&2){let e=t.$implicit;O(3),Y(``,e.route||`/`,` in outlet `,e.outlet)}}function bP(e,t){if(e&1&&(I(0,`span`,11),K(1),L()),e&2){let e=W(4);O(),Y(``,e.shownValues()?.count??0,` of `,e.valueTotal())}}function xP(e,t){if(e&1){let e=V();I(0,`div`,89)(1,`p`,47),K(2),L(),I(3,`p`,48),K(4,` The filter searches names, and the nested keys of values you opened. `),L(),I(5,`button`,49),H(`click`,function(){return w(e),T(W(5).clearPropFilter())}),K(6,`Clear filters`),L()()}if(e&2){let e=W(5);O(2),J(` No inputs, outputs or properties match “`,e.propFilter().trim(),`” `)}}function SP(e,t){if(e&1&&(I(0,`span`,93),K(1),L()),e&2){let e=W().$implicit;O(),J(`(`,e.prop,`)`)}}function CP(e,t){if(e&1&&(I(0,`li`,91)(1,`span`,92),K(2),j(3,SP,2,1,`span`,93),L(),R(4,`app-value-tree`,94),L()),e&2){let e=t.$implicit,n=W(4),r=W(3);O(2),J(` `,e.name,` `),O(),M(e.prop===e.name?-1:3),O(),F(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function wP(e,t){if(e&1&&(I(0,`ul`,90),N(1,CP,5,9,`li`,91,BN),L()),e&2){let e=W(2);O(),P(e.inputs)}}function TP(e,t){e&1&&(I(0,`p`,73),K(1,`No inputs.`),L())}function EP(e,t){if(e&1&&(I(0,`div`,69)(1,`h3`),K(2,` Inputs `),I(3,`span`,70),K(4),L()(),j(5,wP,3,0,`ul`,90)(6,TP,2,0,`p`,73),L()),e&2){let e=W();O(4),q(e.inputs.length),O(),M(e.inputs.length?5:6)}}function DP(e,t){if(e&1&&(I(0,`li`,96)(1,`span`,85),K(2),L(),I(3,`span`,97),K(4),L()()),e&2){let e=t.$implicit;G(`on`,e.listened),O(2),q(e.name),O(2),q(e.listened?`listened`:`no listener`)}}function OP(e,t){if(e&1&&(I(0,`ul`,71),N(1,DP,5,4,`li`,95,BN),L()),e&2){let e=W(2);O(),P(e.outputs)}}function kP(e,t){e&1&&(I(0,`p`,73),K(1,`No outputs.`),L())}function AP(e,t){if(e&1&&(I(0,`div`,69)(1,`h3`),K(2,` Outputs `),I(3,`span`,70),K(4),L()(),j(5,OP,3,0,`ul`,71)(6,kP,2,0,`p`,73),L()),e&2){let e=W();O(4),q(e.outputs.length),O(),M(e.outputs.length?5:6)}}function jP(e,t){if(e&1&&(I(0,`span`,98),K(1),L()),e&2){let e=W().$implicit;O(),q(e.kind)}}function MP(e,t){if(e&1&&(I(0,`li`,91)(1,`span`,92),K(2),j(3,jP,2,1,`span`,98),L(),R(4,`app-value-tree`,94),L()),e&2){let e=t.$implicit,n=W(4),r=W(3);O(2),J(` `,e.name,` `),O(),M(e.kind?3:-1),O(),F(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function NP(e,t){if(e&1&&(I(0,`ul`,90),N(1,MP,5,9,`li`,91,BN),L()),e&2){let e=W(2);O(),P(e.properties)}}function PP(e,t){e&1&&(I(0,`p`,73),K(1,`No other properties.`),L())}function FP(e,t){if(e&1&&(I(0,`div`,69)(1,`h3`),K(2,` Properties `),I(3,`span`,70),K(4),L()(),j(5,NP,3,0,`ul`,90)(6,PP,2,0,`p`,73),L()),e&2){let e=W();O(4),q(e.properties.length),O(),M(e.properties.length?5:6)}}function IP(e,t){if(e&1&&(I(0,`li`,72),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function LP(e,t){if(e&1&&(I(0,`div`,69)(1,`h3`),K(2,` DOM listeners `),I(3,`span`,70),K(4),L()(),I(5,`ul`,71),N(6,IP,2,1,`li`,72,vg),L()()),e&2){let e=W(2);O(4),q(e.listeners.length),O(2),P(e.listeners)}}function RP(e,t){if(e&1&&(I(0,`li`,91)(1,`span`,92),K(2),L(),R(3,`app-value-tree`,99),L()),e&2){let e=t.$implicit,n=W(2).$implicit,r=W(2),i=W(3);O(2),q(e.name),O(),F(`prop`,e)(`store`,i.values)(`query`,i.propFilter())(`directive`,n.index)(`componentId`,r.id)(`pageId`,i.page()?.pageId??null)(`rpc`,i.rpc())}}function zP(e,t){if(e&1&&(I(0,`ul`,90),N(1,RP,4,8,`li`,91,BN),L()),e&2){let e=W().$implicit;O(),P(e.inputs)}}function BP(e,t){if(e&1&&(I(0,`li`,96)(1,`span`,85),K(2),L(),I(3,`span`,97),K(4),L()()),e&2){let e=t.$implicit;G(`on`,e.listened),O(2),q(e.name),O(2),q(e.listened?`listened`:`no listener`)}}function VP(e,t){if(e&1&&(I(0,`ul`,71),N(1,BP,5,4,`li`,95,BN),L()),e&2){let e=W().$implicit;O(),P(e.outputs)}}function HP(e,t){e&1&&(I(0,`p`,73),K(1,`No inputs or outputs.`),L())}function UP(e,t){if(e&1&&(I(0,`div`,69)(1,`h3`)(2,`span`,85),K(3),L(),I(4,`span`,98),K(5,`directive on host`),L()(),j(6,zP,3,0,`ul`,90),j(7,VP,3,0,`ul`,71),j(8,HP,2,0,`p`,73),L()),e&2){let e=t.$implicit;O(3),q(e.name),O(3),M(e.inputs.length?6:-1),O(),M(e.outputs.length?7:-1),O(),M(!e.inputs.length&&!e.outputs.length?8:-1)}}function WP(e,t){if(e&1&&(j(0,xP,7,1,`div`,89),j(1,EP,7,2,`div`,69),j(2,AP,7,2,`div`,69),j(3,FP,7,2,`div`,69),j(4,LP,8,1,`div`,69),N(5,UP,9,4,`div`,69,zN)),e&2){let e=t,n=W(),r=W(3);M(r.propQuery()&&!e.count?0:-1),O(),M(!r.propQuery()||e.inputs.length?1:-1),O(),M(!r.propQuery()||e.outputs.length?2:-1),O(),M(!r.propQuery()||e.properties.length?3:-1),O(),M(!r.propQuery()&&n.listeners.length?4:-1),O(),P(e.directives)}}function GP(e,t){if(e&1&&(I(0,`span`,98),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function KP(e,t){if(e&1&&(I(0,`span`,102),K(1,`from `),I(2,`span`,85),K(3),L()()),e&2){let e=W().$implicit;O(3),q(e.providedByName??`an injector`)}}function qP(e,t){e&1&&(I(0,`span`,103),K(1,`not provided`),L())}function JP(e,t){if(e&1&&(I(0,`li`,100)(1,`span`,101),K(2),L(),N(3,GP,2,1,`span`,98,vg),j(5,KP,4,1,`span`,102)(6,qP,2,0,`span`,103),L()),e&2){let e=t.$implicit;O(2),q(e.token),O(),P(e.flags),O(2),M(e.providedBy?5:6)}}function YP(e,t){if(e&1&&(I(0,`ul`,88),N(1,JP,7,2,`li`,100,VN),L()),e&2){let e=W();O(),P(e.dependencies)}}function XP(e,t){e&1&&(I(0,`p`,73),K(1,`Nothing is injected through the constructor or inject().`),L())}function ZP(e,t){if(e&1){let e=V();I(0,`dl`,84)(1,`dt`),K(2,`Change detection`),L(),I(3,`dd`),K(4),L(),I(5,`dt`),K(6,`Encapsulation`),L(),I(7,`dd`),K(8),L(),I(9,`dt`),K(10,`Host path`),L(),I(11,`dd`,85),K(12),L(),N(13,yP,4,2,null,null,IN),L(),I(15,`div`,86)(16,`div`,5),E(),I(17,`svg`,6),R(18,`circle`,7)(19,`path`,8),L(),Cs(),I(20,`input`,87,2),H(`input`,function(t){return w(e),T(W(3).propFilter.set(t.target.value))})(`keydown.escape`,function(t){return w(e),T(W(3).clearPropFilter(t))}),L()(),j(22,bP,2,2,`span`,11),I(23,`p`,23),K(24),L()(),j(25,WP,7,5),I(26,`div`,69)(27,`h3`),K(28,` Injected `),I(29,`span`,70),K(30),L()(),j(31,YP,3,0,`ul`,88)(32,XP,2,0,`p`,73),L()}if(e&2){let e,n=t,r=W(),i=W(2);O(4),q(n.changeDetection??`Unknown`),O(4),q(n.encapsulation??`Unknown`),O(4),q(n.path),O(),P(i.routedById().get(r.id)??nv(9,NN)),O(7),F(`value`,i.propFilter()),O(2),M(i.propQuery()?22:-1),O(2),q(i.propFilterStatus()),O(),M((e=i.shownValues())?25:-1,e),O(5),q(n.dependencies.length),O(),M(n.dependencies.length?31:32)}}function QP(e,t){e&1&&(I(0,`div`,78),R(1,`span`,104),I(2,`p`,48),K(3,`Reading live values from the page…`),L()())}function $P(e,t){if(e&1&&(I(0,`section`,34)(1,`header`,65)(2,`span`,66),K(3,`component`),L(),I(4,`h2`,67),K(5),L(),I(6,`span`,68),K(7),L(),j(8,fP,2,2,`p`,75),j(9,pP,7,1),j(10,gP,1,1),j(11,_P,5,1,`div`,76),j(12,vP,1,6,`app-store-global`,77),L(),j(13,ZP,33,10)(14,QP,4,0,`div`,78),L()),e&2){let e,n,r,i=t,a=W(2);O(5),q(i.name),O(2),J(`<`,i.tag,`>`),O(),M((e=a.whereOf(i))?8:-1,e),O(),M(a.devtoolsActions()?9:-1),O(),M((n=a.sourceFor(i))?10:-1,n),O(),M(a.canShowInjector()&&!a.staticReport()?11:-1),O(),M(!a.staticReport()&&!a.native()?12:-1),O(),M((r=a.detail())?13:14,r)}}function eF(e,t){e&1&&(I(0,`p`,47),K(1,`The selected component was destroyed`),L(),I(2,`p`,48)(3,`span`,85),K(4),L(),K(5,` is no longer on the page. Select another component to see its live values. `),L()),e&2&&(O(4),q(t))}function tF(e,t){e&1&&(I(0,`p`,48),K(1,` Select a component to see its live inputs, properties, outputs, change detection and injected services. `),L())}function nF(e,t){if(e&1&&(I(0,`div`,35),j(1,eF,6,1)(2,tF,2,0,`p`,48),L()),e&2){let e,t=W(2);O(),M((e=t.destroyed())?1:2,e)}}function rF(e,t){e&1&&(I(0,`span`,98),K(1,`hydrate never`),L())}function iF(e,t){if(e&1&&(I(0,`span`,98),K(1),L()),e&2){let e=W().$implicit;O(),q(e.hydration)}}function aF(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,107),H(`click`,function(){let t=w(e).$implicit;return T(W(3).showOwner(t))})(`focus`,function(){let t=w(e).$implicit;return T(W(3).highlightBlock(t))})(`blur`,function(){return w(e),T(W(3).highlight(null))})(`mouseenter`,function(){let t=w(e).$implicit;return T(W(3).highlightBlock(t))})(`mouseleave`,function(){return w(e),T(W(3).highlight(null))}),I(2,`span`,62),K(3),L(),I(4,`span`,108),K(5),L(),j(6,rF,2,0,`span`,98)(7,iF,2,1,`span`,98),I(8,`span`,109),K(9),L()()()}if(e&2){let e=t.$implicit;O(),A(`aria-disabled`,e.owner?null:`true`),O(2),q(e.owner?.name??`Unknown component`),O(),x_(`defer-state-`+e.state),O(),q(e.state),O(),M(e.hydrateNever?6:e.hydration===`not-configured`?-1:7),O(3),q(e.triggers.join(`, `)||`no triggers`)}}function oF(e,t){if(e&1&&(I(0,`section`,36)(1,`h2`,105),K(2,` Defer blocks `),I(3,`span`,70),K(4),L()(),I(5,`ul`,106),N(6,aF,10,7,`li`,null,HN),L()()),e&2){let e=W(2);O(4),q(e.deferCount()),O(2),P(e.deferBlocks())}}function sF(e,t){e&1&&R(0,`app-angular-unavailable`,37),e&2&&F(`page`,W(2).angularPage())}function cF(e,t){if(e&1){let e=V();I(0,`app-hydration-section`,110),H(`overlay`,function(t){return w(e),T(W(2).setHydrationOverlay(t))})(`showNode`,function(t){return w(e),T(W(2).revealNode(t))})(`highlight`,function(t){return w(e),T(W(2).highlight(t))}),L()}e&2&&F(`report`,W(2).page()?.hydration)}function lF(e,t){if(e&1){let e=V();I(0,`app-cd-recording`,111),H(`showComponent`,function(t){return w(e),T(W(2).showCdComponent(t))}),L(),I(1,`app-leaks-section`,112),H(`showComponent`,function(t){return w(e),T(W(2).showLeakComponent(t))})(`highlight`,function(t){return w(e),T(W(2).highlight(t))}),L()}if(e&2){let e=W(2);F(`page`,e.cdPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())(`native`,e.native()),O(),F(`report`,e.leaksPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())(`angular`,e.angularPage())}}function uF(e,t){if(e&1){let e=V();I(0,`p`,3),K(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. `),L(),I(2,`div`,4)(3,`div`,5),E(),I(4,`svg`,6),R(5,`circle`,7)(6,`path`,8),L(),Cs(),I(7,`input`,9,0),H(`input`,function(t){return w(e),T(W().setFilter(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().setFilter(``))}),L(),I(9,`span`,10),K(10,` Type plain text, a tag such as <button>, or a directive such as [routerLink]. Combine them to narrow the tree. `),L()(),j(11,WN,3,2),I(12,`span`,11),K(13),L(),I(14,`div`,12),j(15,GN,6,1,`button`,13),I(16,`button`,14),H(`click`,function(){return w(e),T(W().expandAll())}),E(),I(17,`svg`,15),R(18,`path`,16)(19,`path`,17),L(),Cs(),I(20,`span`,18),K(21,`Expand all`),L()(),I(22,`button`,19),H(`click`,function(){return w(e),T(W().collapseAll())}),E(),I(23,`svg`,15),R(24,`path`,20)(25,`path`,21),L(),Cs(),I(26,`span`,18),K(27,`Collapse all`),L()(),j(28,KN,5,4,`button`,22),L()(),I(29,`p`,23),K(30),L(),j(31,qN,2,1,`p`,24),j(32,JN,2,1,`p`,25),I(33,`div`,26)(34,`div`,27)(35,`h2`,28),K(36,`Component tree`),L(),j(37,ZN,7,3,`div`,29),j(38,QN,2,1,`p`,30),I(39,`div`,31,1),H(`keydown`,function(t){return w(e),T(W().onTreeKey(t))}),N(41,sP,11,21,`div`,32,FN),L(),j(43,cP,2,3,`div`,33),L(),j(44,dP,20,5,`section`,34)(45,$P,15,8,`section`,34)(46,nF,3,1,`div`,35),L(),j(47,oF,8,1,`section`,36),j(48,sF,1,1,`app-angular-unavailable`,37),j(49,cF,1,1,`app-hydration-section`,38),I(50,`app-for-blocks`,39),H(`showOwner`,function(t){return w(e),T(W().showForOwner(t))})(`highlight`,function(t){return w(e),T(W().highlight(t))}),L(),j(51,lF,2,8)}if(e&2){let e,t,n=W();O(7),F(`value`,n.filter()),O(4),M(n.pageOptions().length>1?11:-1),O(2),q(n.countLabel()),O(2),M(n.page().directiveHostCount?15:-1),O(),F(`disabled`,!!n.filter().trim()),O(6),F(`disabled`,!!n.filter().trim()),O(6),M(n.native()?-1:28),O(2),q(n.announcement()),O(),M(n.pickMessage()?31:-1),O(),M(n.page().truncated?32:-1),O(5),M(n.rows().length?-1:37),O(),M(n.rowWindow.enabled()?38:-1),O(),b_(`padding-top`,n.rowWindow.enabled()?6+n.rowWindow.padTop():null,`px`)(`padding-bottom`,n.rowWindow.enabled()?6+n.rowWindow.padBottom():null,`px`),G(`windowed`,n.rowWindow.enabled()),F(`hidden`,!n.rows().length),O(2),P(n.shownRows()),O(2),M((e=n.nameTip())?43:-1,e),O(),M((t=n.selectedHost())?44:(t=n.selectedNode())?45:46,t),O(3),M(n.deferBlocks().length?47:-1),O(),M(n.deferUnavailable()?48:-1),O(),M(n.native()?-1:49),O(),F(`blocks`,n.page()?.forBlocks)(`truncated`,n.page()?.forBlocksTruncated===!0)(`supported`,n.page()?.deferBlocks&&!n.page()?.forBlocks||n.forUnavailable()?!1:null)(`angular`,n.angularPage()),O(),M(n.staticReport()?-1:51)}}function dF(e,t){e&1&&(I(0,`p`,25),K(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. `),L())}function fF(e,t){e&1&&(I(0,`p`,25),K(1,`Loading the live component tree…`),L())}function pF(e,t){e&1&&(I(0,`p`,113),K(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. `),L())}function mF(e,t){if(e&1&&K(0),e&2){let e=W(3);Y(` `,e.filteredSource().length,` of `,e.source().length,` `)}}function hF(e,t){if(e&1&&K(0),e&2){let e=W(3);z_(` `,e.sourceCounts().components,` `,e.sourceCounts().components===1?`component`:`components`,` · `,e.sourceCounts().directives,` `,e.sourceCounts().directives===1?`directive`:`directives`,` `)}}function gF(e,t){if(e&1&&(I(0,`span`,115),j(1,mF,1,2)(2,hF,1,4),L()),e&2){let e=W(2);O(),M(e.filter().trim()?1:2)}}function _F(e,t){e&1&&(I(0,`div`,119),R(1,`span`,104),I(2,`p`,47),K(3,`Scanning components…`),L()())}function vF(e,t){e&1&&(K(0,` Run `),I(1,`code`),K(2,`pangular build`),L(),K(3,` again to rebuild the report. `))}function yF(e,t){e&1&&K(0,` Check that the dev server is running, then try again. `)}function bF(e,t){if(e&1){let e=V();I(0,`div`,120)(1,`p`,47),K(2,`Could not load components`),L(),I(3,`p`,48),j(4,vF,4,0)(5,yF,1,0),L(),I(6,`button`,49),H(`click`,function(){return w(e),T(W(2).refresh())}),K(7,`Retry`),L()()}if(e&2){let e=W(2);O(4),M(e.staticReport()?4:5)}}function xF(e,t){e&1&&(I(0,`div`,121)(1,`p`,47),K(2,`No components found`),L(),I(3,`p`,48),K(4,`No @Component or @Directive was found in the source.`),L()())}function SF(e,t){if(e&1){let e=V();I(0,`div`,121)(1,`p`,47),K(2),L(),I(3,`button`,49),H(`click`,function(){return w(e),T(W(2).clearFilter())}),K(4,`Clear filters`),L()()}if(e&2){let e=W(2);O(2),J(`No components match “`,e.filter().trim(),`”`)}}function CF(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,W(3).bareName(e.className),` · `)}}function wF(e,t){if(e&1&&(I(0,`dt`),K(1,`Change detection`),L(),I(2,`dd`),K(3),L()),e&2){let e=W(2).$implicit;O(3),q(e.changeDetection??`Unknown`)}}function TF(e,t){if(e&1){let e=V();I(0,`button`,83),H(`click`,function(){let t=w(e).$implicit;return T(W(5).showForm.emit(t.formId))}),K(1),L()}if(e&2){let e=t.$implicit;O(),J(` Show `,e.label,` in Forms `)}}function EF(e,t){if(e&1&&(I(0,`div`,131)(1,`dl`,84)(2,`dt`),K(3,`Class`),L(),I(4,`dd`,85),K(5),L(),I(6,`dt`),K(7,`File`),L(),I(8,`dd`,85),R(9,`app-source-link`,79),L(),I(10,`dt`),K(11,`Standalone`),L(),I(12,`dd`),K(13),L(),j(14,wF,4,1),I(15,`dt`),K(16,`Inputs`),L(),I(17,`dd`,85),K(18),L(),I(19,`dt`),K(20,`Outputs`),L(),I(21,`dd`,85),K(22),L()(),N(23,TF,2,1,`button`,82,RN),L()),e&2){let e=W(),t=e.$implicit,n=e.$index,r=W(3);F(`id`,`ct-source-`+n),O(5),q(r.bareName(t.className)),O(4),F(`file`,t.file)(`line`,t.line),O(4),q(t.isStandalone?`Yes`:`No`),O(),M(t.kind===`component`?14:-1),O(4),q(t.inputs.join(`, `)||`None`),O(4),q(t.outputs.join(`, `)||`None`),O(),P(r.formsIn(t.file))}}function DF(e,t){if(e&1){let e=V();I(0,`li`,124)(1,`button`,125),H(`click`,function(){let t=w(e).$implicit,n=W(3);return T(n.openKey.set(n.openKey()===n.sourceKey(t)?null:n.sourceKey(t)))}),I(2,`span`,126),K(3),L(),I(4,`span`,127)(5,`span`,128),K(6),L(),I(7,`span`,129),j(8,CF,1,1),K(9),L()(),E(),I(10,`svg`,130),R(11,`path`,59),L()(),j(12,EF,25,8,`div`,131),L()}if(e&2){let e=t.$implicit,n=t.$index,r=W(3);G(`expanded`,r.openKey()===r.sourceKey(e)),O(),A(`aria-expanded`,r.openKey()===r.sourceKey(e))(`aria-controls`,r.openKey()===r.sourceKey(e)?`ct-source-`+n:null),O(),G(`directive`,e.kind===`directive`),O(),q(e.kind),O(3),q(r.sourceLabel(e)),O(2),M(e.selector?8:-1),O(),Y(` `,e.file,`:`,e.line,` `),O(3),M(r.openKey()===r.sourceKey(e)?12:-1)}}function OF(e,t){if(e&1&&(I(0,`ul`,122),N(1,DF,13,12,`li`,123,UN,!0),L()),e&2){let e=W(2);O(),P(e.filteredSource())}}function kF(e,t){if(e&1){let e=V();j(0,dF,2,0,`p`,25)(1,fF,2,0,`p`,25)(2,pF,2,0,`p`,113),I(3,`div`,4)(4,`div`,5),E(),I(5,`svg`,6),R(6,`circle`,7)(7,`path`,8),L(),Cs(),I(8,`input`,114,0),H(`input`,function(t){return w(e),T(W().filter.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().filter.set(``))}),L()(),j(10,gF,3,1,`span`,115),I(11,`button`,116),H(`click`,function(){return w(e),T(W().refresh())}),E(),I(12,`svg`,15),R(13,`path`,117)(14,`path`,118),L(),K(15,` Refresh `),L()(),j(16,_F,4,0,`div`,119)(17,bF,8,1,`div`,120)(18,xF,5,0,`div`,121)(19,SF,5,1,`div`,121)(20,OF,3,0,`ul`,122)}if(e&2){let e=W();M(e.page()?0:e.pagesKnown()?2:1),O(8),F(`value`,e.filter()),O(2),M(e.source().length?10:-1),O(),G(`spinning`,e.loading()),A(`aria-busy`,e.loading()),O(5),M(e.loading()&&!e.source().length?16:e.error()&&!e.source().length?17:e.source().length?e.filteredSource().length?20:19:18)}}var AF=32;function jF(e){return e.replace(/^_(?=[A-Z])/,``)}var MF=`pangular:components:directive-hosts`;function NF(){try{return localStorage.getItem(MF)!==`hidden`}catch{return!0}}var PF=class e{rpc=$(null);staticReport=X(()=>QT(this.rpc()));focus=$(null);showForm=yv();focusHandled=yv();command=$(null);commandHandled=yv();canShowInjector=$(!1);showInjector=yv();filter=D(``);loading=D(!1);error=D(!1);source=D([]);formOwners=D([]);pages=D({});chosenPageId=D(null);selectedId=D(null);destroyed=D(null);announcement=D(``);picking=D(!1);pickMessage=D(``);pickPageId=null;pickSeq=0;focusId=D(null);nameTip=D(null);pickLabel=X(()=>this.picking()?`Cancel pick`:`Pick component on page`);bridge=C(CD);actionMessage=Q({source:this.selectedId,computation:()=>``});collapsed=D(new Set);showDirectiveHosts=D(NF());openKey=D(null);routerPages=D([]);pageId=GT();angularPages=TD(()=>this.rpc());angularPage=X(()=>ED(this.angularPages(),this.page()?.pageId??this.pageId));hasControlFlow=X(()=>{let e=this.angularPage()?.version;return!e||zT(e,`17.0`)});deferUnavailable=X(()=>this.hasControlFlow()&&BT(this.angularPage(),`deferBlocks`));forUnavailable=X(()=>this.hasControlFlow()&&BT(this.angularPage(),`forBlocks`));destroyRef=C(Ns);injector=C(js);host=C(Wl);filterInput=Ev(`filterInput`);cdRecording=Ev(xj);pagesKnown=D(!1);cleanups=[];selection={pageId:null,detailId:null};shownPageId=Q({source:()=>({pages:this.pages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>KT(e,{chosen:t,host:this.pageId,previous:n?.value??null})});page=X(()=>{let e=this.shownPageId();return e?this.pages()[e]??null:null});pageOptions=X(()=>Object.values(this.pages()).map(e=>({value:e.pageId,label:e.title||e.url||`Page ${e.pageId}`,hint:e.url})));live=X(()=>(this.page()?.roots.length??0)>0);native=X(()=>MD(this.page()));canEdit=X(()=>this.live()&&!this.native()&&!this.staticReport()&&hE(this.rpc(),`components`));devtoolsActions=X(()=>this.bridge.available&&!!this.page()&&!this.native()&&!this.staticReport());cdPages=D({});cdPage=X(()=>{let e=this.page()?.pageId;return e?this.cdPages()[e]??null:null});cdHosts=X(()=>this.cdPage()?.hosts??{});leaksPages=D({});leaksPage=X(()=>{let e=this.page()?.pageId;return e?this.leaksPages()[e]??null:null});visibleRoots=X(()=>{let e=this.page()?.roots??[];return this.showDirectiveHosts()||!this.page()?.directiveHostCount?e:GD(e)});index=X(()=>{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=X(()=>this.filter().trim().toLowerCase());filtered=X(()=>WD(this.visibleRoots(),this.query()));shownDirectiveHosts=X(()=>this.showDirectiveHosts()?this.page()?.directiveHostCount??0:0);deferBlocks=X(()=>this.page()?.deferBlocks??[]);deferCount=X(()=>`${this.deferBlocks().length}${this.page()?.deferTruncated?`+`:``}`);countLabel=X(()=>YD(this.page()?.count??0,this.filtered().matches,!!this.query(),!!this.page()?.truncated,this.shownDirectiveHosts()));truncationText=X(()=>ZD(this.page()?.truncatedBy));rows=X(()=>{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 TN({count:X(()=>this.rows().length),estimate:AF,fixed:!0});shownRows=X(()=>{let{start:e,end:t}=this.rowWindow.range();return this.rows().slice(e,t).map((t,n)=>({row:t,index:e+n}))});tabStop=X(()=>{let e=this.rovingId(),t=this.shownRows();return t.some(({row:t})=>t.node.id===e)?e:t[0]?.row.node.id??null});treeEl=Ev(`treeEl`);selectedNode=X(()=>{let e=this.selectedId();return e?this.index().map.get(e)??null:null});selectedHost=X(()=>{let e=this.selectedNode();return e?.kind===`directive`?e:null});detail=X(()=>{let e=this.page()?.detail;return e&&e.id===this.selectedId()?e:null});values=new OM;propFilter=D(``);propQuery=X(()=>this.propFilter().trim().toLowerCase());propFilterInput=Ev(`propFilterInput`);shownValues=X(()=>{let e=this.detail();if(!e)return null;let t=this.propQuery(),n=e=>!t||e.name.toLowerCase().includes(t)||e.prop.toLowerCase().includes(t),r=(e,r)=>n(e)||uM([e.prop],e.value,e=>this.values.level(e,r),t,1).length>0,i=e.inputs.filter(e=>r(e)),a=e.outputs.filter(n),o=(e.properties??[]).filter(e=>r(e)),s=e.directives.map((e,t)=>({...e,index:t,inputs:e.inputs.filter(e=>r(e,t)),outputs:e.outputs.filter(n)})).filter(e=>!t||e.inputs.length||e.outputs.length);return{inputs:i,outputs:a,properties:o,directives:s,count:i.length+a.length+o.length+s.reduce((e,t)=>e+t.inputs.length+t.outputs.length,0)}});valueTotal=X(()=>{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=X(()=>{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=X(()=>{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=X(()=>{let e=this.page()?.pageId;return this.routerPages().find(t=>t.pageId===e)?.outlets??[]});routedById=X(()=>{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=X(()=>{let e=new Map;for(let t of this.source()){let n=jF(t.className);e.set(n,[...e.get(n)??[],t])}return e});filteredSource=X(()=>{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=X(()=>{let e=this.source().filter(e=>e.kind===`component`).length;return{components:e,directives:this.source().length-e}});constructor(){bc(()=>{let e=this.treeEl()?.nativeElement;e&&this.rowWindow.attach(e)}),bc(()=>{let e=this.detail(),t={rpc:this.rpc(),pageId:this.page()?.pageId??null,componentId:e?.id??null};Z(()=>this.values.follow(t,e?.expanded))}),bc(()=>{let e=this.page()?.pageId??null;Z(()=>{this.picking()&&e!==this.pickPageId&&this.dropPick()})}),bc(()=>{let e=this.rpc();e&&(this.refresh(),this.watch(e))}),bc(()=>{let e=this.focus();if(!e)return;let t=this.page()?.pageId??null;if(e.pageId&&t!==e.pageId&&this.pages()[e.pageId]){Z(()=>this.selectPage(e.pageId));return}this.live()&&Z(()=>{(!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()})}),bc(()=>{let e=this.command();if(!e)return;if(!this.live()){this.pagesKnown()&&Z(()=>this.commandHandled.emit());return}if(e.kind===`pick`){Z(()=>{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())&&Z(()=>{this.say(`This page cannot record change detection.`),this.commandHandled.emit()});return}Z(()=>{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(jF(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:jF(e.className)}bareName(e){return jF(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=eO(r,a,n);o&&(this.focusId.set(o),dd(()=>this.rowElement(o)?.focus(),{injector:this.injector}))}syncSelection(e=this.index().map){let t=this.page(),n=QD({...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(XD(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 KD(e)}hydrationText(e){return JD(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(MF,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),dd(()=>{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`,`${ON(e)}px`)}keepBelowToolbar(e){let t=this.host.nativeElement.querySelector(`.toolbar`);t&&kN(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})}showNameTip(e){let t=e.currentTarget,n=Array.from(t.querySelectorAll(`.name, .tag, .host-dirs`));if(!n.some(e=>e.scrollWidth>e.clientWidth+1)){this.nameTip.set(null);return}let r=n.map(e=>e.title||e.textContent?.trim()).join(` `);this.nameTip.set({text:r,top:t.offsetTop+t.offsetHeight+2})}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=k({type:e,selectors:[[`app-component-tree`]],viewQuery:function(e,t){e&1&&Zg(t.filterInput,AN,5)(t.cdRecording,xj,5)(t.treeEl,jN,5)(t.propFilterInput,MN,5),e&2&&Qg(4)},hostBindings:function(e,t){e&1&&H(`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`],[1,`tree-actions`],[`type`,`button`,`title`,`Directive hosts`,1,`tree-action`],[`type`,`button`,`title`,`Expand all`,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`],[1,`label`],[`type`,`button`,`title`,`Collapse all`,1,`tree-action`,3,`click`,`disabled`],[`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,`tree-col`],[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-hidden`,`true`,1,`name-tip`,`mono`,3,`top`],[`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`,`title`,`Directive hosts`,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`,`keydown.escape`,`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`],[`aria-hidden`,`true`,1,`name-tip`,`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`,`native`],[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&&j(0,uF,52,29)(1,kF,21,7),e&2&&M(+!t.live())},dependencies:[UD,xj,Aj,EM,NM,WM,fO,xN,AD],styles:[`[_nghost-%COMP%] {
+}`]})},RN=12,zN=900;function BN(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 VN=class{options;injector=C(ks);visibleTop=D(0);viewport=D(zN);rowHeight;host=null;scroller=null;detach=null;enabled;range;padTop;padBottom;constructor(e){this.options=e,this.rowHeight=D(e.estimate);let t=e.min??300;this.enabled=X(()=>e.count()>t),this.range=X(()=>{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)-RN));return{start:a,end:Math.min(t,Math.max(a,Math.ceil((i+r)/n)+RN))}}),this.padTop=X(()=>this.enabled()?this.range().start*this.rowHeight():0),this.padBottom=X(()=>this.enabled()?(e.count()-this.range().end)*this.rowHeight():0),vc(()=>{e.count(),dd(()=>this.update(),{injector:this.injector})}),C(js).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:BN(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:zN)}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&&dd(t,{injector:this.injector})}};function HN(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 UN=e=>{let t=parseFloat(e);return Number.isFinite(t)?t:0};function WN(e,t=8){let n=e.ownerDocument.defaultView;if(!n)return e.offsetHeight+t;let r=HN(e),i=r?n.getComputedStyle(r):null,a=i?UN(i.paddingTop):0,o=i?UN(i.scrollPaddingTop):0,s=UN(n.getComputedStyle(e).top);return Math.max(0,Math.ceil(a+s+e.offsetHeight+t-o))}function GN(e,t,n=8){let r=HN(e),i=t.getBoundingClientRect().bottom+n-e.getBoundingClientRect().top;i<=0||(r?r.scrollTop-=i:e.ownerDocument.defaultView?.scrollBy(0,-i))}var KN=[`filterInput`],qN=[`treeEl`],JN=[`propFilterInput`],YN=()=>[],XN=e=>({kind:`component`,id:e}),ZN=(e,t)=>t.row.node.id,QN=(e,t)=>t.outlet+t.route,$N=(e,t)=>t+e,eP=(e,t)=>t.formId,tP=(e,t)=>t.name+t.index,nP=(e,t)=>t.name,rP=(e,t)=>t.token+e;function iP(e,t){return this.sourceKey(t)}function aP(e,t){if(e&1){let e=V();I(0,`span`,40),K(1,`Page`),L(),I(2,`app-select`,41),H(`valueChange`,function(t){return w(e),T(W(2).selectPage(t))}),L()}if(e&2){let e=W(2);O(2),F(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function oP(e,t){if(e&1){let e=V();I(0,`button`,42),H(`click`,function(){return w(e),T(W(2).toggleDirectiveHosts())}),E(),I(1,`svg`,15),R(2,`path`,43)(3,`path`,44),L(),xs(),I(4,`span`,18),K(5,`Directive hosts`),L()()}e&2&&A(`aria-pressed`,W(2).showDirectiveHosts())}function sP(e,t){if(e&1){let e=V();I(0,`button`,45),H(`click`,function(){w(e);let t=W(2);return T(t.picking()?t.cancelPick():t.pick())}),E(),I(1,`svg`,15),R(2,`path`,46),L(),xs(),I(3,`span`,18),K(4),L()()}if(e&2){let e=W(2);G(`on`,e.picking()),A(`title`,e.pickLabel()),O(4),q(e.pickLabel())}}function cP(e,t){if(e&1&&(I(0,`p`,24),K(1),L()),e&2){let e=W(2);O(),q(e.pickMessage())}}function lP(e,t){if(e&1&&(I(0,`p`,25),K(1),L()),e&2){let e=W(2);O(),q(e.truncationText())}}function uP(e,t){e&1&&(I(0,`p`,48),K(1,`The filter only searches the components the tree lists.`),L())}function dP(e,t){e&1&&(I(0,`p`,48),K(1,`Directive hosts are hidden, so they are not searched.`),L())}function fP(e,t){if(e&1){let e=V();I(0,`div`,29)(1,`p`,47),K(2),L(),j(3,uP,2,0,`p`,48),j(4,dP,2,0,`p`,48),I(5,`button`,49),H(`click`,function(){return w(e),T(W(2).clearFilter())}),K(6,`Clear filters`),L()()}if(e&2){let e=W(2);O(2),J(`No components match “`,e.filter().trim(),`”`),O(),M(e.page().truncated?3:-1),O(),M(!e.showDirectiveHosts()&&e.page().directiveHostCount?4:-1)}}function pP(e,t){if(e&1&&(I(0,`p`,30),K(1),L()),e&2){let e=W(2);O(),J(` `,e.rows().length,` rows. Rows render as you scroll, so the browser's find only sees the ones near view; the filter above searches them all. `)}}function mP(e,t){if(e&1){let e=V();I(0,`span`,57),H(`click`,function(t){w(e),W();let n=q_(0);return T(W(2).toggle(n.node.id,t))}),E(),I(1,`svg`,58),R(2,`path`,59),L()()}e&2&&(W(),G(`open`,q_(0).expanded))}function hP(e,t){e&1&&R(0,`span`,52)}function gP(e,t){if(e&1&&(I(0,`span`,60),K(1),L(),I(2,`span`,61),K(3),L(),I(4,`span`,28),K(5,`directive host`),L()),e&2){W();let e=q_(0),t=W(2);O(),J(`<`,e.node.tag,`>`),O(),A(`title`,e.node.directives?.join(`, `)),O(),q(t.hostLabel(e.node))}}function _P(e,t){if(e&1&&(I(0,`span`,62),K(1),L(),I(2,`span`,63),K(3),L()),e&2){W();let e=q_(0);A(`title`,e.node.name),O(),q(e.node.name),O(),A(`title`,`<`+e.node.tag+`>`),O(),J(`<`,e.node.tag,`>`)}}function vP(e,t){if(e&1&&(I(0,`span`)(1,`span`,28),K(2,`Hydration: `),L(),K(3),L()),e&2){let e=t,n=W(3);x_(`hyd hyd-`+e),O(3),q(n.hydrationText(e))}}function yP(e,t){if(e&1&&(I(0,`span`,54),K(1),L()),e&2){let e=t.$implicit;O(),q(e.route||`/`)}}function bP(e,t){if(e&1&&(I(0,`span`,55),K(1),I(2,`span`,28),K(3),L()()),e&2){let e=t;O(),J(` `,e),O(2),J(` `,e===1?`check`:`checks`,` while recording`)}}function xP(e,t){if(e&1&&(I(0,`span`,56),K(1),I(2,`span`,28),K(3),L()()),e&2){W();let e=q_(0);A(`title`,e.node.directives.join(`, `)),O(),J(` +`,e.node.directives.length,` `),O(2),J(` `,e.node.directives.length===1?`directive`:`directives`,` `)}}function SP(e,t){if(e&1){let e=V();G_(0),I(1,`div`,50),H(`click`,function(){w(e);let t=q_(0);return T(W(2).select(t.node.id))})(`focus`,function(t){w(e);let n=q_(0),r=W(2);return r.focusId.set(n.node.id),r.highlight(n.node.id),T(r.showNameTip(t))})(`blur`,function(){w(e);let t=W(2);return t.highlight(null),T(t.nameTip.set(null))})(`keydown.escape`,function(){return w(e),T(W(2).nameTip.set(null))})(`mouseenter`,function(){w(e);let t=q_(0);return T(W(2).highlight(t.node.id))})(`mouseleave`,function(){return w(e),T(W(2).highlight(null))}),j(2,mP,3,2,`span`,51)(3,hP,1,0,`span`,52),j(4,gP,6,3)(5,_P,4,4),j(6,vP,4,3,`span`,53),N(7,yP,2,1,`span`,54,QN),j(9,bP,4,2,`span`,55),j(10,xP,4,3,`span`,56),L()}if(e&2){let e,n,r=t.$implicit,i=W(2),a=K_(r.row);O(),b_(`--%NS%depth`,a.depth),G(`selected`,i.selectedId()===a.node.id)(`dir-host`,a.node.kind===`directive`),A(`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),O(),M(a.hasChildren?2:3),O(2),M(a.node.kind===`directive`?4:5),O(2),M((e=a.node.hydration)?6:-1,e),O(),P(i.routedById().get(a.node.id)??nv(20,YN)),O(2),M((n=i.cdHosts()[a.node.id])?9:-1,n),O(),M(a.node.kind!==`directive`&&a.node.directives?.length?10:-1)}}function CP(e,t){if(e&1&&(I(0,`div`,64),K(1),L()),e&2){let e=t;b_(`top`,e.top,`px`),O(),J(` `,e.text,` `)}}function wP(e,t){if(e&1&&(I(0,`li`,72),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function TP(e,t){if(e&1){let e=V();I(0,`div`,74)(1,`button`,49),H(`click`,function(){let t=w(e);return T(W(3).reveal(t.id,!0))}),K(2),L()()}e&2&&(O(2),J(` Show `,t.name,` `))}function EP(e,t){if(e&1&&(I(0,`section`,34)(1,`header`,65)(2,`span`,66),K(3,`directive host`),L(),I(4,`h2`,67),K(5),L(),I(6,`span`,68),K(7),L()(),I(8,`div`,69)(9,`h3`),K(10,` Directives `),I(11,`span`,70),K(12),L()(),I(13,`ul`,71),N(14,wP,2,1,`li`,72,$N),L()(),I(16,`div`,69)(17,`p`,73),K(18,` This element hosts directives but no component. Their inputs are bound in the template of the component that renders it. `),L(),j(19,TP,3,1,`div`,74),L()()),e&2){let e,n=t,r=W(2);O(5),J(`<`,n.tag,`>`),O(2),q(r.hostLabel(n)),O(5),q(n.directives?.length??0),O(2),P(n.directives??nv(4,YN)),O(5),M((e=r.ownerOf(n.id))?19:-1,e)}}function DP(e,t){if(e&1&&(I(0,`p`,75),R(1,`app-source-link`,79),L()),e&2){let e=t;O(),F(`file`,e.file)(`line`,e.line)}}function OP(e,t){if(e&1){let e=V();I(0,`div`,80)(1,`button`,49),H(`click`,function(){w(e);let t=W();return T(W(2).revealInElements(t))}),K(2,`Reveal in Elements`),L(),I(3,`button`,49),H(`click`,function(){w(e);let t=W();return T(W(2).openSource(t))}),K(4,`Open source`),L()(),I(5,`p`,81),K(6),L()}if(e&2){let e=W(3);O(6),q(e.actionMessage())}}function kP(e,t){if(e&1){let e=V();I(0,`button`,83),H(`click`,function(){let t=w(e).$implicit;return T(W(5).showForm.emit(t.formId))}),K(1),L()}if(e&2){let e=t.$implicit;O(),J(` Show `,e.label,` in Forms `)}}function AP(e,t){if(e&1&&(I(0,`div`,76),N(1,kP,2,1,`button`,82,eP),L()),e&2){let e=W(),t=W(3);O(),P(t.formsIn(e.file))}}function jP(e,t){e&1&&j(0,AP,3,0,`div`,76),e&2&&M(W(3).formsIn(t.file).length?0:-1)}function MP(e,t){if(e&1){let e=V();I(0,`div`,76)(1,`button`,49),H(`click`,function(){w(e);let t=W();return T(W(2).openInjector(t))}),K(2,` Show in Injectors `),I(3,`span`,28),K(4),L()()()}if(e&2){let e=W();O(4),J(`: `,e.name)}}function NP(e,t){if(e&1&&R(0,`app-store-global`,77),e&2){let e=W(),t=W(2);F(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,rv(4,XN,e.id))(`label`,e.name)}}function PP(e,t){if(e&1&&(I(0,`dt`),K(1,`Routed`),L(),I(2,`dd`,85),K(3),L()),e&2){let e=t.$implicit;O(3),Y(``,e.route||`/`,` in outlet `,e.outlet)}}function FP(e,t){if(e&1&&(I(0,`span`,11),K(1),L()),e&2){let e=W(4);O(),Y(``,e.shownValues()?.count??0,` of `,e.valueTotal())}}function IP(e,t){if(e&1){let e=V();I(0,`div`,89)(1,`p`,47),K(2),L(),I(3,`p`,48),K(4,` The filter searches names, and the nested keys of values you opened. `),L(),I(5,`button`,49),H(`click`,function(){return w(e),T(W(5).clearPropFilter())}),K(6,`Clear filters`),L()()}if(e&2){let e=W(5);O(2),J(` No inputs, outputs or properties match “`,e.propFilter().trim(),`” `)}}function LP(e,t){if(e&1&&(I(0,`span`,93),K(1),L()),e&2){let e=W().$implicit;O(),J(`(`,e.prop,`)`)}}function RP(e,t){if(e&1&&(I(0,`li`,91)(1,`span`,92),K(2),j(3,LP,2,1,`span`,93),L(),R(4,`app-value-tree`,94),L()),e&2){let e=t.$implicit,n=W(4),r=W(3);O(2),J(` `,e.name,` `),O(),M(e.prop===e.name?-1:3),O(),F(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function zP(e,t){if(e&1&&(I(0,`ul`,90),N(1,RP,5,9,`li`,91,nP),L()),e&2){let e=W(2);O(),P(e.inputs)}}function BP(e,t){e&1&&(I(0,`p`,73),K(1,`No inputs.`),L())}function VP(e,t){if(e&1&&(I(0,`div`,69)(1,`h3`),K(2,` Inputs `),I(3,`span`,70),K(4),L()(),j(5,zP,3,0,`ul`,90)(6,BP,2,0,`p`,73),L()),e&2){let e=W();O(4),q(e.inputs.length),O(),M(e.inputs.length?5:6)}}function HP(e,t){if(e&1&&(I(0,`li`,96)(1,`span`,85),K(2),L(),I(3,`span`,97),K(4),L()()),e&2){let e=t.$implicit;G(`on`,e.listened),O(2),q(e.name),O(2),q(e.listened?`listened`:`no listener`)}}function UP(e,t){if(e&1&&(I(0,`ul`,71),N(1,HP,5,4,`li`,95,nP),L()),e&2){let e=W(2);O(),P(e.outputs)}}function WP(e,t){e&1&&(I(0,`p`,73),K(1,`No outputs.`),L())}function GP(e,t){if(e&1&&(I(0,`div`,69)(1,`h3`),K(2,` Outputs `),I(3,`span`,70),K(4),L()(),j(5,UP,3,0,`ul`,71)(6,WP,2,0,`p`,73),L()),e&2){let e=W();O(4),q(e.outputs.length),O(),M(e.outputs.length?5:6)}}function KP(e,t){if(e&1&&(I(0,`span`,98),K(1),L()),e&2){let e=W().$implicit;O(),q(e.kind)}}function qP(e,t){if(e&1&&(I(0,`li`,91)(1,`span`,92),K(2),j(3,KP,2,1,`span`,98),L(),R(4,`app-value-tree`,94),L()),e&2){let e=t.$implicit,n=W(4),r=W(3);O(2),J(` `,e.name,` `),O(),M(e.kind?3:-1),O(),F(`prop`,e)(`store`,r.values)(`query`,r.propFilter())(`componentId`,n.id)(`pageId`,r.page()?.pageId??null)(`rpc`,r.rpc())(`writes`,r.canEdit())}}function JP(e,t){if(e&1&&(I(0,`ul`,90),N(1,qP,5,9,`li`,91,nP),L()),e&2){let e=W(2);O(),P(e.properties)}}function YP(e,t){e&1&&(I(0,`p`,73),K(1,`No other properties.`),L())}function XP(e,t){if(e&1&&(I(0,`div`,69)(1,`h3`),K(2,` Properties `),I(3,`span`,70),K(4),L()(),j(5,JP,3,0,`ul`,90)(6,YP,2,0,`p`,73),L()),e&2){let e=W();O(4),q(e.properties.length),O(),M(e.properties.length?5:6)}}function ZP(e,t){if(e&1&&(I(0,`li`,72),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function QP(e,t){if(e&1&&(I(0,`div`,69)(1,`h3`),K(2,` DOM listeners `),I(3,`span`,70),K(4),L()(),I(5,`ul`,71),N(6,ZP,2,1,`li`,72,vg),L()()),e&2){let e=W(2);O(4),q(e.listeners.length),O(2),P(e.listeners)}}function $P(e,t){if(e&1&&(I(0,`li`,91)(1,`span`,92),K(2),L(),R(3,`app-value-tree`,99),L()),e&2){let e=t.$implicit,n=W(2).$implicit,r=W(2),i=W(3);O(2),q(e.name),O(),F(`prop`,e)(`store`,i.values)(`query`,i.propFilter())(`directive`,n.index)(`componentId`,r.id)(`pageId`,i.page()?.pageId??null)(`rpc`,i.rpc())}}function eF(e,t){if(e&1&&(I(0,`ul`,90),N(1,$P,4,8,`li`,91,nP),L()),e&2){let e=W().$implicit;O(),P(e.inputs)}}function tF(e,t){if(e&1&&(I(0,`li`,96)(1,`span`,85),K(2),L(),I(3,`span`,97),K(4),L()()),e&2){let e=t.$implicit;G(`on`,e.listened),O(2),q(e.name),O(2),q(e.listened?`listened`:`no listener`)}}function nF(e,t){if(e&1&&(I(0,`ul`,71),N(1,tF,5,4,`li`,95,nP),L()),e&2){let e=W().$implicit;O(),P(e.outputs)}}function rF(e,t){e&1&&(I(0,`p`,73),K(1,`No inputs or outputs.`),L())}function iF(e,t){if(e&1&&(I(0,`div`,69)(1,`h3`)(2,`span`,85),K(3),L(),I(4,`span`,98),K(5,`directive on host`),L()(),j(6,eF,3,0,`ul`,90),j(7,nF,3,0,`ul`,71),j(8,rF,2,0,`p`,73),L()),e&2){let e=t.$implicit;O(3),q(e.name),O(3),M(e.inputs.length?6:-1),O(),M(e.outputs.length?7:-1),O(),M(!e.inputs.length&&!e.outputs.length?8:-1)}}function aF(e,t){if(e&1&&(j(0,IP,7,1,`div`,89),j(1,VP,7,2,`div`,69),j(2,GP,7,2,`div`,69),j(3,XP,7,2,`div`,69),j(4,QP,8,1,`div`,69),N(5,iF,9,4,`div`,69,tP)),e&2){let e=t,n=W(),r=W(3);M(r.propQuery()&&!e.count?0:-1),O(),M(!r.propQuery()||e.inputs.length?1:-1),O(),M(!r.propQuery()||e.outputs.length?2:-1),O(),M(!r.propQuery()||e.properties.length?3:-1),O(),M(!r.propQuery()&&n.listeners.length?4:-1),O(),P(e.directives)}}function oF(e,t){if(e&1&&(I(0,`span`,98),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function sF(e,t){if(e&1&&(I(0,`span`,102),K(1,`from `),I(2,`span`,85),K(3),L()()),e&2){let e=W().$implicit;O(3),q(e.providedByName??`an injector`)}}function cF(e,t){e&1&&(I(0,`span`,103),K(1,`not provided`),L())}function lF(e,t){if(e&1&&(I(0,`li`,100)(1,`span`,101),K(2),L(),N(3,oF,2,1,`span`,98,vg),j(5,sF,4,1,`span`,102)(6,cF,2,0,`span`,103),L()),e&2){let e=t.$implicit;O(2),q(e.token),O(),P(e.flags),O(2),M(e.providedBy?5:6)}}function uF(e,t){if(e&1&&(I(0,`ul`,88),N(1,lF,7,2,`li`,100,rP),L()),e&2){let e=W();O(),P(e.dependencies)}}function dF(e,t){e&1&&(I(0,`p`,73),K(1,`Nothing is injected through the constructor or inject().`),L())}function fF(e,t){if(e&1){let e=V();I(0,`dl`,84)(1,`dt`),K(2,`Change detection`),L(),I(3,`dd`),K(4),L(),I(5,`dt`),K(6,`Encapsulation`),L(),I(7,`dd`),K(8),L(),I(9,`dt`),K(10,`Host path`),L(),I(11,`dd`,85),K(12),L(),N(13,PP,4,2,null,null,QN),L(),I(15,`div`,86)(16,`div`,5),E(),I(17,`svg`,6),R(18,`circle`,7)(19,`path`,8),L(),xs(),I(20,`input`,87,2),H(`input`,function(t){return w(e),T(W(3).propFilter.set(t.target.value))})(`keydown.escape`,function(t){return w(e),T(W(3).clearPropFilter(t))}),L()(),j(22,FP,2,2,`span`,11),I(23,`p`,23),K(24),L()(),j(25,aF,7,5),I(26,`div`,69)(27,`h3`),K(28,` Injected `),I(29,`span`,70),K(30),L()(),j(31,uF,3,0,`ul`,88)(32,dF,2,0,`p`,73),L()}if(e&2){let e,n=t,r=W(),i=W(2);O(4),q(n.changeDetection??`Unknown`),O(4),q(n.encapsulation??`Unknown`),O(4),q(n.path),O(),P(i.routedById().get(r.id)??nv(9,YN)),O(7),F(`value`,i.propFilter()),O(2),M(i.propQuery()?22:-1),O(2),q(i.propFilterStatus()),O(),M((e=i.shownValues())?25:-1,e),O(5),q(n.dependencies.length),O(),M(n.dependencies.length?31:32)}}function pF(e,t){e&1&&(I(0,`div`,78),R(1,`span`,104),I(2,`p`,48),K(3,`Reading live values from the page…`),L()())}function mF(e,t){if(e&1&&(I(0,`section`,34)(1,`header`,65)(2,`span`,66),K(3,`component`),L(),I(4,`h2`,67),K(5),L(),I(6,`span`,68),K(7),L(),j(8,DP,2,2,`p`,75),j(9,OP,7,1),j(10,jP,1,1),j(11,MP,5,1,`div`,76),j(12,NP,1,6,`app-store-global`,77),L(),j(13,fF,33,10)(14,pF,4,0,`div`,78),L()),e&2){let e,n,r,i=t,a=W(2);O(5),q(i.name),O(2),J(`<`,i.tag,`>`),O(),M((e=a.whereOf(i))?8:-1,e),O(),M(a.devtoolsActions()?9:-1),O(),M((n=a.sourceFor(i))?10:-1,n),O(),M(a.canShowInjector()&&!a.staticReport()?11:-1),O(),M(!a.staticReport()&&!a.native()?12:-1),O(),M((r=a.detail())?13:14,r)}}function hF(e,t){e&1&&(I(0,`p`,47),K(1,`The selected component was destroyed`),L(),I(2,`p`,48)(3,`span`,85),K(4),L(),K(5,` is no longer on the page. Select another component to see its live values. `),L()),e&2&&(O(4),q(t))}function gF(e,t){e&1&&(I(0,`p`,48),K(1,` Select a component to see its live inputs, properties, outputs, change detection and injected services. `),L())}function _F(e,t){if(e&1&&(I(0,`div`,35),j(1,hF,6,1)(2,gF,2,0,`p`,48),L()),e&2){let e,t=W(2);O(),M((e=t.destroyed())?1:2,e)}}function vF(e,t){e&1&&R(0,`app-angular-unavailable`,37),e&2&&F(`page`,W(2).angularPage())}function yF(e,t){if(e&1){let e=V();I(0,`app-hydration-section`,105),H(`overlay`,function(t){return w(e),T(W(2).setHydrationOverlay(t))})(`showNode`,function(t){return w(e),T(W(2).revealNode(t))})(`highlight`,function(t){return w(e),T(W(2).highlight(t))}),L()}e&2&&F(`report`,W(2).page()?.hydration)}function bF(e,t){if(e&1){let e=V();I(0,`app-cd-recording`,106),H(`showComponent`,function(t){return w(e),T(W(2).showCdComponent(t))}),L(),I(1,`app-leaks-section`,107),H(`showComponent`,function(t){return w(e),T(W(2).showLeakComponent(t))})(`highlight`,function(t){return w(e),T(W(2).highlight(t))}),L()}if(e&2){let e=W(2);F(`page`,e.cdPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())(`native`,e.native()),O(),F(`report`,e.leaksPage())(`pageId`,e.page().pageId)(`rpc`,e.rpc())(`angular`,e.angularPage())}}function xF(e,t){if(e&1){let e=V();I(0,`p`,3),K(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. `),L(),I(2,`div`,4)(3,`div`,5),E(),I(4,`svg`,6),R(5,`circle`,7)(6,`path`,8),L(),xs(),I(7,`input`,9,0),H(`input`,function(t){return w(e),T(W().setFilter(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().setFilter(``))}),L(),I(9,`span`,10),K(10,` Type plain text, a tag such as <button>, or a directive such as [routerLink]. Combine them to narrow the tree. `),L()(),j(11,aP,3,2),I(12,`span`,11),K(13),L(),I(14,`div`,12),j(15,oP,6,1,`button`,13),I(16,`button`,14),H(`click`,function(){return w(e),T(W().expandAll())}),E(),I(17,`svg`,15),R(18,`path`,16)(19,`path`,17),L(),xs(),I(20,`span`,18),K(21,`Expand all`),L()(),I(22,`button`,19),H(`click`,function(){return w(e),T(W().collapseAll())}),E(),I(23,`svg`,15),R(24,`path`,20)(25,`path`,21),L(),xs(),I(26,`span`,18),K(27,`Collapse all`),L()(),j(28,sP,5,4,`button`,22),L()(),I(29,`p`,23),K(30),L(),j(31,cP,2,1,`p`,24),j(32,lP,2,1,`p`,25),I(33,`div`,26)(34,`div`,27)(35,`h2`,28),K(36,`Component tree`),L(),j(37,fP,7,3,`div`,29),j(38,pP,2,1,`p`,30),I(39,`div`,31,1),H(`keydown`,function(t){return w(e),T(W().onTreeKey(t))}),N(41,SP,11,21,`div`,32,ZN),L(),j(43,CP,2,3,`div`,33),L(),j(44,EP,20,5,`section`,34)(45,mF,15,8,`section`,34)(46,_F,3,1,`div`,35),L(),I(47,`app-defer-blocks`,36),H(`showOwner`,function(t){return w(e),T(W().showOwner(t))})(`highlight`,function(t){w(e);let n=W();return T(t?n.highlightBlock(t):n.highlight(null))}),L(),j(48,vF,1,1,`app-angular-unavailable`,37),j(49,yF,1,1,`app-hydration-section`,38),I(50,`app-for-blocks`,39),H(`showOwner`,function(t){return w(e),T(W().showForOwner(t))})(`highlight`,function(t){return w(e),T(W().highlight(t))}),L(),j(51,bF,2,8)}if(e&2){let e,t,n=W();O(7),F(`value`,n.filter()),O(4),M(n.pageOptions().length>1?11:-1),O(2),q(n.countLabel()),O(2),M(n.page().directiveHostCount?15:-1),O(),F(`disabled`,!!n.filter().trim()),O(6),F(`disabled`,!!n.filter().trim()),O(6),M(n.native()?-1:28),O(2),q(n.announcement()),O(),M(n.pickMessage()?31:-1),O(),M(n.page().truncated?32:-1),O(5),M(n.rows().length?-1:37),O(),M(n.rowWindow.enabled()?38:-1),O(),b_(`padding-top`,n.rowWindow.enabled()?6+n.rowWindow.padTop():null,`px`)(`padding-bottom`,n.rowWindow.enabled()?6+n.rowWindow.padBottom():null,`px`),G(`windowed`,n.rowWindow.enabled()),F(`hidden`,!n.rows().length),O(2),P(n.shownRows()),O(2),M((e=n.nameTip())?43:-1,e),O(),M((t=n.selectedHost())?44:(t=n.selectedNode())?45:46,t),O(3),F(`blocks`,n.deferBlocks())(`truncated`,n.page()?.deferTruncated===!0)(`clockOffset`,n.page()?.clockOffset??0),O(),M(n.deferUnavailable()?48:-1),O(),M(n.native()?-1:49),O(),F(`blocks`,n.page()?.forBlocks)(`truncated`,n.page()?.forBlocksTruncated===!0)(`supported`,n.page()?.deferBlocks&&!n.page()?.forBlocks||n.forUnavailable()?!1:null)(`angular`,n.angularPage()),O(),M(n.staticReport()?-1:51)}}function SF(e,t){e&1&&(I(0,`p`,25),K(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. `),L())}function CF(e,t){e&1&&(I(0,`p`,25),K(1,`Loading the live component tree…`),L())}function wF(e,t){e&1&&(I(0,`p`,108),K(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. `),L())}function TF(e,t){if(e&1&&K(0),e&2){let e=W(3);Y(` `,e.filteredSource().length,` of `,e.source().length,` `)}}function EF(e,t){if(e&1&&K(0),e&2){let e=W(3);z_(` `,e.sourceCounts().components,` `,e.sourceCounts().components===1?`component`:`components`,` · `,e.sourceCounts().directives,` `,e.sourceCounts().directives===1?`directive`:`directives`,` `)}}function DF(e,t){if(e&1&&(I(0,`span`,110),j(1,TF,1,2)(2,EF,1,4),L()),e&2){let e=W(2);O(),M(e.filter().trim()?1:2)}}function OF(e,t){e&1&&(I(0,`div`,114),R(1,`span`,104),I(2,`p`,47),K(3,`Scanning components…`),L()())}function kF(e,t){e&1&&(K(0,` Run `),I(1,`code`),K(2,`pangular build`),L(),K(3,` again to rebuild the report. `))}function AF(e,t){e&1&&K(0,` Check that the dev server is running, then try again. `)}function jF(e,t){if(e&1){let e=V();I(0,`div`,115)(1,`p`,47),K(2,`Could not load components`),L(),I(3,`p`,48),j(4,kF,4,0)(5,AF,1,0),L(),I(6,`button`,49),H(`click`,function(){return w(e),T(W(2).refresh())}),K(7,`Retry`),L()()}if(e&2){let e=W(2);O(4),M(e.staticReport()?4:5)}}function MF(e,t){e&1&&(I(0,`div`,116)(1,`p`,47),K(2,`No components found`),L(),I(3,`p`,48),K(4,`No @Component or @Directive was found in the source.`),L()())}function NF(e,t){if(e&1){let e=V();I(0,`div`,116)(1,`p`,47),K(2),L(),I(3,`button`,49),H(`click`,function(){return w(e),T(W(2).clearFilter())}),K(4,`Clear filters`),L()()}if(e&2){let e=W(2);O(2),J(`No components match “`,e.filter().trim(),`”`)}}function PF(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,W(3).bareName(e.className),` · `)}}function FF(e,t){if(e&1&&(I(0,`dt`),K(1,`Change detection`),L(),I(2,`dd`),K(3),L()),e&2){let e=W(2).$implicit;O(3),q(e.changeDetection??`Unknown`)}}function IF(e,t){if(e&1){let e=V();I(0,`button`,83),H(`click`,function(){let t=w(e).$implicit;return T(W(5).showForm.emit(t.formId))}),K(1),L()}if(e&2){let e=t.$implicit;O(),J(` Show `,e.label,` in Forms `)}}function LF(e,t){if(e&1&&(I(0,`div`,126)(1,`dl`,84)(2,`dt`),K(3,`Class`),L(),I(4,`dd`,85),K(5),L(),I(6,`dt`),K(7,`File`),L(),I(8,`dd`,85),R(9,`app-source-link`,79),L(),I(10,`dt`),K(11,`Standalone`),L(),I(12,`dd`),K(13),L(),j(14,FF,4,1),I(15,`dt`),K(16,`Inputs`),L(),I(17,`dd`,85),K(18),L(),I(19,`dt`),K(20,`Outputs`),L(),I(21,`dd`,85),K(22),L()(),N(23,IF,2,1,`button`,82,eP),L()),e&2){let e=W(),t=e.$implicit,n=e.$index,r=W(3);F(`id`,`ct-source-`+n),O(5),q(r.bareName(t.className)),O(4),F(`file`,t.file)(`line`,t.line),O(4),q(t.isStandalone?`Yes`:`No`),O(),M(t.kind===`component`?14:-1),O(4),q(t.inputs.join(`, `)||`None`),O(4),q(t.outputs.join(`, `)||`None`),O(),P(r.formsIn(t.file))}}function RF(e,t){if(e&1){let e=V();I(0,`li`,119)(1,`button`,120),H(`click`,function(){let t=w(e).$implicit,n=W(3);return T(n.openKey.set(n.openKey()===n.sourceKey(t)?null:n.sourceKey(t)))}),I(2,`span`,121),K(3),L(),I(4,`span`,122)(5,`span`,123),K(6),L(),I(7,`span`,124),j(8,PF,1,1),K(9),L()(),E(),I(10,`svg`,125),R(11,`path`,59),L()(),j(12,LF,25,8,`div`,126),L()}if(e&2){let e=t.$implicit,n=t.$index,r=W(3);G(`expanded`,r.openKey()===r.sourceKey(e)),O(),A(`aria-expanded`,r.openKey()===r.sourceKey(e))(`aria-controls`,r.openKey()===r.sourceKey(e)?`ct-source-`+n:null),O(),G(`directive`,e.kind===`directive`),O(),q(e.kind),O(3),q(r.sourceLabel(e)),O(2),M(e.selector?8:-1),O(),Y(` `,e.file,`:`,e.line,` `),O(3),M(r.openKey()===r.sourceKey(e)?12:-1)}}function zF(e,t){if(e&1&&(I(0,`ul`,117),N(1,RF,13,12,`li`,118,iP,!0),L()),e&2){let e=W(2);O(),P(e.filteredSource())}}function BF(e,t){if(e&1){let e=V();j(0,SF,2,0,`p`,25)(1,CF,2,0,`p`,25)(2,wF,2,0,`p`,108),I(3,`div`,4)(4,`div`,5),E(),I(5,`svg`,6),R(6,`circle`,7)(7,`path`,8),L(),xs(),I(8,`input`,109,0),H(`input`,function(t){return w(e),T(W().filter.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().filter.set(``))}),L()(),j(10,DF,3,1,`span`,110),I(11,`button`,111),H(`click`,function(){return w(e),T(W().refresh())}),E(),I(12,`svg`,15),R(13,`path`,112)(14,`path`,113),L(),K(15,` Refresh `),L()(),j(16,OF,4,0,`div`,114)(17,jF,8,1,`div`,115)(18,MF,5,0,`div`,116)(19,NF,5,1,`div`,116)(20,zF,3,0,`ul`,117)}if(e&2){let e=W();M(e.page()?0:e.pagesKnown()?2:1),O(8),F(`value`,e.filter()),O(2),M(e.source().length?10:-1),O(),G(`spinning`,e.loading()),A(`aria-busy`,e.loading()),O(5),M(e.loading()&&!e.source().length?16:e.error()&&!e.source().length?17:e.source().length?e.filteredSource().length?20:19:18)}}var VF=32;function HF(e){return e.replace(/^_(?=[A-Z])/,``)}var UF=`pangular:components:directive-hosts`;function WF(){try{return localStorage.getItem(UF)!==`hidden`}catch{return!0}}var GF=class e{rpc=$(null);staticReport=X(()=>tE(this.rpc()));focus=$(null);showForm=yv();focusHandled=yv();command=$(null);commandHandled=yv();canShowInjector=$(!1);showInjector=yv();filter=D(``);loading=D(!1);error=D(!1);source=D([]);formOwners=D([]);pages=D({});chosenPageId=D(null);selectedId=D(null);destroyed=D(null);announcement=D(``);picking=D(!1);pickMessage=D(``);pickPageId=null;pickSeq=0;focusId=D(null);nameTip=D(null);pickLabel=X(()=>this.picking()?`Cancel pick`:`Pick component on page`);bridge=C(ED);actionMessage=Q({source:this.selectedId,computation:()=>``});collapsed=D(new Set);showDirectiveHosts=D(WF());openKey=D(null);routerPages=D([]);pageId=JT();angularPages=OD(()=>this.rpc());angularPage=X(()=>kD(this.angularPages(),this.page()?.pageId??this.pageId));hasControlFlow=X(()=>{let e=this.angularPage()?.version;return!e||zT(e,`17.0`)});deferUnavailable=X(()=>this.hasControlFlow()&&BT(this.angularPage(),`deferBlocks`));forUnavailable=X(()=>this.hasControlFlow()&&BT(this.angularPage(),`forBlocks`));destroyRef=C(js);injector=C(ks);host=C(Hl);filterInput=Ev(`filterInput`);cdRecording=Ev(wj);pagesKnown=D(!1);cleanups=[];selection={pageId:null,detailId:null};shownPageId=Q({source:()=>({pages:this.pages(),chosen:this.chosenPageId()}),computation:({pages:e,chosen:t},n)=>YT(e,{chosen:t,host:this.pageId,previous:n?.value??null})});page=X(()=>{let e=this.shownPageId();return e?this.pages()[e]??null:null});pageOptions=X(()=>Object.values(this.pages()).map(e=>({value:e.pageId,label:e.title||e.url||`Page ${e.pageId}`,hint:e.url})));live=X(()=>(this.page()?.roots.length??0)>0);native=X(()=>FD(this.page()));canEdit=X(()=>this.live()&&!this.native()&&!this.staticReport()&&vE(this.rpc(),`components`));devtoolsActions=X(()=>this.bridge.available&&!!this.page()&&!this.native()&&!this.staticReport());cdPages=D({});cdPage=X(()=>{let e=this.page()?.pageId;return e?this.cdPages()[e]??null:null});cdHosts=X(()=>this.cdPage()?.hosts??{});leaksPages=D({});leaksPage=X(()=>{let e=this.page()?.pageId;return e?this.leaksPages()[e]??null:null});visibleRoots=X(()=>{let e=this.page()?.roots??[];return this.showDirectiveHosts()||!this.page()?.directiveHostCount?e:JD(e)});index=X(()=>{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=X(()=>this.filter().trim().toLowerCase());filtered=X(()=>qD(this.visibleRoots(),this.query()));shownDirectiveHosts=X(()=>this.showDirectiveHosts()?this.page()?.directiveHostCount??0:0);deferBlocks=X(()=>this.page()?.deferBlocks??[]);countLabel=X(()=>QD(this.page()?.count??0,this.filtered().matches,!!this.query(),!!this.page()?.truncated,this.shownDirectiveHosts()));truncationText=X(()=>eO(this.page()?.truncatedBy));rows=X(()=>{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 VN({count:X(()=>this.rows().length),estimate:VF,fixed:!0});shownRows=X(()=>{let{start:e,end:t}=this.rowWindow.range();return this.rows().slice(e,t).map((t,n)=>({row:t,index:e+n}))});tabStop=X(()=>{let e=this.rovingId(),t=this.shownRows();return t.some(({row:t})=>t.node.id===e)?e:t[0]?.row.node.id??null});treeEl=Ev(`treeEl`);selectedNode=X(()=>{let e=this.selectedId();return e?this.index().map.get(e)??null:null});selectedHost=X(()=>{let e=this.selectedNode();return e?.kind===`directive`?e:null});detail=X(()=>{let e=this.page()?.detail;return e&&e.id===this.selectedId()?e:null});values=new jM;propFilter=D(``);propQuery=X(()=>this.propFilter().trim().toLowerCase());propFilterInput=Ev(`propFilterInput`);shownValues=X(()=>{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)||pM([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=X(()=>{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=X(()=>{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=X(()=>{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=X(()=>{let e=this.page()?.pageId;return this.routerPages().find(t=>t.pageId===e)?.outlets??[]});routedById=X(()=>{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=X(()=>{let e=new Map;for(let t of this.source()){let n=HF(t.className);e.set(n,[...e.get(n)??[],t])}return e});filteredSource=X(()=>{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=X(()=>{let e=this.source().filter(e=>e.kind===`component`).length;return{components:e,directives:this.source().length-e}});constructor(){vc(()=>{let e=this.treeEl()?.nativeElement;e&&this.rowWindow.attach(e)}),vc(()=>{let e=this.detail(),t={rpc:this.rpc(),pageId:this.page()?.pageId??null,componentId:e?.id??null};Z(()=>this.values.follow(t,e?.expanded))}),vc(()=>{let e=this.page()?.pageId??null;Z(()=>{this.picking()&&e!==this.pickPageId&&this.dropPick()})}),vc(()=>{let e=this.rpc();e&&(this.refresh(),this.watch(e))}),vc(()=>{let e=this.focus();if(!e)return;let t=this.page()?.pageId??null;if(e.pageId&&t!==e.pageId&&this.pages()[e.pageId]){Z(()=>this.selectPage(e.pageId));return}this.live()&&Z(()=>{(!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()})}),vc(()=>{let e=this.command();if(!e)return;if(!this.live()){this.pagesKnown()&&Z(()=>this.commandHandled.emit());return}if(e.kind===`pick`){Z(()=>{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())&&Z(()=>{this.say(`This page cannot record change detection.`),this.commandHandled.emit()});return}Z(()=>{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(HF(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:HF(e.className)}bareName(e){return HF(e)}applyPages(e){let t=document.activeElement,n=t instanceof HTMLElement&&this.host.nativeElement.contains(t)?t.closest(`.row`)?.dataset.id??null:null,r=n?this.rows().map(e=>e.node.id):[],i=this.index().map;if(this.pages.set(e),this.syncSelection(i),!n)return;let a=new Set(this.rows().map(e=>e.node.id));if(a.has(n))return;let o=rO(r,a,n);o&&(this.focusId.set(o),dd(()=>this.rowElement(o)?.focus(),{injector:this.injector}))}syncSelection(e=this.index().map){let t=this.page(),n=tO({...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($D(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 YD(e)}hydrationText(e){return ZD(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(UF,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),dd(()=>{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`,`${WN(e)}px`)}keepBelowToolbar(e){let t=this.host.nativeElement.querySelector(`.toolbar`);t&&GN(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})}showNameTip(e){let t=e.currentTarget,n=Array.from(t.querySelectorAll(`.name, .tag, .host-dirs`));if(!n.some(e=>e.scrollWidth>e.clientWidth+1)){this.nameTip.set(null);return}let r=n.map(e=>e.title||e.textContent?.trim()).join(` `);this.nameTip.set({text:r,top:t.offsetTop+t.offsetHeight+2})}highlight(e){this.requestHighlight(e?{id:e}:null)}highlightBlock(e){e.rootIds.length>1?this.requestHighlight({ids:e.rootIds}):this.highlight(e.rootIds[0]??e.owner?.id??null)}requestHighlight(e){let t=this.rpc();t&&t.scope(`pangular`).rpc.call(`request-page-highlight`,e&&{pageId:this.page()?.pageId,...e}).catch(()=>{})}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=k({type:e,selectors:[[`app-component-tree`]],viewQuery:function(e,t){e&1&&Zg(t.filterInput,KN,5)(t.cdRecording,wj,5)(t.treeEl,qN,5)(t.propFilterInput,JN,5),e&2&&Qg(4)},hostBindings:function(e,t){e&1&&H(`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`],[1,`tree-actions`],[`type`,`button`,`title`,`Directive hosts`,1,`tree-action`],[`type`,`button`,`title`,`Expand all`,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`],[1,`label`],[`type`,`button`,`title`,`Collapse all`,1,`tree-action`,3,`click`,`disabled`],[`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,`tree-col`],[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-hidden`,`true`,1,`name-tip`,`mono`,3,`top`],[`aria-labelledby`,`ct-detail-title`,1,`detail`],[1,`detail`,`placeholder`],[3,`showOwner`,`highlight`,`blocks`,`truncated`,`clockOffset`],[`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`,`title`,`Directive hosts`,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`,`keydown.escape`,`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`],[`aria-hidden`,`true`,1,`name-tip`,`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`],[3,`overlay`,`showNode`,`highlight`,`report`],[3,`showComponent`,`page`,`pageId`,`rpc`,`native`],[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&&j(0,xF,52,31)(1,BF,21,7),e&2&&M(+!t.live())},dependencies:[KD,wj,Nj,kM,IM,YM,oN,hO,LN,ND],styles:[`[_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
   font-size: 13px;
@@ -2581,80 +2723,6 @@ button[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {
   margin-top: 16px;
 }
 
-.defer-title[_ngcontent-%COMP%] {
-  color: var(--%NS%text-3);
-  font-size: 11px;
-  font-weight: 600;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin: 0 0 8px;
-}
-
-.defer-list[_ngcontent-%COMP%] {
-  display: grid;
-  gap: 6px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.defer-row[_ngcontent-%COMP%] {
-  justify-content: flex-start;
-  flex-wrap: wrap;
-  width: 100%;
-  height: auto;
-  min-height: var(--%NS%control-h);
-  padding: 6px 12px;
-  background: var(--%NS%surface);
-  border-color: var(--%NS%border);
-  text-align: left;
-}
-
-.defer-row[aria-disabled=true][_ngcontent-%COMP%] {
-  cursor: default;
-}
-
-.defer-state[_ngcontent-%COMP%] {
-  padding: 0 8px;
-  border-radius: 99px;
-  background: var(--%NS%surface-3);
-  color: var(--%NS%text-2);
-  font-size: 11px;
-  line-height: 18px;
-}
-
-.defer-state-complete[_ngcontent-%COMP%] {
-  border-color: color-mix(in srgb, var(--%NS%ok) 30%, transparent);
-  background: color-mix(in srgb, var(--%NS%ok) 12%, transparent);
-  color: var(--%NS%ok-text);
-}
-
-.defer-state-error[_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);
-}
-
-.defer-state-loading[_ngcontent-%COMP%], 
-.defer-state-placeholder[_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);
-}
-
-.triggers[_ngcontent-%COMP%] {
-  min-width: 0;
-  color: var(--%NS%text-2);
-  font-size: 12px;
-  overflow: hidden;
-  min-width: 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .pick-message[_ngcontent-%COMP%] {
   margin: 0 0 12px;
   color: var(--%NS%text-2);
@@ -3369,7 +3437,7 @@ pre[_ngcontent-%COMP%] {
 
 .inline-detail[_ngcontent-%COMP%]   .show-form[_ngcontent-%COMP%] {
   margin: 0 16px;
-}`]})};function FF(e){return e.line?`${e.file}:${e.line}`:e.file}function IF(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 LF=ZT;function RF(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var zF=`Could not reach the page.`;async function BF(e,t,n){return await LF(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function VF(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var HF=()=>[],UF=(e,t)=>t[0],WF=(e,t)=>t.input;function GF(e,t){if(e&1&&(z(0,`p`,3),K(1,` The browser shows `),z(2,`code`),K(3),B(),K(4,`, not the router URL (skipLocationChange, browserUrl, a failed navigation or code that changed history). `),B()),e&2){let e=W();O(3),q(e.browserUrl)}}function KF(e,t){if(e&1&&(z(0,`p`,13),K(1),B()),e&2){let e=W(3);O(),q(e.navigationOff)}}function qF(e,t){if(e&1){let e=V();z(0,`div`,9),kg(1,`span`,10),z(2,`span`,11),K(3,`Navigating to `),z(4,`code`),K(5),B(),K(6),B(),z(7,`button`,12),U(`click`,function(){return w(e),T(W(2).abort())}),K(8,` Abort `),B()(),j(9,KF,2,1,`p`,13)}if(e&2){let e=t,n=W(2);O(5),q(e.url),O(),J(` (#`,e.id,`)`),O(),Fg(`disabled`,!n.navigationAllowed()),A(`aria-describedby`,n.navigationAllowed()?null:`route-current-writes-off`),O(2),M(n.navigationAllowed()?-1:9)}}function JF(e,t){if(e&1&&(z(0,`p`,4),K(1),B()),e&2){let e=W(2);O(),q(e.message())}}function YF(e,t){if(e&1&&(z(0,`dt`),K(1,`Document title`),B(),z(2,`dd`),K(3),B()),e&2){let e=W();O(3),q(e.title)}}function XF(e,t){if(e&1&&(z(0,`dt`),K(1,`Query params`),B(),z(2,`dd`)(3,`code`),K(4),cv(5,`json`),B()()),e&2){let e=W();O(4),q(lv(5,1,e.queryParams))}}function ZF(e,t){if(e&1&&(z(0,`dt`),K(1,`Fragment`),B(),z(2,`dd`)(3,`code`),K(4),B()()),e&2){let e=W();O(4),q(e.fragment)}}function QF(e,t){if(e&1&&(z(0,`span`,15),K(1),B()),e&2){let e=W().$implicit;O(),J(`, `,e.nesting)}}function $F(e,t){if(e&1&&(z(0,`span`,16),K(1),B()),e&2){let e=W().$implicit;O(),q(e.route.outlet)}}function eI(e,t){e&1&&(z(0,`span`,16),K(1,`lazy`),B())}function tI(e,t){if(e&1&&(z(0,`div`,17),K(1),B()),e&2){let e=W().$implicit;O(),Y(` title `,e.route.title,``,e.route.ownTitle===!1?` (inherited)`:``,` `)}}function nI(e,t){if(e&1&&(z(0,`code`,18),K(1),B()),e&2){let e=W().$implicit;O(),q(e.route.component)}}function rI(e,t){e&1&&(z(0,`span`,21),K(1,`–`),B(),z(2,`span`,15),K(3,`none`),B())}function iI(e,t){e&1&&(z(0,`span`,16),K(1,`inherited`),B())}function aI(e,t){if(e&1&&(z(0,`div`,19)(1,`code`),K(2),cv(3,`json`),B(),j(4,iI,2,0,`span`,16),B()),e&2){let e=t.$implicit,n=W().$implicit;O(2),Y(``,e[0],`: `,lv(3,3,e[1])),O(2),M(n.route.paramSources?.[e[0]]===`inherited`?4:-1)}}function oI(e,t){e&1&&(z(0,`span`,21),K(1,`–`),B(),z(2,`span`,15),K(3,`none`),B())}function sI(e,t){e&1&&(z(0,`span`,16),K(1),B()),e&2&&(O(),q(t))}function cI(e,t){if(e&1&&(z(0,`div`,20)(1,`code`),K(2),cv(3,`json`),B(),j(4,sI,2,1,`span`,16),B()),e&2){let e,n=t.$implicit,r=W().$implicit;O(2),Y(``,n[0],`: `,lv(3,3,n[1])),O(2),M((e=r.route.dataSources?.[n[0]])?4:-1,e)}}function lI(e,t){e&1&&(z(0,`span`,21),K(1,`–`),B(),z(2,`span`,15),K(3,`none`),B())}function uI(e,t){if(e&1&&(z(0,`span`,16),K(1),B()),e&2){let e=t.$implicit;O(),q(e)}}function dI(e,t){if(e&1&&(z(0,`span`,16),K(1),B()),e&2){let e=t.$implicit;O(),J(`resolve `,e)}}function fI(e,t){e&1&&(z(0,`span`,21),K(1,`–`),B(),z(2,`span`,15),K(3,`none`),B())}function pI(e,t){if(e&1&&(z(0,`tr`)(1,`td`,14),K(2),j(3,QF,2,1,`span`,15),j(4,$F,2,1,`span`,16),j(5,eI,2,0,`span`,16),j(6,tI,2,2,`div`,17),B(),z(7,`td`),j(8,nI,2,1,`code`,18)(9,rI,4,0),B(),z(10,`td`),N(11,aI,5,5,`div`,19,UF,!1,oI,4,0),B(),z(14,`td`),N(15,cI,5,5,`div`,20,UF,!1,lI,4,0),B(),z(18,`td`),N(19,uI,2,1,`span`,16,vg),N(21,dI,2,1,`span`,16,vg),j(23,fI,4,0),B()()),e&2){let e=t.$implicit,n=W(2);O(),b_(`padding-left`,14+e.depth*16,`px`),O(),J(` `,e.label,` `),O(),M(e.nesting?3:-1),O(),M(e.route.outlet===`primary`?-1:4),O(),M(e.route.lazy?5:-1),O(),M(e.route.title?6:-1),O(2),M(e.route.component?8:9),O(3),P(n.entries(e.route.params)),O(4),P(n.entries(e.route.data)),O(4),P(n.guardList(e.route)),O(2),P(e.route.resolvers??nv(11,HF)),O(2),M(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function mI(e,t){if(e&1){let e=V();z(0,`button`,27),U(`click`,function(){w(e);let t=W(2).$implicit,n=W(3);return T(n.showComponent.emit({pageId:n.page().pageId,id:t.outlet.devtoolsId}))}),K(1,` Show in Components`),z(2,`span`,15),K(3),B()()}if(e&2){let e=W(2).$implicit;O(3),J(`: `,e.outlet.component??e.outlet.element??`routed component`)}}function hI(e,t){if(e&1&&(z(0,`code`),K(1),B(),K(2,` for `),z(3,`code`),K(4),B(),j(5,mI,4,1,`button`,26)),e&2){let e=W().$implicit,t=W(3);O(),q(e.outlet.component??`?`),O(3),q(e.outlet.route??`?`),O(),M(e.outlet.devtoolsId&&t.componentsOn()?5:-1)}}function gI(e,t){e&1&&(z(0,`span`,24),K(1,`not activated`),B())}function _I(e,t){e&1&&(z(0,`span`,16),K(1,`detached by reuse strategy`),B())}function vI(e,t){if(e&1&&(z(0,`span`,16),K(1),B()),e&2){let e=t.$implicit;O(),Y(`input `,e.input,` ← `,e.source)}}function yI(e,t){if(e&1&&(z(0,`span`,25),K(1,`routerOutletData `),z(2,`code`),K(3),B()()),e&2){let e=W().$implicit;O(3),q(e.outlet.data)}}function bI(e,t){if(e&1&&(z(0,`li`)(1,`span`,16),K(2),B(),j(3,hI,6,3)(4,gI,2,0,`span`,24),j(5,_I,2,0,`span`,16),N(6,vI,2,2,`span`,16,WF),j(8,yI,4,1,`span`,25),B()),e&2){let e=t.$implicit,n=W(3);b_(`padding-left`,10+e.depth*16,`px`),O(2),q(e.outlet.outlet),O(),M(e.outlet.activated?3:4),O(2),M(e.outlet.detached?5:-1),O(),P(n.boundInputs(e.outlet)),O(2),M(e.outlet.data===void 0?-1:8)}}function xI(e,t){if(e&1&&(z(0,`h3`),K(1,`Outlets`),B(),z(2,`ul`,22),N(3,bI,9,6,`li`,23,_g),B()),e&2){let e=W(2);O(3),P(e.outletRows())}}function SI(e,t){if(e&1&&(z(0,`p`,1)(1,`span`,2),K(2,`URL`),B(),z(3,`code`),K(4),B()(),j(5,GF,5,1,`p`,3),j(6,qF,10,5),j(7,JF,2,1,`p`,4),z(8,`dl`,5),j(9,YF,4,1),j(10,XF,6,3),j(11,ZF,5,1),B(),z(12,`h3`),K(13,`Active routes`),B(),z(14,`div`,6)(15,`table`,7)(16,`thead`)(17,`tr`)(18,`th`,8),K(19,`Route`),B(),z(20,`th`,8),K(21,`Component`),B(),z(22,`th`,8),K(23,`Params`),B(),z(24,`th`,8),K(25,`Data`),B(),z(26,`th`,8),K(27,`Guards and resolvers`),B()()(),z(28,`tbody`),N(29,pI,24,12,`tr`,null,_g),B()()(),j(31,xI,5,0)),e&2){let e,n=t,r=W();O(4),q(n.url),O(),M(n.urlDrift&&n.browserUrl?5:-1),O(),M((e=n.pending)?6:-1,e),O(),M(r.message()?7:-1),O(2),M(n.title?9:-1),O(),M(r.hasKeys(n.queryParams)?10:-1),O(),M(n.fragment?11:-1),O(18),P(r.rows()),O(2),M(r.outletRows().length?31:-1)}}function CI(e,t){e&1&&(z(0,`div`,0)(1,`p`,28),K(2,`This page reports no Router.`),B(),z(3,`p`,24),K(4,` Add `),z(5,`code`),K(6,`provideRouter()`),B(),K(7,` to the app config and navigate once to see the active routes here. `),B()())}var wI=class e{page=$.required();rpc=$(null);navigationAllowed=X(()=>hE(this.rpc(),`router`));navigationOff=DT(`router`);componentsOn=X(()=>fE(this.rpc()).inspectors.components);showComponent=yv();pageId=X(()=>this.page().pageId);message=Q({source:this.pageId,computation:()=>``});rows=X(()=>{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=X(()=>{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 BF(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=k({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`],[1,`active-routes`],[`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&&j(0,SI,32,8)(1,CI,8,0,`div`,0),e&2){let e;M((e=t.page().snapshot)?0:1,e)}},dependencies:[yy],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function KF(e){return e.line?`${e.file}:${e.line}`:e.file}function qF(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 JF=eE;function YF(e){return e.startsWith(`/`)&&!e.startsWith(`//`)&&!/^\/*[a-z][a-z0-9+.-]*:/i.test(e)&&!e.includes(`[redacted]`)&&e.length<=2e3}var XF=`Could not reach the page.`;async function ZF(e,t,n){return await JF(e,`request-router-action`,{pageId:t,request:n})??{error:`Could not reach the page.`}}function QF(e){return e===`succeeded`?`good`:e===`redirected`||e===`pending`||e===`skipped`?`warn`:e===`cancelled`||e===`failed`?`bad`:``}var $F=()=>[],eI=(e,t)=>t[0],tI=(e,t)=>t.input;function nI(e,t){if(e&1&&(z(0,`p`,3),K(1,` The browser shows `),z(2,`code`),K(3),B(),K(4,`, not the router URL (skipLocationChange, browserUrl, a failed navigation or code that changed history). `),B()),e&2){let e=W();O(3),q(e.browserUrl)}}function rI(e,t){if(e&1&&(z(0,`p`,13),K(1),B()),e&2){let e=W(3);O(),q(e.navigationOff)}}function iI(e,t){if(e&1){let e=V();z(0,`div`,9),kg(1,`span`,10),z(2,`span`,11),K(3,`Navigating to `),z(4,`code`),K(5),B(),K(6),B(),z(7,`button`,12),U(`click`,function(){return w(e),T(W(2).abort())}),K(8,` Abort `),B()(),j(9,rI,2,1,`p`,13)}if(e&2){let e=t,n=W(2);O(5),q(e.url),O(),J(` (#`,e.id,`)`),O(),Fg(`disabled`,!n.navigationAllowed()),A(`aria-describedby`,n.navigationAllowed()?null:`route-current-writes-off`),O(2),M(n.navigationAllowed()?-1:9)}}function aI(e,t){if(e&1&&(z(0,`p`,4),K(1),B()),e&2){let e=W(2);O(),q(e.message())}}function oI(e,t){if(e&1&&(z(0,`dt`),K(1,`Document title`),B(),z(2,`dd`),K(3),B()),e&2){let e=W();O(3),q(e.title)}}function sI(e,t){if(e&1&&(z(0,`dt`),K(1,`Query params`),B(),z(2,`dd`)(3,`code`),K(4),cv(5,`json`),B()()),e&2){let e=W();O(4),q(lv(5,1,e.queryParams))}}function cI(e,t){if(e&1&&(z(0,`dt`),K(1,`Fragment`),B(),z(2,`dd`)(3,`code`),K(4),B()()),e&2){let e=W();O(4),q(e.fragment)}}function lI(e,t){if(e&1&&(z(0,`span`,15),K(1),B()),e&2){let e=W().$implicit;O(),J(`, `,e.nesting)}}function uI(e,t){if(e&1&&(z(0,`span`,16),K(1),B()),e&2){let e=W().$implicit;O(),q(e.route.outlet)}}function dI(e,t){e&1&&(z(0,`span`,16),K(1,`lazy`),B())}function fI(e,t){if(e&1&&(z(0,`div`,17),K(1),B()),e&2){let e=W().$implicit;O(),Y(` title `,e.route.title,``,e.route.ownTitle===!1?` (inherited)`:``,` `)}}function pI(e,t){if(e&1&&(z(0,`code`,18),K(1),B()),e&2){let e=W().$implicit;O(),q(e.route.component)}}function mI(e,t){e&1&&(z(0,`span`,21),K(1,`–`),B(),z(2,`span`,15),K(3,`none`),B())}function hI(e,t){e&1&&(z(0,`span`,16),K(1,`inherited`),B())}function gI(e,t){if(e&1&&(z(0,`div`,19)(1,`code`),K(2),cv(3,`json`),B(),j(4,hI,2,0,`span`,16),B()),e&2){let e=t.$implicit,n=W().$implicit;O(2),Y(``,e[0],`: `,lv(3,3,e[1])),O(2),M(n.route.paramSources?.[e[0]]===`inherited`?4:-1)}}function _I(e,t){e&1&&(z(0,`span`,21),K(1,`–`),B(),z(2,`span`,15),K(3,`none`),B())}function vI(e,t){e&1&&(z(0,`span`,16),K(1),B()),e&2&&(O(),q(t))}function yI(e,t){if(e&1&&(z(0,`div`,20)(1,`code`),K(2),cv(3,`json`),B(),j(4,vI,2,1,`span`,16),B()),e&2){let e,n=t.$implicit,r=W().$implicit;O(2),Y(``,n[0],`: `,lv(3,3,n[1])),O(2),M((e=r.route.dataSources?.[n[0]])?4:-1,e)}}function bI(e,t){e&1&&(z(0,`span`,21),K(1,`–`),B(),z(2,`span`,15),K(3,`none`),B())}function xI(e,t){if(e&1&&(z(0,`span`,16),K(1),B()),e&2){let e=t.$implicit;O(),q(e)}}function SI(e,t){if(e&1&&(z(0,`span`,16),K(1),B()),e&2){let e=t.$implicit;O(),J(`resolve `,e)}}function CI(e,t){e&1&&(z(0,`span`,21),K(1,`–`),B(),z(2,`span`,15),K(3,`none`),B())}function wI(e,t){if(e&1&&(z(0,`tr`)(1,`td`,14),K(2),j(3,lI,2,1,`span`,15),j(4,uI,2,1,`span`,16),j(5,dI,2,0,`span`,16),j(6,fI,2,2,`div`,17),B(),z(7,`td`),j(8,pI,2,1,`code`,18)(9,mI,4,0),B(),z(10,`td`),N(11,gI,5,5,`div`,19,eI,!1,_I,4,0),B(),z(14,`td`),N(15,yI,5,5,`div`,20,eI,!1,bI,4,0),B(),z(18,`td`),N(19,xI,2,1,`span`,16,vg),N(21,SI,2,1,`span`,16,vg),j(23,CI,4,0),B()()),e&2){let e=t.$implicit,n=W(2);O(),b_(`padding-left`,14+e.depth*16,`px`),O(),J(` `,e.label,` `),O(),M(e.nesting?3:-1),O(),M(e.route.outlet===`primary`?-1:4),O(),M(e.route.lazy?5:-1),O(),M(e.route.title?6:-1),O(2),M(e.route.component?8:9),O(3),P(n.entries(e.route.params)),O(4),P(n.entries(e.route.data)),O(4),P(n.guardList(e.route)),O(2),P(e.route.resolvers??nv(11,$F)),O(2),M(!n.guardList(e.route).length&&!e.route.resolvers?.length?23:-1)}}function TI(e,t){if(e&1){let e=V();z(0,`button`,27),U(`click`,function(){w(e);let t=W(2).$implicit,n=W(3);return T(n.showComponent.emit({pageId:n.page().pageId,id:t.outlet.devtoolsId}))}),K(1,` Show in Components`),z(2,`span`,15),K(3),B()()}if(e&2){let e=W(2).$implicit;O(3),J(`: `,e.outlet.component??e.outlet.element??`routed component`)}}function EI(e,t){if(e&1&&(z(0,`code`),K(1),B(),K(2,` for `),z(3,`code`),K(4),B(),j(5,TI,4,1,`button`,26)),e&2){let e=W().$implicit,t=W(3);O(),q(e.outlet.component??`?`),O(3),q(e.outlet.route??`?`),O(),M(e.outlet.devtoolsId&&t.componentsOn()?5:-1)}}function DI(e,t){e&1&&(z(0,`span`,24),K(1,`not activated`),B())}function OI(e,t){e&1&&(z(0,`span`,16),K(1,`detached by reuse strategy`),B())}function kI(e,t){if(e&1&&(z(0,`span`,16),K(1),B()),e&2){let e=t.$implicit;O(),Y(`input `,e.input,` ← `,e.source)}}function AI(e,t){if(e&1&&(z(0,`span`,25),K(1,`routerOutletData `),z(2,`code`),K(3),B()()),e&2){let e=W().$implicit;O(3),q(e.outlet.data)}}function jI(e,t){if(e&1&&(z(0,`li`)(1,`span`,16),K(2),B(),j(3,EI,6,3)(4,DI,2,0,`span`,24),j(5,OI,2,0,`span`,16),N(6,kI,2,2,`span`,16,tI),j(8,AI,4,1,`span`,25),B()),e&2){let e=t.$implicit,n=W(3);b_(`padding-left`,10+e.depth*16,`px`),O(2),q(e.outlet.outlet),O(),M(e.outlet.activated?3:4),O(2),M(e.outlet.detached?5:-1),O(),P(n.boundInputs(e.outlet)),O(2),M(e.outlet.data===void 0?-1:8)}}function MI(e,t){if(e&1&&(z(0,`h3`),K(1,`Outlets`),B(),z(2,`ul`,22),N(3,jI,9,6,`li`,23,_g),B()),e&2){let e=W(2);O(3),P(e.outletRows())}}function NI(e,t){if(e&1&&(z(0,`p`,1)(1,`span`,2),K(2,`URL`),B(),z(3,`code`),K(4),B()(),j(5,nI,5,1,`p`,3),j(6,iI,10,5),j(7,aI,2,1,`p`,4),z(8,`dl`,5),j(9,oI,4,1),j(10,sI,6,3),j(11,cI,5,1),B(),z(12,`h3`),K(13,`Active routes`),B(),z(14,`div`,6)(15,`table`,7)(16,`thead`)(17,`tr`)(18,`th`,8),K(19,`Route`),B(),z(20,`th`,8),K(21,`Component`),B(),z(22,`th`,8),K(23,`Params`),B(),z(24,`th`,8),K(25,`Data`),B(),z(26,`th`,8),K(27,`Guards and resolvers`),B()()(),z(28,`tbody`),N(29,wI,24,12,`tr`,null,_g),B()()(),j(31,MI,5,0)),e&2){let e,n=t,r=W();O(4),q(n.url),O(),M(n.urlDrift&&n.browserUrl?5:-1),O(),M((e=n.pending)?6:-1,e),O(),M(r.message()?7:-1),O(2),M(n.title?9:-1),O(),M(r.hasKeys(n.queryParams)?10:-1),O(),M(n.fragment?11:-1),O(18),P(r.rows()),O(2),M(r.outletRows().length?31:-1)}}function PI(e,t){e&1&&(z(0,`div`,0)(1,`p`,28),K(2,`This page reports no Router.`),B(),z(3,`p`,24),K(4,` Add `),z(5,`code`),K(6,`provideRouter()`),B(),K(7,` to the app config and navigate once to see the active routes here. `),B()())}var FI=class e{page=$.required();rpc=$(null);navigationAllowed=X(()=>vE(this.rpc(),`router`));navigationOff=DT(`router`);componentsOn=X(()=>hE(this.rpc()).inspectors.components);showComponent=yv();pageId=X(()=>this.page().pageId);message=Q({source:this.pageId,computation:()=>``});rows=X(()=>{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=X(()=>{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 ZF(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=k({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`],[1,`active-routes`],[`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&&j(0,NI,32,8)(1,PI,8,0,`div`,0),e&2){let e;M((e=t.page().snapshot)?0:1,e)}},dependencies:[yy],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -3813,7 +3881,7 @@ h3[_ngcontent-%COMP%] {
   display: block;
   color: var(--%NS%text-2);
   font-size: 12px;
-}`]})};function TI(e,t){if(e&1&&(z(0,`span`,8),K(1),B()),e&2){let e=W(2);O(),q(e.plural(e.counts().error,`error`))}}function EI(e,t){if(e&1&&(z(0,`span`,9),K(1),B()),e&2){let e=W(2);O(),q(e.plural(e.counts().warning,`warning`))}}function DI(e,t){if(e&1&&(z(0,`span`,10),K(1),B()),e&2){let e=W(2);O(),J(``,e.counts().info,` info`)}}function OI(e,t){if(e&1&&(z(0,`span`,3),j(1,TI,2,1,`span`,8),j(2,EI,2,1,`span`,9),j(3,DI,2,1,`span`,10),B()),e&2){let e=W();O(),M(e.counts().error?1:-1),O(),M(e.counts().warning?2:-1),O(),M(e.counts().info?3:-1)}}function kI(e,t){if(e&1){let e=V();z(0,`div`,4)(1,`p`,11),K(2,`The route checks could not run.`),B(),z(3,`p`,2),K(4,`The devtools server did not answer. Check that it is still running.`),B(),z(5,`button`,1),U(`click`,function(){return w(e),T(W().run())}),K(6,`Retry`),B()()}}function AI(e,t){e&1&&(z(0,`p`,5),K(1,`Checking…`),B())}function jI(e,t){e&1&&K(0,` The page has not reported its route config yet. It runs in events-only mode, which only limits setup detection, so the checks run once the config arrives. `)}function MI(e,t){e&1&&K(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function NI(e,t){e&1&&K(0,` No page with a router is connected. `)}function PI(e,t){if(e&1&&(z(0,`div`,6)(1,`p`,11),K(2,`No checks ran.`),B(),z(3,`p`,2),j(4,jI,1,0)(5,MI,1,0)(6,NI,1,0),B()()),e&2){let e;O(4),M((e=t)===`events-only`?4:e===`no-config`?5:6)}}function FI(e,t){if(e&1&&(z(0,`li`)(1,`div`,12)(2,`span`,10),K(3),B(),z(4,`code`,13),K(5),B(),z(6,`code`,14),K(7),B()(),z(8,`p`,15),K(9),B(),z(10,`p`,16)(11,`span`,17),K(12,`Fix`),B(),z(13,`span`,18),K(14),z(15,`span`,2),K(16),B()()()()),e&2){let e=t.$implicit,n=W(2);A(`data-severity`,e.severity),O(2),A(`data-tone`,n.severityTone(e.severity)),O(),q(e.severity),O(2),q(e.rule),O(2),q(e.route),O(2),q(e.message),O(5),J(``,e.fix,` `),O(2),J(`(Angular `,e.angular===`throws`?`throws`:e.angular===`warns`?`warns`:`does not warn`,`)`)}}function II(e,t){if(e&1&&(z(0,`ul`,7),N(1,FI,17,8,`li`,null,_g),B()),e&2){let e=W();A(`aria-busy`,e.checking()),O(),P(e.findings())}}function LI(e,t){e&1&&(z(0,`div`,6)(1,`span`,19),E(),z(2,`svg`,20),kg(3,`path`,21),B()(),Cs(),z(4,`p`,11),K(5,`No route config problems found.`),B(),z(6,`p`,2),K(7,`The check runs again after each navigation or config change.`),B()())}var RI=class e{plural=gO;page=$.required();rpc=$(null);result=D(null);failed=D(!1);checking=D(!1);findings=X(()=>{let e=this.result();return e?.checked?e.findings:[]});notChecked=X(()=>{let e=this.result();return e&&!e.checked?e.reason:null});counts=X(()=>{let e={error:0,warning:0,info:0};for(let t of this.findings())e[t.severity]++;return e});key=X(()=>{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(){bc(()=>{this.key(),Z(()=>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 LF(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=k({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&&(z(0,`div`,0)(1,`button`,1),U(`click`,function(){return t.run()}),K(2),B(),z(3,`span`,2),K(4,`Checks the live config, links and recent navigations. Lazy routes that have not loaded are skipped.`),B(),j(5,OI,4,3,`span`,3),B(),j(6,kI,7,0,`div`,4)(7,AI,2,0,`p`,5)(8,PI,7,1,`div`,6)(9,II,3,1,`ul`,7)(10,LI,8,0,`div`,6)),e&2){let e;O(),A(`aria-busy`,t.checking()),O(),J(` `,t.checking()?`Checking…`:`Check again`,` `),O(3),M(t.result()?.checked&&t.findings().length?5:-1),O(),M(t.failed()?6:t.result()?(e=t.notChecked())?8:t.findings().length?9:10:7,e)}},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function II(e,t){if(e&1&&(z(0,`span`,8),K(1),B()),e&2){let e=W(2);O(),q(e.plural(e.counts().error,`error`))}}function LI(e,t){if(e&1&&(z(0,`span`,9),K(1),B()),e&2){let e=W(2);O(),q(e.plural(e.counts().warning,`warning`))}}function RI(e,t){if(e&1&&(z(0,`span`,10),K(1),B()),e&2){let e=W(2);O(),J(``,e.counts().info,` info`)}}function zI(e,t){if(e&1&&(z(0,`span`,3),j(1,II,2,1,`span`,8),j(2,LI,2,1,`span`,9),j(3,RI,2,1,`span`,10),B()),e&2){let e=W();O(),M(e.counts().error?1:-1),O(),M(e.counts().warning?2:-1),O(),M(e.counts().info?3:-1)}}function BI(e,t){if(e&1){let e=V();z(0,`div`,4)(1,`p`,11),K(2,`The route checks could not run.`),B(),z(3,`p`,2),K(4,`The devtools server did not answer. Check that it is still running.`),B(),z(5,`button`,1),U(`click`,function(){return w(e),T(W().run())}),K(6,`Retry`),B()()}}function VI(e,t){e&1&&(z(0,`p`,5),K(1,`Checking…`),B())}function HI(e,t){e&1&&K(0,` The page has not reported its route config yet. It runs in events-only mode, which only limits setup detection, so the checks run once the config arrives. `)}function UI(e,t){e&1&&K(0,` The page has not reported its route config yet. It appears after the app finishes bootstrapping. `)}function WI(e,t){e&1&&K(0,` No page with a router is connected. `)}function GI(e,t){if(e&1&&(z(0,`div`,6)(1,`p`,11),K(2,`No checks ran.`),B(),z(3,`p`,2),j(4,HI,1,0)(5,UI,1,0)(6,WI,1,0),B()()),e&2){let e;O(4),M((e=t)===`events-only`?4:e===`no-config`?5:6)}}function KI(e,t){if(e&1&&(z(0,`li`)(1,`div`,12)(2,`span`,10),K(3),B(),z(4,`code`,13),K(5),B(),z(6,`code`,14),K(7),B()(),z(8,`p`,15),K(9),B(),z(10,`p`,16)(11,`span`,17),K(12,`Fix`),B(),z(13,`span`,18),K(14),z(15,`span`,2),K(16),B()()()()),e&2){let e=t.$implicit,n=W(2);A(`data-severity`,e.severity),O(2),A(`data-tone`,n.severityTone(e.severity)),O(),q(e.severity),O(2),q(e.rule),O(2),q(e.route),O(2),q(e.message),O(5),J(``,e.fix,` `),O(2),J(`(Angular `,e.angular===`throws`?`throws`:e.angular===`warns`?`warns`:`does not warn`,`)`)}}function qI(e,t){if(e&1&&(z(0,`ul`,7),N(1,KI,17,8,`li`,null,_g),B()),e&2){let e=W();A(`aria-busy`,e.checking()),O(),P(e.findings())}}function JI(e,t){e&1&&(z(0,`div`,6)(1,`span`,19),E(),z(2,`svg`,20),kg(3,`path`,21),B()(),xs(),z(4,`p`,11),K(5,`No route config problems found.`),B(),z(6,`p`,2),K(7,`The check runs again after each navigation or config change.`),B()())}var YI=class e{plural=yO;page=$.required();rpc=$(null);result=D(null);failed=D(!1);checking=D(!1);findings=X(()=>{let e=this.result();return e?.checked?e.findings:[]});notChecked=X(()=>{let e=this.result();return e&&!e.checked?e.reason:null});counts=X(()=>{let e={error:0,warning:0,info:0};for(let t of this.findings())e[t.severity]++;return e});key=X(()=>{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(){vc(()=>{this.key(),Z(()=>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 JF(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=k({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&&(z(0,`div`,0)(1,`button`,1),U(`click`,function(){return t.run()}),K(2),B(),z(3,`span`,2),K(4,`Checks the live config, links and recent navigations. Lazy routes that have not loaded are skipped.`),B(),j(5,zI,4,3,`span`,3),B(),j(6,BI,7,0,`div`,4)(7,VI,2,0,`p`,5)(8,GI,7,1,`div`,6)(9,qI,3,1,`ul`,7)(10,JI,8,0,`div`,6)),e&2){let e;O(),A(`aria-busy`,t.checking()),O(),J(` `,t.checking()?`Checking…`:`Check again`,` `),O(3),M(t.result()?.checked&&t.findings().length?5:-1),O(),M(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;
@@ -4235,7 +4303,7 @@ h3[_ngcontent-%COMP%] {
 
 .fix[_ngcontent-%COMP%]   .muted[_ngcontent-%COMP%] {
   font-size: 12px;
-}`]})},zI=(e,t)=>t.name,BI=(e,t)=>t[0];function VI(e,t){e&1&&(z(0,`p`,1),K(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. `),B())}function HI(e,t){if(e&1&&(z(0,`dt`),K(1,`Angular`),B(),z(2,`dd`),K(3),B()),e&2){let e=W();O(3),q(e.angularVersion)}}function UI(e,t){if(e&1&&(z(0,`dt`),K(1,`Base href`),B(),z(2,`dd`)(3,`code`),K(4),B()()),e&2){let e=W();O(4),q(e.baseHref)}}function WI(e,t){if(e&1&&(z(0,`dt`),K(1,`Hydration`),B(),z(2,`dd`),K(3),B()),e&2){let e=W(),t=W();O(3),J(``,t.plural(e.hydrated,`component`),` hydrated from server HTML`)}}function GI(e,t){if(e&1&&(z(0,`tr`)(1,`td`,5)(2,`code`),K(3),B()(),z(4,`td`)(5,`code`),K(6),B()(),z(7,`td`,6)(8,`span`,7),K(9),B()()()),e&2){let e=t.$implicit;O(3),q(e.name),O(3),q(e.value),O(2),A(`data-tone`,e.set?`warn`:``),O(),q(e.set?`set`:`default`)}}function KI(e,t){if(e&1&&(z(0,`li`)(1,`span`,7),K(2),B()()),e&2){let e=t.$implicit;O(),A(`data-tone`,e[1]===`off`?``:`good`),O(),Y(``,e[0],`: `,e[1])}}function qI(e,t){if(e&1&&(z(0,`h3`),K(1,`Features`),B(),z(2,`ul`,8),N(3,KI,3,3,`li`,null,BI),B()),e&2){let e=W(),t=W();O(3),P(t.entries(e.features))}}function JI(e,t){if(e&1&&(z(0,`dt`),K(1),B(),z(2,`dd`)(3,`code`),K(4),B()()),e&2){let e=t.$implicit;O(),q(e[0]),O(3),q(e[1])}}function YI(e,t){if(e&1&&(z(0,`h3`),K(1,`Strategies`),B(),z(2,`dl`,2),N(3,JI,5,2,null,null,BI),B()),e&2){let e=W(),t=W();O(3),P(t.entries(e.strategies))}}function XI(e,t){if(e&1&&(j(0,VI,2,0,`p`,1),z(1,`dl`,2)(2,`dt`),K(3,`Set up with`),B(),z(4,`dd`),K(5),B(),j(6,HI,4,1),j(7,UI,5,1),j(8,WI,4,1),B(),z(9,`h3`),K(10,`Options`),B(),z(11,`div`,3)(12,`table`)(13,`thead`)(14,`tr`)(15,`th`,4),K(16,`Option`),B(),z(17,`th`,4),K(18,`Value`),B(),z(19,`th`,4),K(20,`Source`),B()()(),z(21,`tbody`),N(22,GI,10,4,`tr`,null,zI),B()()(),j(24,qI,5,0),j(25,YI,5,0)),e&2){let e=t,n=W();M(e.mode===`events-only`?0:-1),O(5),Y(` `,e.setupKind,``,e.routers>1?`, `+e.routers+` routers on the page`:``,` `),O(),M(e.angularVersion?6:-1),O(),M(e.baseHref?7:-1),O(),M(e.hydrated?8:-1),O(14),P(e.options),O(2),M(n.entries(e.features).length?24:-1),O(),M(n.entries(e.strategies).length?25:-1)}}function ZI(e,t){e&1&&(z(0,`div`,0)(1,`p`,9),K(2,`The page has not reported its router setup yet.`),B(),z(3,`p`,10),K(4,` It appears after the app finishes bootstrapping. Reload the app if it stays empty. `),B()())}var QI=class e{plural=gO;page=$.required();entries(e){return Object.entries(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&j(0,XI,26,8)(1,ZI,5,0,`div`,0),e&2){let e;M((e=t.page().setup)?0:1,e)}},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},XI=(e,t)=>t.name,ZI=(e,t)=>t[0];function QI(e,t){e&1&&(z(0,`p`,1),K(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. `),B())}function $I(e,t){if(e&1&&(z(0,`dt`),K(1,`Angular`),B(),z(2,`dd`),K(3),B()),e&2){let e=W();O(3),q(e.angularVersion)}}function eL(e,t){if(e&1&&(z(0,`dt`),K(1,`Base href`),B(),z(2,`dd`)(3,`code`),K(4),B()()),e&2){let e=W();O(4),q(e.baseHref)}}function tL(e,t){if(e&1&&(z(0,`dt`),K(1,`Hydration`),B(),z(2,`dd`),K(3),B()),e&2){let e=W(),t=W();O(3),J(``,t.plural(e.hydrated,`component`),` hydrated from server HTML`)}}function nL(e,t){if(e&1&&(z(0,`tr`)(1,`td`,5)(2,`code`),K(3),B()(),z(4,`td`)(5,`code`),K(6),B()(),z(7,`td`,6)(8,`span`,7),K(9),B()()()),e&2){let e=t.$implicit;O(3),q(e.name),O(3),q(e.value),O(2),A(`data-tone`,e.set?`warn`:``),O(),q(e.set?`set`:`default`)}}function rL(e,t){if(e&1&&(z(0,`li`)(1,`span`,7),K(2),B()()),e&2){let e=t.$implicit;O(),A(`data-tone`,e[1]===`off`?``:`good`),O(),Y(``,e[0],`: `,e[1])}}function iL(e,t){if(e&1&&(z(0,`h3`),K(1,`Features`),B(),z(2,`ul`,8),N(3,rL,3,3,`li`,null,ZI),B()),e&2){let e=W(),t=W();O(3),P(t.entries(e.features))}}function aL(e,t){if(e&1&&(z(0,`dt`),K(1),B(),z(2,`dd`)(3,`code`),K(4),B()()),e&2){let e=t.$implicit;O(),q(e[0]),O(3),q(e[1])}}function oL(e,t){if(e&1&&(z(0,`h3`),K(1,`Strategies`),B(),z(2,`dl`,2),N(3,aL,5,2,null,null,ZI),B()),e&2){let e=W(),t=W();O(3),P(t.entries(e.strategies))}}function sL(e,t){if(e&1&&(j(0,QI,2,0,`p`,1),z(1,`dl`,2)(2,`dt`),K(3,`Set up with`),B(),z(4,`dd`),K(5),B(),j(6,$I,4,1),j(7,eL,5,1),j(8,tL,4,1),B(),z(9,`h3`),K(10,`Options`),B(),z(11,`div`,3)(12,`table`)(13,`thead`)(14,`tr`)(15,`th`,4),K(16,`Option`),B(),z(17,`th`,4),K(18,`Value`),B(),z(19,`th`,4),K(20,`Source`),B()()(),z(21,`tbody`),N(22,nL,10,4,`tr`,null,XI),B()()(),j(24,iL,5,0),j(25,oL,5,0)),e&2){let e=t,n=W();M(e.mode===`events-only`?0:-1),O(5),Y(` `,e.setupKind,``,e.routers>1?`, `+e.routers+` routers on the page`:``,` `),O(),M(e.angularVersion?6:-1),O(),M(e.baseHref?7:-1),O(),M(e.hydrated?8:-1),O(14),P(e.options),O(2),M(n.entries(e.features).length?24:-1),O(),M(n.entries(e.strategies).length?25:-1)}}function cL(e,t){e&1&&(z(0,`div`,0)(1,`p`,9),K(2,`The page has not reported its router setup yet.`),B(),z(3,`p`,10),K(4,` It appears after the app finishes bootstrapping. Reload the app if it stays empty. `),B()())}var lL=class e{plural=yO;page=$.required();entries(e){return Object.entries(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&j(0,sL,26,8)(1,cL,5,0,`div`,0),e&2){let e;M((e=t.page().setup)?0:1,e)}},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -4566,7 +4634,7 @@ h3[_ngcontent-%COMP%] {
 
 .facts[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {
   color: var(--%NS%text-strong);
-}`]})},$I=(e,t)=>t.id,eL=(e,t)=>t.phase;function tL(e,t){if(e&1&&(I(0,`p`,8),K(1),L()),e&2){let e=W();O(),q(e.message())}}function nL(e,t){if(e&1&&(I(0,`p`,9),K(1),L()),e&2){let e=W();O(),q(e.navigationOff)}}function rL(e,t){e&1&&(I(0,`span`,18),K(1,`→`),L(),I(2,`span`,19),K(3,`then`),L())}function iL(e,t){if(e&1&&(j(0,rL,4,0),I(1,`code`),K(2),L()),e&2){let e=t.$implicit,n=t.$index;M(n===0?-1:0),O(2),q(e)}}function aL(e,t){if(e&1&&(I(0,`li`)(1,`code`),K(2),L(),I(3,`span`,18),K(4,` → `),L(),I(5,`span`,19),K(6,` to `),L(),I(7,`code`),K(8),L(),K(9),L()),e&2){let e=t.$implicit,n=W(3);O(2),q(e.from),O(6),q(e.to),O(),J(`: `,n.hopCause(e),` `)}}function oL(e,t){if(e&1&&(I(0,`div`,13)(1,`p`,14)(2,`span`,15),K(3),L(),N(4,iL,3,2,null,null,_g),L(),I(6,`ol`,16),N(7,aL,10,3,`li`,null,_g),L(),I(9,`p`,17),K(10),L()()),e&2){let e=t.$implicit,n=W(2);O(3),q(n.loopTitle(e)),O(),P(e.cycle),O(3),P(e.hops),O(3),q(n.loopMeta(e))}}function sL(e,t){if(e&1&&(I(0,`section`,11)(1,`h3`,12),K(2),L(),N(3,oL,11,2,`div`,13,_g),L()),e&2){let e=W();O(2),J(` `,e.loops().length===1?`Loop detected`:e.loops().length+` loops detected`,` `),O(),P(e.loops())}}function cL(e,t){if(e&1&&(I(0,`span`),R(1,`i`),K(2),L()),e&2){let e=t.$implicit,n=W(2);O(),b_(`background`,n.color(e)),O(),q(e)}}function lL(e,t){if(e&1&&(I(0,`time`),K(1),L()),e&2){let e=W().$implicit,t=W(2);O(),q(t.time(e.startedAt))}}function uL(e,t){if(e&1&&(I(0,`span`,18),K(1,`→`),L(),I(2,`span`,19),K(3,`redirected to`),L(),I(4,`code`,27),K(5),L()),e&2){let e=W().$implicit;O(5),q(e.finalUrl)}}function dL(e,t){if(e&1&&(I(0,`span`,30),K(1),L()),e&2){let e=W().$implicit;O(),q(e.endedAt===void 0&&e.outcome!==`pending`?`before Pangular Inspector connected`:`started before Pangular Inspector connected`)}}function fL(e,t){if(e&1&&(I(0,`span`,31),K(1),L()),e&2){let e=W().$implicit;O(),J(``,e.phases?.total,`ms`)}}function pL(e,t){if(e&1&&(I(0,`span`,31),K(1),L()),e&2){let e=W().$implicit;O(),J(``,e.endedAt-e.startedAt,`ms`)}}function mL(e,t){e&1&&(I(0,`span`,32),K(1,`probe`),L())}function hL(e,t){if(e&1&&(I(0,`span`,15),K(1,`loop`),I(2,`span`,19),K(3),L()()),e&2){let e=t,n=W(3);O(3),Y(`: part of `,n.loopTitle(e),` `,e.cycle.join(` then `))}}function gL(e,t){if(e&1&&R(0,`span`),e&2){let e=t.$implicit,n=W(4);b_(`width`,e.width,`%`)(`background`,n.color(e.phase)),A(`title`,e.phase+` `+e.ms+`ms`)}}function _L(e,t){if(e&1&&(I(0,`div`,33),N(1,gL,1,5,`span`,39,eL),L()),e&2){let e=W().$implicit,t=W(2);A(`aria-label`,t.barLabel(e)),O(),P(t.bars(e))}}function vL(e,t){if(e&1&&(I(0,`dt`),K(1,`From`),L(),I(2,`dd`)(3,`code`),K(4),L()()),e&2){let e=W().$implicit;O(4),q(e.from)}}function yL(e,t){if(e&1&&(I(0,`dt`),K(1,`Started by`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),Y(``,e.caller,` (`,e.trigger,`)`)}}function bL(e,t){if(e&1&&(I(0,`dt`),K(1,`Extras`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.extras?.join(`, `))}}function xL(e,t){if(e&1&&(I(0,`dt`),K(1,`Redirect of`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),J(`#`,e.redirectedFrom)}}function SL(e,t){if(e&1&&(I(0,`div`),K(1,` This navigation: `),I(2,`code`),K(3),L(),K(4,` to `),I(5,`code`),K(6),L(),K(7),L()),e&2){let e=t.$implicit,n=W(4);O(3),q(e.from),O(3),q(e.to),O(),J(`, `,n.hopCause(e),` `)}}function CL(e,t){if(e&1&&(I(0,`dt`),K(1,`Loop`),L(),I(2,`dd`,40),K(3),N(4,SL,8,3,`div`,null,_g),L()),e&2){let e=t,n=W().$implicit,r=W(2);O(3),J(` `,e.cycle.join(` → `),` `),O(),P(r.hopsOf(e,n))}}function wL(e,t){if(e&1&&(I(0,`dt`),K(1,`Redirects to`),L(),I(2,`dd`)(3,`code`),K(4),L(),K(5),L()),e&2){let e=W().$implicit;O(4),q(e.redirectTo),O(),J(` (`,e.redirectKind,`) `)}}function TL(e,t){if(e&1&&(I(0,`dt`),K(1,`Guards`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit,t=W(2);O(3),Y(``,e.guards.names.join(`, `)||`none`,`: `,t.guardResult(e))}}function EL(e,t){if(e&1&&(I(0,`div`)(1,`code`),K(2),L(),K(3),I(4,`code`),K(5),L(),K(6,`: `),I(7,`strong`),K(8),L(),K(9),L()),e&2){let e=t.$implicit,n=W(4);O(2),q(e.guard),O(),J(` `,e.kind,` on `),O(2),q(e.route),O(2),G(`bad`,n.isBad(e.result)),O(),q(e.result),O(),J(` (`,e.ms,`ms) `)}}function DL(e,t){if(e&1&&(I(0,`dt`),K(1,`Runs`),L(),I(2,`dd`),N(3,EL,10,7,`div`,null,_g),L()),e&2){let e=W().$implicit;O(3),P(e.runs)}}function OL(e,t){if(e&1&&K(0),e&2){let e=W(2).$implicit;J(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function kL(e,t){if(e&1&&(I(0,`dt`),K(1,`Checked`),L(),I(2,`dd`),j(3,OL,1,1),K(4),L()),e&2){let e=W().$implicit;O(3),M(e.checked.deactivate.length?3:-1),O(),J(` entering `,e.checked.activate.join(`, `)||`nothing new`,` `)}}function AL(e,t){if(e&1&&(I(0,`dt`),K(1,`Resolvers`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.resolvers?.names?.join(`, `))}}function jL(e,t){if(e&1&&(I(0,`dt`),K(1,`Lazy loaded`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.lazyLoaded?.join(`, `))}}function ML(e,t){if(e&1&&(I(0,`dt`),K(1,`Reused`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),J(` `,e.reused?.join(`, `),` (component kept, only inputs and params change) `)}}function NL(e,t){if(e&1&&(I(0,`dt`),K(1,`HTTP`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit,t=W(2);O(3),Y(` `,t.plural(e.requests.count,`request`),`: `,e.requests.urls.join(`, `),` `)}}function PL(e,t){if(e&1&&(I(0,`dt`),K(1,`Scroll`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.scroll)}}function FL(e,t){if(e&1&&(I(0,`dt`),K(1,`Title after`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.title)}}function IL(e,t){if(e&1&&(I(0,`dt`),K(1,`Warnings`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.warnings?.join(` · `))}}function LL(e,t){if(e&1&&(I(0,`dt`),K(1,`Reason`),L(),I(2,`dd`,40),K(3),L()),e&2){let e=W().$implicit,t=W(2);O(3),q(t.reasonText(e))}}function RL(e,t){if(e&1&&(I(0,`dt`),K(1,`Error`),L(),I(2,`dd`,40),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.errorCode)}}function zL(e,t){if(e&1&&(I(0,`dt`),K(1,`Error handler`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.errorHandler)}}function BL(e,t){if(e&1&&(I(0,`dt`),K(1,`Earlier`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit,t=W(2);O(3),J(``,t.plural(e.earlier,`navigation`),` before Pangular Inspector connected`)}}function VL(e,t){if(e&1&&(I(0,`p`,38),K(1,` Replay is off: the URL is redacted or not relative. `),L()),e&2){let e=W().$implicit;F(`id`,J_(`replay-note-`,e.id))}}function HL(e,t){if(e&1){let e=V();I(0,`li`)(1,`div`,25),j(2,lL,2,1,`time`),I(3,`span`,26),K(4),L(),I(5,`code`,27),K(6),L(),j(7,uL,6,1),I(8,`span`,28)(9,`span`,29),K(10),L(),j(11,dL,2,1,`span`,30)(12,fL,2,1,`span`,31)(13,pL,2,1,`span`,31),j(14,mL,2,0,`span`,32),j(15,hL,4,2,`span`,15),L()(),j(16,_L,3,1,`div`,33),I(17,`dl`,34),j(18,vL,5,1),j(19,yL,4,2),j(20,bL,4,1),j(21,xL,4,1),j(22,CL,6,1),j(23,wL,6,2),j(24,TL,4,2),j(25,DL,5,0),j(26,kL,5,2),j(27,AL,4,1),j(28,jL,4,1),j(29,ML,4,1),j(30,NL,4,2),j(31,PL,4,1),j(32,FL,4,1),j(33,IL,4,1),j(34,LL,4,1),j(35,RL,4,1),j(36,zL,4,1),j(37,BL,4,1),L(),I(38,`div`,35)(39,`button`,36),H(`click`,function(){let t=w(e).$implicit;return T(W(2).replay(t))}),K(40,` Replay `),L(),I(41,`button`,37),H(`click`,function(){let t=w(e).$implicit;return T(W(2).copy(t))}),K(42,` Copy repro `),L(),j(43,VL,2,2,`p`,38),L()()}if(e&2){let e,n,r=t.$implicit,i=W(2);G(`in-loop`,!!i.loopOf(r)),O(2),M(r.beforeConnect?-1:2),O(2),J(`#`,r.id),O(2),q(r.url),O(),M(r.finalUrl&&r.finalUrl!==r.url?7:-1),O(2),A(`data-tone`,i.tone(r.outcome)),O(),q(r.outcome),O(),M(r.beforeConnect?11:r.phases?.total===void 0?r.endedAt===void 0?-1:13:12),O(3),M(r.probe?14:-1),O(),M((e=i.loopOf(r))?15:-1,e),O(),M(i.bars(r).length?16:-1),O(2),M(r.from?18:-1),O(),M(r.caller?19:-1),O(),M(r.extras?.length?20:-1),O(),M(r.redirectedFrom===void 0?-1:21),O(),M((n=i.loopOf(r))?22:-1,n),O(),M(r.redirectTo?23:-1),O(),M(r.guards&&(r.guards.names.length||r.guards.passed===!1)?24:-1),O(),M(r.runs?.length?25:-1),O(),M(r.checked&&(r.checked.activate.length||r.checked.deactivate.length)?26:-1),O(),M(r.resolvers?.names?.length?27:-1),O(),M(r.lazyLoaded?.length?28:-1),O(),M(r.reused?.length?29:-1),O(),M(r.requests?30:-1),O(),M(r.scroll?31:-1),O(),M(r.title?32:-1),O(),M(r.warnings?.length?33:-1),O(),M(r.reason||r.code?34:-1),O(),M(r.errorCode?35:-1),O(),M(r.errorHandler?36:-1),O(),M(r.earlier?37:-1),O(2),F(`disabled`,!i.navigationAllowed()||!i.replayable(r)),A(`aria-describedby`,i.replayNote(r))(`aria-label`,`Replay navigation `+r.id),O(2),A(`aria-label`,`Copy repro for navigation `+r.id),O(2),M(i.replayable(r)?-1:43)}}function UL(e,t){if(e&1&&(I(0,`div`,20)(1,`span`,21),K(2),L(),I(3,`div`,22),N(4,cL,3,3,`span`,null,vg),L()(),I(6,`ol`,23),N(7,HL,44,37,`li`,24,$I),L()),e&2){let e=W();O(2),Y(``,e.items().length,` of `,e.plural(e.page().navigations.length,`navigation`)),O(2),P(e.phases),O(3),P(e.items())}}function WL(e,t){if(e&1){let e=V();I(0,`div`,41)(1,`p`,42),K(2,`No navigations match the current filters.`),L(),I(3,`p`,30),K(4),L(),I(5,`button`,37),H(`click`,function(){w(e);let t=W(2),n=$g(2);return t.clearFilters(),T(n.focus())}),K(6,` Clear filters `),L()()}if(e&2){let e=W(2);O(4),J(` `,e.plural(e.page().navigations.length,`navigation is`,`navigations are`),` hidden. Clear the filters to see them. `)}}function GL(e,t){e&1&&(I(0,`div`,41)(1,`p`,42),K(2,`No navigations since Pangular Inspector connected.`),L(),I(3,`p`,30),K(4,`Earlier ones are not visible. Click a link in the app to record one.`),L()())}function KL(e,t){e&1&&j(0,WL,7,1,`div`,41)(1,GL,5,0,`div`,41),e&2&&M(+!W().page().navigations.length)}var qL=[`recognize`,`guards`,`resolve`,`activate`],JL=class e{plural=gO;page=$.required();rpc=$(null);maxNavigations=X(()=>fE(this.rpc()).limits.navigations);navigationAllowed=X(()=>hE(this.rpc(),`router`));navigationOff=DT(`router`);phases=qL;pageId=X(()=>this.page().pageId);filter=Q({source:this.pageId,computation:()=>``});onlyProblems=Q({source:this.pageId,computation:()=>!1});message=Q({source:this.pageId,computation:()=>``});loops=X(()=>this.page().loops??[]);loopById=X(()=>{let e=new Map;for(let t of this.loops())for(let n of t.ids)e.set(n,t);return e});items=X(()=>{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 VF(e)}color(e){return`var(--phase-${e})`}bars(e){let t=e.phases?.total;return t?qL.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=pO;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await BF(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 RF(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 BF(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 LF(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 XT(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=k({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&&(I(0,`div`,1)(1,`input`,2,0),H(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),L(),I(3,`label`,3)(4,`input`,4),H(`change`,function(e){return t.onlyProblems.set(e.target.checked)}),L(),K(5,` Only problems `),L(),I(6,`label`,3)(7,`input`,4),H(`change`,function(e){return t.toggleInstrument(e)}),L(),K(8,` Record each guard and resolver `),L(),I(9,`button`,5),H(`click`,function(){return t.exportJson()}),K(10,`Export JSON`),L(),I(11,`button`,6),H(`click`,function(){return t.clearNavigations()}),K(12,` Clear `),L()(),I(13,`p`,7),K(14),L(),j(15,tL,2,1,`p`,8),j(16,nL,2,1,`p`,9),R(17,`app-limit-note`,10),j(18,sL,5,1,`section`,11),j(19,UL,9,2)(20,KL,2,1)),e&2&&(O(),F(`value`,t.filter()),O(3),F(`checked`,t.onlyProblems()),O(3),F(`checked`,t.page().instrumented),O(4),F(`disabled`,!t.navigationAllowed()),A(`aria-describedby`,t.navigationAllowed()?null:`route-timeline-writes-off`),O(3),q(t.message()),O(),M(t.message()?15:-1),O(),M(t.navigationAllowed()?-1:16),O(),F(`dropped`,t.page().dropped??0)(`max`,t.maxNavigations()),O(),M(t.loops().length?18:-1),O(),M(t.items().length?19:20))},dependencies:[yO],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},uL=(e,t)=>t.id,dL=(e,t)=>t.phase;function fL(e,t){if(e&1&&(I(0,`p`,8),K(1),L()),e&2){let e=W();O(),q(e.message())}}function pL(e,t){if(e&1&&(I(0,`p`,9),K(1),L()),e&2){let e=W();O(),q(e.navigationOff)}}function mL(e,t){e&1&&(I(0,`span`,18),K(1,`→`),L(),I(2,`span`,19),K(3,`then`),L())}function hL(e,t){if(e&1&&(j(0,mL,4,0),I(1,`code`),K(2),L()),e&2){let e=t.$implicit,n=t.$index;M(n===0?-1:0),O(2),q(e)}}function gL(e,t){if(e&1&&(I(0,`li`)(1,`code`),K(2),L(),I(3,`span`,18),K(4,` → `),L(),I(5,`span`,19),K(6,` to `),L(),I(7,`code`),K(8),L(),K(9),L()),e&2){let e=t.$implicit,n=W(3);O(2),q(e.from),O(6),q(e.to),O(),J(`: `,n.hopCause(e),` `)}}function _L(e,t){if(e&1&&(I(0,`div`,13)(1,`p`,14)(2,`span`,15),K(3),L(),N(4,hL,3,2,null,null,_g),L(),I(6,`ol`,16),N(7,gL,10,3,`li`,null,_g),L(),I(9,`p`,17),K(10),L()()),e&2){let e=t.$implicit,n=W(2);O(3),q(n.loopTitle(e)),O(),P(e.cycle),O(3),P(e.hops),O(3),q(n.loopMeta(e))}}function vL(e,t){if(e&1&&(I(0,`section`,11)(1,`h3`,12),K(2),L(),N(3,_L,11,2,`div`,13,_g),L()),e&2){let e=W();O(2),J(` `,e.loops().length===1?`Loop detected`:e.loops().length+` loops detected`,` `),O(),P(e.loops())}}function yL(e,t){if(e&1&&(I(0,`span`),R(1,`i`),K(2),L()),e&2){let e=t.$implicit,n=W(2);O(),b_(`background`,n.color(e)),O(),q(e)}}function bL(e,t){if(e&1&&(I(0,`time`),K(1),L()),e&2){let e=W().$implicit,t=W(2);O(),q(t.time(e.startedAt))}}function xL(e,t){if(e&1&&(I(0,`span`,18),K(1,`→`),L(),I(2,`span`,19),K(3,`redirected to`),L(),I(4,`code`,27),K(5),L()),e&2){let e=W().$implicit;O(5),q(e.finalUrl)}}function SL(e,t){if(e&1&&(I(0,`span`,30),K(1),L()),e&2){let e=W().$implicit;O(),q(e.endedAt===void 0&&e.outcome!==`pending`?`before Pangular Inspector connected`:`started before Pangular Inspector connected`)}}function CL(e,t){if(e&1&&(I(0,`span`,31),K(1),L()),e&2){let e=W().$implicit;O(),J(``,e.phases?.total,`ms`)}}function wL(e,t){if(e&1&&(I(0,`span`,31),K(1),L()),e&2){let e=W().$implicit;O(),J(``,e.endedAt-e.startedAt,`ms`)}}function TL(e,t){e&1&&(I(0,`span`,32),K(1,`probe`),L())}function EL(e,t){if(e&1&&(I(0,`span`,15),K(1,`loop`),I(2,`span`,19),K(3),L()()),e&2){let e=t,n=W(3);O(3),Y(`: part of `,n.loopTitle(e),` `,e.cycle.join(` then `))}}function DL(e,t){if(e&1&&R(0,`span`),e&2){let e=t.$implicit,n=W(4);b_(`width`,e.width,`%`)(`background`,n.color(e.phase)),A(`title`,e.phase+` `+e.ms+`ms`)}}function OL(e,t){if(e&1&&(I(0,`div`,33),N(1,DL,1,5,`span`,39,dL),L()),e&2){let e=W().$implicit,t=W(2);A(`aria-label`,t.barLabel(e)),O(),P(t.bars(e))}}function kL(e,t){if(e&1&&(I(0,`dt`),K(1,`From`),L(),I(2,`dd`)(3,`code`),K(4),L()()),e&2){let e=W().$implicit;O(4),q(e.from)}}function AL(e,t){if(e&1&&(I(0,`dt`),K(1,`Started by`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),Y(``,e.caller,` (`,e.trigger,`)`)}}function jL(e,t){if(e&1&&(I(0,`dt`),K(1,`Extras`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.extras?.join(`, `))}}function ML(e,t){if(e&1&&(I(0,`dt`),K(1,`Redirect of`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),J(`#`,e.redirectedFrom)}}function NL(e,t){if(e&1&&(I(0,`div`),K(1,` This navigation: `),I(2,`code`),K(3),L(),K(4,` to `),I(5,`code`),K(6),L(),K(7),L()),e&2){let e=t.$implicit,n=W(4);O(3),q(e.from),O(3),q(e.to),O(),J(`, `,n.hopCause(e),` `)}}function PL(e,t){if(e&1&&(I(0,`dt`),K(1,`Loop`),L(),I(2,`dd`,40),K(3),N(4,NL,8,3,`div`,null,_g),L()),e&2){let e=t,n=W().$implicit,r=W(2);O(3),J(` `,e.cycle.join(` → `),` `),O(),P(r.hopsOf(e,n))}}function FL(e,t){if(e&1&&(I(0,`dt`),K(1,`Redirects to`),L(),I(2,`dd`)(3,`code`),K(4),L(),K(5),L()),e&2){let e=W().$implicit;O(4),q(e.redirectTo),O(),J(` (`,e.redirectKind,`) `)}}function IL(e,t){if(e&1&&(I(0,`dt`),K(1,`Guards`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit,t=W(2);O(3),Y(``,e.guards.names.join(`, `)||`none`,`: `,t.guardResult(e))}}function LL(e,t){if(e&1&&(I(0,`div`)(1,`code`),K(2),L(),K(3),I(4,`code`),K(5),L(),K(6,`: `),I(7,`strong`),K(8),L(),K(9),L()),e&2){let e=t.$implicit,n=W(4);O(2),q(e.guard),O(),J(` `,e.kind,` on `),O(2),q(e.route),O(2),G(`bad`,n.isBad(e.result)),O(),q(e.result),O(),J(` (`,e.ms,`ms) `)}}function RL(e,t){if(e&1&&(I(0,`dt`),K(1,`Runs`),L(),I(2,`dd`),N(3,LL,10,7,`div`,null,_g),L()),e&2){let e=W().$implicit;O(3),P(e.runs)}}function zL(e,t){if(e&1&&K(0),e&2){let e=W(2).$implicit;J(` leaving `,e.checked.deactivate.join(`, `),`; `)}}function BL(e,t){if(e&1&&(I(0,`dt`),K(1,`Checked`),L(),I(2,`dd`),j(3,zL,1,1),K(4),L()),e&2){let e=W().$implicit;O(3),M(e.checked.deactivate.length?3:-1),O(),J(` entering `,e.checked.activate.join(`, `)||`nothing new`,` `)}}function VL(e,t){if(e&1&&(I(0,`dt`),K(1,`Resolvers`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.resolvers?.names?.join(`, `))}}function HL(e,t){if(e&1&&(I(0,`dt`),K(1,`Lazy loaded`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.lazyLoaded?.join(`, `))}}function UL(e,t){if(e&1&&(I(0,`dt`),K(1,`Reused`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),J(` `,e.reused?.join(`, `),` (component kept, only inputs and params change) `)}}function WL(e,t){if(e&1&&(I(0,`dt`),K(1,`HTTP`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit,t=W(2);O(3),Y(` `,t.plural(e.requests.count,`request`),`: `,e.requests.urls.join(`, `),` `)}}function GL(e,t){if(e&1&&(I(0,`dt`),K(1,`Scroll`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.scroll)}}function KL(e,t){if(e&1&&(I(0,`dt`),K(1,`Title after`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.title)}}function qL(e,t){if(e&1&&(I(0,`dt`),K(1,`Warnings`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.warnings?.join(` · `))}}function JL(e,t){if(e&1&&(I(0,`dt`),K(1,`Reason`),L(),I(2,`dd`,40),K(3),L()),e&2){let e=W().$implicit,t=W(2);O(3),q(t.reasonText(e))}}function YL(e,t){if(e&1&&(I(0,`dt`),K(1,`Error`),L(),I(2,`dd`,40),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.errorCode)}}function XL(e,t){if(e&1&&(I(0,`dt`),K(1,`Error handler`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit;O(3),q(e.errorHandler)}}function ZL(e,t){if(e&1&&(I(0,`dt`),K(1,`Earlier`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().$implicit,t=W(2);O(3),J(``,t.plural(e.earlier,`navigation`),` before Pangular Inspector connected`)}}function QL(e,t){if(e&1&&(I(0,`p`,38),K(1,` Replay is off: the URL is redacted or not relative. `),L()),e&2){let e=W().$implicit;F(`id`,J_(`replay-note-`,e.id))}}function $L(e,t){if(e&1){let e=V();I(0,`li`)(1,`div`,25),j(2,bL,2,1,`time`),I(3,`span`,26),K(4),L(),I(5,`code`,27),K(6),L(),j(7,xL,6,1),I(8,`span`,28)(9,`span`,29),K(10),L(),j(11,SL,2,1,`span`,30)(12,CL,2,1,`span`,31)(13,wL,2,1,`span`,31),j(14,TL,2,0,`span`,32),j(15,EL,4,2,`span`,15),L()(),j(16,OL,3,1,`div`,33),I(17,`dl`,34),j(18,kL,5,1),j(19,AL,4,2),j(20,jL,4,1),j(21,ML,4,1),j(22,PL,6,1),j(23,FL,6,2),j(24,IL,4,2),j(25,RL,5,0),j(26,BL,5,2),j(27,VL,4,1),j(28,HL,4,1),j(29,UL,4,1),j(30,WL,4,2),j(31,GL,4,1),j(32,KL,4,1),j(33,qL,4,1),j(34,JL,4,1),j(35,YL,4,1),j(36,XL,4,1),j(37,ZL,4,1),L(),I(38,`div`,35)(39,`button`,36),H(`click`,function(){let t=w(e).$implicit;return T(W(2).replay(t))}),K(40,` Replay `),L(),I(41,`button`,37),H(`click`,function(){let t=w(e).$implicit;return T(W(2).copy(t))}),K(42,` Copy repro `),L(),j(43,QL,2,2,`p`,38),L()()}if(e&2){let e,n,r=t.$implicit,i=W(2);G(`in-loop`,!!i.loopOf(r)),O(2),M(r.beforeConnect?-1:2),O(2),J(`#`,r.id),O(2),q(r.url),O(),M(r.finalUrl&&r.finalUrl!==r.url?7:-1),O(2),A(`data-tone`,i.tone(r.outcome)),O(),q(r.outcome),O(),M(r.beforeConnect?11:r.phases?.total===void 0?r.endedAt===void 0?-1:13:12),O(3),M(r.probe?14:-1),O(),M((e=i.loopOf(r))?15:-1,e),O(),M(i.bars(r).length?16:-1),O(2),M(r.from?18:-1),O(),M(r.caller?19:-1),O(),M(r.extras?.length?20:-1),O(),M(r.redirectedFrom===void 0?-1:21),O(),M((n=i.loopOf(r))?22:-1,n),O(),M(r.redirectTo?23:-1),O(),M(r.guards&&(r.guards.names.length||r.guards.passed===!1)?24:-1),O(),M(r.runs?.length?25:-1),O(),M(r.checked&&(r.checked.activate.length||r.checked.deactivate.length)?26:-1),O(),M(r.resolvers?.names?.length?27:-1),O(),M(r.lazyLoaded?.length?28:-1),O(),M(r.reused?.length?29:-1),O(),M(r.requests?30:-1),O(),M(r.scroll?31:-1),O(),M(r.title?32:-1),O(),M(r.warnings?.length?33:-1),O(),M(r.reason||r.code?34:-1),O(),M(r.errorCode?35:-1),O(),M(r.errorHandler?36:-1),O(),M(r.earlier?37:-1),O(2),F(`disabled`,!i.navigationAllowed()||!i.replayable(r)),A(`aria-describedby`,i.replayNote(r))(`aria-label`,`Replay navigation `+r.id),O(2),A(`aria-label`,`Copy repro for navigation `+r.id),O(2),M(i.replayable(r)?-1:43)}}function eR(e,t){if(e&1&&(I(0,`div`,20)(1,`span`,21),K(2),L(),I(3,`div`,22),N(4,yL,3,3,`span`,null,vg),L()(),I(6,`ol`,23),N(7,$L,44,37,`li`,24,uL),L()),e&2){let e=W();O(2),Y(``,e.items().length,` of `,e.plural(e.page().navigations.length,`navigation`)),O(2),P(e.phases),O(3),P(e.items())}}function tR(e,t){if(e&1){let e=V();I(0,`div`,41)(1,`p`,42),K(2,`No navigations match the current filters.`),L(),I(3,`p`,30),K(4),L(),I(5,`button`,37),H(`click`,function(){w(e);let t=W(2),n=$g(2);return t.clearFilters(),T(n.focus())}),K(6,` Clear filters `),L()()}if(e&2){let e=W(2);O(4),J(` `,e.plural(e.page().navigations.length,`navigation is`,`navigations are`),` hidden. Clear the filters to see them. `)}}function nR(e,t){e&1&&(I(0,`div`,41)(1,`p`,42),K(2,`No navigations since Pangular Inspector connected.`),L(),I(3,`p`,30),K(4,`Earlier ones are not visible. Click a link in the app to record one.`),L()())}function rR(e,t){e&1&&j(0,tR,7,1,`div`,41)(1,nR,5,0,`div`,41),e&2&&M(+!W().page().navigations.length)}var iR=[`recognize`,`guards`,`resolve`,`activate`],aR=class e{plural=yO;page=$.required();rpc=$(null);maxNavigations=X(()=>hE(this.rpc()).limits.navigations);navigationAllowed=X(()=>vE(this.rpc(),`router`));navigationOff=DT(`router`);phases=iR;pageId=X(()=>this.page().pageId);filter=Q({source:this.pageId,computation:()=>``});onlyProblems=Q({source:this.pageId,computation:()=>!1});message=Q({source:this.pageId,computation:()=>``});loops=X(()=>this.page().loops??[]);loopById=X(()=>{let e=new Map;for(let t of this.loops())for(let n of t.ids)e.set(n,t);return e});items=X(()=>{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 QF(e)}color(e){return`var(--phase-${e})`}bars(e){let t=e.phases?.total;return t?iR.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=gO;instrumentSeq=0;async toggleInstrument(e){let t=e.target,n=t.checked,r=this.pageId(),i=++this.instrumentSeq,a=await ZF(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 YF(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 ZF(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 JF(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 $T(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=k({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&&(I(0,`div`,1)(1,`input`,2,0),H(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),L(),I(3,`label`,3)(4,`input`,4),H(`change`,function(e){return t.onlyProblems.set(e.target.checked)}),L(),K(5,` Only problems `),L(),I(6,`label`,3)(7,`input`,4),H(`change`,function(e){return t.toggleInstrument(e)}),L(),K(8,` Record each guard and resolver `),L(),I(9,`button`,5),H(`click`,function(){return t.exportJson()}),K(10,`Export JSON`),L(),I(11,`button`,6),H(`click`,function(){return t.clearNavigations()}),K(12,` Clear `),L()(),I(13,`p`,7),K(14),L(),j(15,fL,2,1,`p`,8),j(16,pL,2,1,`p`,9),R(17,`app-limit-note`,10),j(18,vL,5,1,`section`,11),j(19,eR,9,2)(20,rR,2,1)),e&2&&(O(),F(`value`,t.filter()),O(3),F(`checked`,t.onlyProblems()),O(3),F(`checked`,t.page().instrumented),O(4),F(`disabled`,!t.navigationAllowed()),A(`aria-describedby`,t.navigationAllowed()?null:`route-timeline-writes-off`),O(3),q(t.message()),O(),M(t.message()?15:-1),O(),M(t.navigationAllowed()?-1:16),O(),F(`dropped`,t.page().dropped??0)(`max`,t.maxNavigations()),O(),M(t.loops().length?18:-1),O(),M(t.items().length?19:20))},dependencies:[SO],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -5150,7 +5218,7 @@ time[_ngcontent-%COMP%] {
   .export[_ngcontent-%COMP%] {
     margin-left: 0;
   }
-}`]})},YL=[`urlInput`],XL=()=>[],ZL=(e,t)=>t.node.id;function QL(e,t){if(e&1&&(K(0,` with `),I(1,`code`),K(2),cv(3,`json`),L()),e&2){W(2);let e=q_(0);O(2),q(lv(3,1,e.params))}}function $L(e,t){if(e&1&&(I(0,`span`,19),K(1,`match`),L(),K(2,` Matches `),I(3,`code`,20),K(4),L(),j(5,QL,4,3)),e&2){W();let e=q_(0),t=W();O(4),q(t.chainText(e)),O(),M(t.hasKeys(e.params)?5:-1)}}function eR(e,t){if(e&1&&(K(0,` Nearest: `),I(1,`code`),K(2),L()),e&2){W(2);let e=q_(0);O(2),q(e.nearest.join(`, `))}}function tR(e,t){if(e&1&&(I(0,`span`,21),K(1,`no match`),L(),K(2,` Matches no route (NG04002). `),j(3,eR,3,1)),e&2){W();let e=q_(0);O(3),M(e.nearest.length?3:-1)}}function nR(e,t){if(e&1&&(I(0,`div`,18),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function rR(e,t){if(e&1&&(G_(0),I(1,`div`,8)(2,`span`,17),K(3,`Result for `),I(4,`code`),K(5),L(),K(6,`:`),L(),j(7,$L,6,2)(8,tR,4,1),N(9,nR,2,1,`div`,18,vg),L()),e&2){let e=t,n=K_(e.result);O(),A(`data-matched`,n.matched),O(4),q(e.url),O(2),M(n.matched?7:8),O(2),P(n.notes)}}function iR(e,t){if(e&1&&(I(0,`p`,9),K(1),L()),e&2){let e=W();O(),q(e.message())}}function aR(e,t){if(e&1&&(I(0,`p`,11),K(1),L()),e&2){let e=W();O(),q(e.navigationOff)}}function oR(e,t){if(e&1&&(I(0,`span`,22),K(1),L(),K(2,`. `)),e&2){let e=W(2);O(),q(e.countText())}}function sR(e,t){if(e&1&&K(0),e&2){let e=W(2);J(` `,e.plural(e.rows().length,`route`),`. `)}}function cR(e,t){e&1&&K(0),e&2&&J(` `,W(2).plural(t,`route`),` left out: the page lists at most 200 routes per level and 1000 in total. `)}function lR(e,t){if(e&1&&(I(0,`p`,14),K(1),j(2,oR,3,1)(3,sR,1,1),K(4,` Lazy routes show their children once loaded. `),j(5,cR,1,1),L()),e&2){let e,t=W();O(),J(` Generation `,t.page().generation,` · `),O(),M(t.filter()?2:3),O(3),M((e=t.page().configTruncated)?5:-1,e)}}function uR(e,t){e&1&&(I(0,`div`,15)(1,`p`,23),K(2),L(),I(3,`p`,18),K(4),L()()),e&2&&(O(2),J(` `,`The page has not reported its route config yet.`,` `),O(2),J(` `,`It appears once the router initializes. Navigate in the app if it stays empty.`,` `))}function dR(e,t){if(e&1){let e=V();I(0,`div`,15)(1,`p`,23),K(2,`No routes match the filter.`),L(),I(3,`p`,18),K(4,`Try a shorter path or a component name.`),L(),I(5,`button`,24),H(`click`,function(){w(e);let t=W(),n=$g(16);return t.setFilter(``),T(n.focus())}),K(6,` Clear filters `),L()()}}function fR(e,t){e&1&&(I(0,`span`,28),K(1,`active`),L())}function pR(e,t){if(e&1&&(I(0,`span`,28),K(1),L()),e&2){let e=W().$implicit;O(),J(`lazy `,e.node.lazy)}}function mR(e,t){if(e&1&&(I(0,`span`,28),K(1),L()),e&2){let e=W().$implicit;O(),J(`outlet `,e.node.outlet)}}function hR(e,t){if(e&1&&(I(0,`span`,29)(1,`span`,26),K(2,`declared in `),L(),R(3,`app-source-link`,35),L()),e&2){let e=W().$implicit;O(3),F(`file`,e.at.file)(`line`,e.at.line)}}function gR(e,t){if(e&1&&(I(0,`span`,30),K(1,`redirect `),I(2,`span`,36),K(3,`→`),L(),I(4,`code`),K(5),L()()),e&2){let e=W().$implicit;O(5),q(e.node.redirectTo)}}function _R(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,e.node.component??(e.node.lazy===`unloaded`?`lazy, not loaded yet`:e.node.kind),` `)}}function vR(e,t){if(e&1&&(I(0,`span`,28),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function yR(e,t){if(e&1&&(I(0,`span`,28),K(1),L()),e&2){let e=t.$implicit;O(),J(`resolve `,e)}}function bR(e,t){e&1&&(I(0,`span`,37),K(1,`–`),L(),I(2,`span`,26),K(3,`none`),L())}function xR(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,e.node.title,` `)}}function SR(e,t){e&1&&(I(0,`span`,37),K(1,`–`),L(),I(2,`span`,26),K(3,`none`),L())}function CR(e,t){if(e&1){let e=V();I(0,`input`,39),H(`input`,function(t){let n=w(e).$implicit,r=W(2).$implicit;return T(W(2).setParam(r.node.id,n,t.target.value))}),L()}if(e&2){let e=t.$implicit,n=W(2).$implicit,r=W(2);F(`placeholder`,e)(`value`,r.paramValues()[n.node.id]?.[e]??``),A(`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 wR(e,t){if(e&1){let e=V();N(0,CR,1,5,`input`,38,vg),I(2,`button`,7),H(`click`,function(){w(e);let t=W().$implicit,n=$g(1);return T(W(2).navigate(t.node,n))}),K(3,` Go `),L()}if(e&2){let e=W().$implicit,t=W(2);P(t.params(e.node)),O(2),F(`disabled`,!t.navigationAllowed()),A(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`)(`aria-label`,`Navigate to `+e.node.fullPath)}}function TR(e,t){if(e&1){let e=V();I(0,`button`,24),H(`click`,function(){w(e);let t=W().$implicit;return T(W(2).resolveLazy(t.node))}),K(1,` Read lazy `),L()}if(e&2){let e=W().$implicit;A(`aria-label`,`Read lazy routes of `+e.node.fullPath)}}function ER(e,t){if(e&1&&(I(0,`tr`,34)(1,`td`,40)(2,`p`,41),K(3),L()()()),e&2){let e=W(3);O(3),q(e.rowResult()?.text)}}function DR(e,t){if(e&1&&(I(0,`tr`,null,2)(2,`td`,27),K(3),j(4,fR,2,0,`span`,28),j(5,pR,2,1,`span`,28),j(6,mR,2,1,`span`,28),j(7,hR,4,2,`span`,29),L(),I(8,`td`),j(9,gR,6,1,`span`,30)(10,_R,1,1),L(),I(11,`td`),N(12,vR,2,1,`span`,28,_g),N(14,yR,2,1,`span`,28,vg),j(16,bR,4,0),L(),I(17,`td`),j(18,xR,1,1)(19,SR,4,0),L(),I(20,`td`,31)(21,`div`,32),j(22,wR,4,3),j(23,TR,2,1,`button`,33),L()()(),j(24,ER,4,1,`tr`,34)),e&2){let e=t.$implicit,n=W(2);G(`active`,n.isActive(e.node)),O(2),b_(`padding-left`,14+e.depth*16,`px`),O(),J(` `,e.node.fullPath,` `),O(),M(n.isActive(e.node)?4:-1),O(),M(e.node.lazy?5:-1),O(),M(e.node.outlet?6:-1),O(),M(e.at?7:-1),O(2),M(e.node.redirectTo===void 0?10:9),O(3),P(n.guardList(e.node)),O(2),P(e.node.resolvers??nv(15,XL)),O(2),M(!n.guardList(e.node).length&&!e.node.resolvers?.length?16:-1),O(2),M(e.node.title?18:19),O(4),M(n.canNavigate(e.node)?22:-1),O(),M(e.node.kind===`lazy`&&e.node.lazy===`unloaded`?23:-1),O(),M(n.rowResult()?.id===e.node.id?24:-1)}}function OR(e,t){if(e&1&&(I(0,`div`,16)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,25),K(5,`Path`),L(),I(6,`th`,25),K(7,`Target`),L(),I(8,`th`,25),K(9,`Guards and resolvers`),L(),I(10,`th`,25),K(11,`Title`),L(),I(12,`th`,25)(13,`span`,26),K(14,`Actions`),L()()()(),I(15,`tbody`),N(16,DR,25,16,null,null,ZL),L()()()),e&2){let e=W();O(16),P(e.rows())}}function kR(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var AR=class e{plural=gO;page=$.required();rpc=$(null);navigationAllowed=X(()=>hE(this.rpc(),`router`));navigationOff=DT(`router`);sources=$([]);filter=D(``);testUrl=D(``);pageId=X(()=>this.page().pageId);match=Q({source:this.pageId,computation:()=>null});message=Q({source:this.pageId,computation:()=>``});rowResult=Q({source:this.pageId,computation:()=>null});paramValues=Q({source:this.pageId,computation:()=>({})});checkedRow=Q({source:this.pageId,computation:()=>null});filterAnnouncement=Q({source:this.pageId,computation:()=>``});predictSeq=0;announceFlip=!1;probeSeq=0;urlInput=Ev(`urlInput`);active=X(()=>new Set(this.page().activeIds??[]));rows=X(()=>{let e=this.filter().toLowerCase(),t=this.sources(),n=[],r=(i,a)=>{for(let o of i){let i=IF(o,t),s=i&&FF(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=X(()=>{let e=t=>t.reduce((t,n)=>t+1+e(n.children??[]),0);return e(this.page().config??[])});countText=X(()=>kR(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${kR(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 LF(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(zF))}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 BF(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 BF(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 BF(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 ${gO(r.length,`route`)}: ${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=k({type:e,selectors:[[`app-route-tree`]],viewQuery:function(e,t){e&1&&Zg(t.urlInput,YL,5),e&2&&Qg()},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=V();I(0,`form`,3),H(`submit`,function(n){return w(e),n.preventDefault(),T(t.predict())}),I(1,`label`,4),K(2,`Test a URL`),L(),I(3,`input`,5,0),H(`input`,function(e){return t.editUrl(e.target.value)}),L(),I(5,`button`,6),K(6,`Predict`),L(),I(7,`button`,7),H(`click`,function(){return t.probe()}),K(8,` Probe in app `),L()(),j(9,rR,11,4,`div`,8),j(10,iR,2,1,`p`,9),I(11,`p`,10),K(12),L(),j(13,aR,2,1,`p`,11),I(14,`div`,12)(15,`input`,13,1),H(`input`,function(e){return t.setFilter(e.target.value)})(`keydown.escape`,function(){return t.setFilter(``)}),L(),j(17,lR,6,3,`p`,14),L(),I(18,`p`,10),K(19),L(),j(20,uR,5,2,`div`,15)(21,dR,7,0,`div`,15)(22,OR,18,0,`div`,16)}if(e&2){let e;O(3),F(`value`,t.testUrl()),O(4),F(`disabled`,!t.navigationAllowed()),A(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`),O(2),M((e=t.match())?9:-1,e),O(),M(t.message()?10:-1),O(2),q(t.rowResult()?.text),O(),M(t.navigationAllowed()?-1:13),O(2),F(`value`,t.filter()),O(2),M(t.page().config?17:-1),O(2),q(t.filterAnnouncement()),O(),M(t.page().config?t.rows().length?22:21:20)}},dependencies:[Aj,yy],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},oR=[`urlInput`],sR=()=>[],cR=(e,t)=>t.node.id;function lR(e,t){if(e&1&&(K(0,` with `),I(1,`code`),K(2),cv(3,`json`),L()),e&2){W(2);let e=q_(0);O(2),q(lv(3,1,e.params))}}function uR(e,t){if(e&1&&(I(0,`span`,19),K(1,`match`),L(),K(2,` Matches `),I(3,`code`,20),K(4),L(),j(5,lR,4,3)),e&2){W();let e=q_(0),t=W();O(4),q(t.chainText(e)),O(),M(t.hasKeys(e.params)?5:-1)}}function dR(e,t){if(e&1&&(K(0,` Nearest: `),I(1,`code`),K(2),L()),e&2){W(2);let e=q_(0);O(2),q(e.nearest.join(`, `))}}function fR(e,t){if(e&1&&(I(0,`span`,21),K(1,`no match`),L(),K(2,` Matches no route (NG04002). `),j(3,dR,3,1)),e&2){W();let e=q_(0);O(3),M(e.nearest.length?3:-1)}}function pR(e,t){if(e&1&&(I(0,`div`,18),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function mR(e,t){if(e&1&&(G_(0),I(1,`div`,8)(2,`span`,17),K(3,`Result for `),I(4,`code`),K(5),L(),K(6,`:`),L(),j(7,uR,6,2)(8,fR,4,1),N(9,pR,2,1,`div`,18,vg),L()),e&2){let e=t,n=K_(e.result);O(),A(`data-matched`,n.matched),O(4),q(e.url),O(2),M(n.matched?7:8),O(2),P(n.notes)}}function hR(e,t){if(e&1&&(I(0,`p`,9),K(1),L()),e&2){let e=W();O(),q(e.message())}}function gR(e,t){if(e&1&&(I(0,`p`,11),K(1),L()),e&2){let e=W();O(),q(e.navigationOff)}}function _R(e,t){if(e&1&&(I(0,`span`,22),K(1),L(),K(2,`. `)),e&2){let e=W(2);O(),q(e.countText())}}function vR(e,t){if(e&1&&K(0),e&2){let e=W(2);J(` `,e.plural(e.rows().length,`route`),`. `)}}function yR(e,t){e&1&&K(0),e&2&&J(` `,W(2).plural(t,`route`),` left out: the page lists at most 200 routes per level and 1000 in total. `)}function bR(e,t){if(e&1&&(I(0,`p`,14),K(1),j(2,_R,3,1)(3,vR,1,1),K(4,` Lazy routes show their children once loaded. `),j(5,yR,1,1),L()),e&2){let e,t=W();O(),J(` Generation `,t.page().generation,` · `),O(),M(t.filter()?2:3),O(3),M((e=t.page().configTruncated)?5:-1,e)}}function xR(e,t){e&1&&(I(0,`div`,15)(1,`p`,23),K(2),L(),I(3,`p`,18),K(4),L()()),e&2&&(O(2),J(` `,`The page has not reported its route config yet.`,` `),O(2),J(` `,`It appears once the router initializes. Navigate in the app if it stays empty.`,` `))}function SR(e,t){if(e&1){let e=V();I(0,`div`,15)(1,`p`,23),K(2,`No routes match the filter.`),L(),I(3,`p`,18),K(4,`Try a shorter path or a component name.`),L(),I(5,`button`,24),H(`click`,function(){w(e);let t=W(),n=$g(16);return t.setFilter(``),T(n.focus())}),K(6,` Clear filters `),L()()}}function CR(e,t){e&1&&(I(0,`span`,28),K(1,`active`),L())}function wR(e,t){if(e&1&&(I(0,`span`,28),K(1),L()),e&2){let e=W().$implicit;O(),J(`lazy `,e.node.lazy)}}function TR(e,t){if(e&1&&(I(0,`span`,28),K(1),L()),e&2){let e=W().$implicit;O(),J(`outlet `,e.node.outlet)}}function ER(e,t){if(e&1&&(I(0,`span`,29)(1,`span`,26),K(2,`declared in `),L(),R(3,`app-source-link`,35),L()),e&2){let e=W().$implicit;O(3),F(`file`,e.at.file)(`line`,e.at.line)}}function DR(e,t){if(e&1&&(I(0,`span`,30),K(1,`redirect `),I(2,`span`,36),K(3,`→`),L(),I(4,`code`),K(5),L()()),e&2){let e=W().$implicit;O(5),q(e.node.redirectTo)}}function OR(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,e.node.component??(e.node.lazy===`unloaded`?`lazy, not loaded yet`:e.node.kind),` `)}}function kR(e,t){if(e&1&&(I(0,`span`,28),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function AR(e,t){if(e&1&&(I(0,`span`,28),K(1),L()),e&2){let e=t.$implicit;O(),J(`resolve `,e)}}function jR(e,t){e&1&&(I(0,`span`,37),K(1,`–`),L(),I(2,`span`,26),K(3,`none`),L())}function MR(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,e.node.title,` `)}}function NR(e,t){e&1&&(I(0,`span`,37),K(1,`–`),L(),I(2,`span`,26),K(3,`none`),L())}function PR(e,t){if(e&1){let e=V();I(0,`input`,39),H(`input`,function(t){let n=w(e).$implicit,r=W(2).$implicit;return T(W(2).setParam(r.node.id,n,t.target.value))}),L()}if(e&2){let e=t.$implicit,n=W(2).$implicit,r=W(2);F(`placeholder`,e)(`value`,r.paramValues()[n.node.id]?.[e]??``),A(`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 FR(e,t){if(e&1){let e=V();N(0,PR,1,5,`input`,38,vg),I(2,`button`,7),H(`click`,function(){w(e);let t=W().$implicit,n=$g(1);return T(W(2).navigate(t.node,n))}),K(3,` Go `),L()}if(e&2){let e=W().$implicit,t=W(2);P(t.params(e.node)),O(2),F(`disabled`,!t.navigationAllowed()),A(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`)(`aria-label`,`Navigate to `+e.node.fullPath)}}function IR(e,t){if(e&1){let e=V();I(0,`button`,24),H(`click`,function(){w(e);let t=W().$implicit;return T(W(2).resolveLazy(t.node))}),K(1,` Read lazy `),L()}if(e&2){let e=W().$implicit;A(`aria-label`,`Read lazy routes of `+e.node.fullPath)}}function LR(e,t){if(e&1&&(I(0,`tr`,34)(1,`td`,40)(2,`p`,41),K(3),L()()()),e&2){let e=W(3);O(3),q(e.rowResult()?.text)}}function RR(e,t){if(e&1&&(I(0,`tr`,null,2)(2,`td`,27),K(3),j(4,CR,2,0,`span`,28),j(5,wR,2,1,`span`,28),j(6,TR,2,1,`span`,28),j(7,ER,4,2,`span`,29),L(),I(8,`td`),j(9,DR,6,1,`span`,30)(10,OR,1,1),L(),I(11,`td`),N(12,kR,2,1,`span`,28,_g),N(14,AR,2,1,`span`,28,vg),j(16,jR,4,0),L(),I(17,`td`),j(18,MR,1,1)(19,NR,4,0),L(),I(20,`td`,31)(21,`div`,32),j(22,FR,4,3),j(23,IR,2,1,`button`,33),L()()(),j(24,LR,4,1,`tr`,34)),e&2){let e=t.$implicit,n=W(2);G(`active`,n.isActive(e.node)),O(2),b_(`padding-left`,14+e.depth*16,`px`),O(),J(` `,e.node.fullPath,` `),O(),M(n.isActive(e.node)?4:-1),O(),M(e.node.lazy?5:-1),O(),M(e.node.outlet?6:-1),O(),M(e.at?7:-1),O(2),M(e.node.redirectTo===void 0?10:9),O(3),P(n.guardList(e.node)),O(2),P(e.node.resolvers??nv(15,sR)),O(2),M(!n.guardList(e.node).length&&!e.node.resolvers?.length?16:-1),O(2),M(e.node.title?18:19),O(4),M(n.canNavigate(e.node)?22:-1),O(),M(e.node.kind===`lazy`&&e.node.lazy===`unloaded`?23:-1),O(),M(n.rowResult()?.id===e.node.id?24:-1)}}function zR(e,t){if(e&1&&(I(0,`div`,16)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,25),K(5,`Path`),L(),I(6,`th`,25),K(7,`Target`),L(),I(8,`th`,25),K(9,`Guards and resolvers`),L(),I(10,`th`,25),K(11,`Title`),L(),I(12,`th`,25)(13,`span`,26),K(14,`Actions`),L()()()(),I(15,`tbody`),N(16,RR,25,16,null,null,cR),L()()()),e&2){let e=W();O(16),P(e.rows())}}function BR(e,t){return`${e} of ${t} ${t===1?`route`:`routes`}`}var VR=class e{plural=yO;page=$.required();rpc=$(null);navigationAllowed=X(()=>vE(this.rpc(),`router`));navigationOff=DT(`router`);sources=$([]);filter=D(``);testUrl=D(``);pageId=X(()=>this.page().pageId);match=Q({source:this.pageId,computation:()=>null});message=Q({source:this.pageId,computation:()=>``});rowResult=Q({source:this.pageId,computation:()=>null});paramValues=Q({source:this.pageId,computation:()=>({})});checkedRow=Q({source:this.pageId,computation:()=>null});filterAnnouncement=Q({source:this.pageId,computation:()=>``});predictSeq=0;announceFlip=!1;probeSeq=0;urlInput=Ev(`urlInput`);active=X(()=>new Set(this.page().activeIds??[]));rows=X(()=>{let e=this.filter().toLowerCase(),t=this.sources(),n=[],r=(i,a)=>{for(let o of i){let i=qF(o,t),s=i&&KF(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=X(()=>{let e=t=>t.reduce((t,n)=>t+1+e(n.children??[]),0);return e(this.page().config??[])});countText=X(()=>BR(this.rows().length,this.total()));setFilter(e){this.filter.set(e);let t=this.rows().length,n=e?t?`${BR(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 JF(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(XF))}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 ZF(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 ZF(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 ZF(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 ${yO(r.length,`route`)}: ${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=k({type:e,selectors:[[`app-route-tree`]],viewQuery:function(e,t){e&1&&Zg(t.urlInput,oR,5),e&2&&Qg()},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=V();I(0,`form`,3),H(`submit`,function(n){return w(e),n.preventDefault(),T(t.predict())}),I(1,`label`,4),K(2,`Test a URL`),L(),I(3,`input`,5,0),H(`input`,function(e){return t.editUrl(e.target.value)}),L(),I(5,`button`,6),K(6,`Predict`),L(),I(7,`button`,7),H(`click`,function(){return t.probe()}),K(8,` Probe in app `),L()(),j(9,mR,11,4,`div`,8),j(10,hR,2,1,`p`,9),I(11,`p`,10),K(12),L(),j(13,gR,2,1,`p`,11),I(14,`div`,12)(15,`input`,13,1),H(`input`,function(e){return t.setFilter(e.target.value)})(`keydown.escape`,function(){return t.setFilter(``)}),L(),j(17,bR,6,3,`p`,14),L(),I(18,`p`,10),K(19),L(),j(20,xR,5,2,`div`,15)(21,SR,7,0,`div`,15)(22,zR,18,0,`div`,16)}if(e&2){let e;O(3),F(`value`,t.testUrl()),O(4),F(`disabled`,!t.navigationAllowed()),A(`aria-describedby`,t.navigationAllowed()?null:`route-tree-writes-off`),O(2),M((e=t.match())?9:-1,e),O(),M(t.message()?10:-1),O(2),q(t.rowResult()?.text),O(),M(t.navigationAllowed()?-1:13),O(2),F(`value`,t.filter()),O(2),M(t.page().config?17:-1),O(2),q(t.filterAnnouncement()),O(),M(t.page().config?t.rows().length?22:21:20)}},dependencies:[Nj,yy],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -5633,7 +5701,7 @@ tr.active[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child {
   .filter[_ngcontent-%COMP%] {
     flex-basis: 100%;
   }
-}`]})},jR=(e,t)=>t.id;function MR(e,t){if(e&1){let e=V();I(0,`div`,4)(1,`span`,5),K(2,`Page`),L(),I(3,`app-select`,6),H(`valueChange`,function(t){return w(e),T(W(2).pageId.set(t))}),L()()}if(e&2){let e=W(),t=W();O(3),F(`options`,t.pageOptions())(`value`,e.pageId)}}function NR(e,t){e&1&&j(0,MR,4,2,`div`,4),e&2&&M(W().pages().length>1?0:-1)}function PR(e,t){if(e&1){let e=V();I(0,`div`,1)(1,`p`,7),K(2,`Could not load the live router state.`),L(),I(3,`p`,8),K(4,` Check that the dev server with Pangular Inspector is still running, then retry. `),L(),I(5,`button`,9),H(`click`,function(){return w(e),T(W().retry())}),K(6,`Retry`),L()()}}function FR(e,t){e&1&&(I(0,`p`,2),K(1,`Loading the live router state…`),L())}function IR(e,t){if(e&1&&(I(0,`span`,17),K(1),L(),I(2,`span`,18),K(3),L()),e&2){let e=W(3);O(),q(e.problems()),O(2),J(`, `,e.problems(),` problem navigations`)}}function LR(e,t){if(e&1){let e=V();I(0,`button`,16),H(`click`,function(){let t=w(e).$implicit;return T(W(2).selected.set(t.id))}),K(1),j(2,IR,4,2),L()}if(e&2){let e=t.$implicit,n=W(2);F(`id`,`router-tab-`+e.id),A(`aria-selected`,e.id===n.selected())(`aria-controls`,`router-panel-`+e.id)(`tabindex`,e.id===n.selected()?0:-1),O(),J(` `,e.label,` `),O(),M(e.id===`navigations`&&n.problems()>0?2:-1)}}function RR(e,t){if(e&1){let e=V();I(0,`app-route-current`,19),H(`showComponent`,function(t){return w(e),T(W(2).showComponent.emit(t))}),L()}if(e&2){let e=W(),t=W();F(`page`,e)(`rpc`,t.rpc())}}function zR(e,t){if(e&1&&R(0,`app-route-timeline`,13),e&2){let e=W(),t=W();F(`page`,e)(`rpc`,t.rpc())}}function BR(e,t){if(e&1&&R(0,`app-route-tree`,14),e&2){let e=W(),t=W();F(`page`,e)(`rpc`,t.rpc())(`sources`,t.sources())}}function VR(e,t){e&1&&R(0,`app-route-setup`,15),e&2&&F(`page`,W())}function HR(e,t){if(e&1&&R(0,`app-route-lint`,13),e&2){let e=W(),t=W();F(`page`,e)(`rpc`,t.rpc())}}function UR(e,t){if(e&1){let e=V();I(0,`div`,10),H(`keydown`,function(t){return w(e),T(W().onKey(t))}),N(1,LR,3,6,`button`,11,jR),L(),I(3,`div`,12),j(4,RR,1,2,`app-route-current`,13)(5,zR,1,2,`app-route-timeline`,13)(6,BR,1,3,`app-route-tree`,14)(7,VR,1,1,`app-route-setup`,15)(8,HR,1,2,`app-route-lint`,13),L()}if(e&2){let e,t=W();O(),P(t.tabs),O(2),F(`id`,`router-panel-`+t.selected()),A(`aria-labelledby`,`router-tab-`+t.selected()),O(),M((e=t.selected())===`current`?4:e===`navigations`?5:e===`routes`?6:e===`setup`?7:e===`lint`?8:-1)}}function WR(e,t){e&1&&(I(0,`div`,3)(1,`p`,7),K(2,`No page is reporting router state yet.`),L(),I(3,`p`,8),K(4,` Open the app in a browser. This view updates as soon as a page connects. `),L()())}var GR=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Config`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],KR=class e{rpc=$(null);sources=$([]);showComponent=yv();tabs=GR;selected=D(`current`);pages=D([]);hostPageId=GT();loading=D(!0);failed=D(!1);pageId=Q({source:this.pages,computation:(e,t)=>KT(Object.fromEntries(e.map(e=>[e.pageId,e])),{chosen:t?.value??null,host:this.hostPageId,previous:null})});unsubscribe=null;destroyRef=C(Ns);page=X(()=>this.pages().find(e=>e.pageId===this.pageId())??null);problems=X(()=>(this.page()?.navigations??[]).filter(e=>!e.probe&&[`failed`,`cancelled`,`redirected`].includes(e.outcome)).length);constructor(){bc(()=>{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=X(()=>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=k({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&&(I(0,`div`,0)(1,`h2`),K(2,`Live router`),L(),j(3,NR,1,1),L(),j(4,PR,7,0,`div`,1)(5,FR,2,0,`p`,2)(6,UR,9,3)(7,WR,5,0,`div`,3)),e&2){let e,n;O(3),M((e=t.page())?3:-1,e),O(),M(t.failed()?4:t.loading()?5:(n=t.page())?6:7,n)}},dependencies:[wI,RI,QI,JL,AR,UD],styles:[`[_nghost-%COMP%] {
+}`]})},HR=(e,t)=>t.id;function UR(e,t){if(e&1){let e=V();I(0,`div`,4)(1,`span`,5),K(2,`Page`),L(),I(3,`app-select`,6),H(`valueChange`,function(t){return w(e),T(W(2).pageId.set(t))}),L()()}if(e&2){let e=W(),t=W();O(3),F(`options`,t.pageOptions())(`value`,e.pageId)}}function WR(e,t){e&1&&j(0,UR,4,2,`div`,4),e&2&&M(W().pages().length>1?0:-1)}function GR(e,t){if(e&1){let e=V();I(0,`div`,1)(1,`p`,7),K(2,`Could not load the live router state.`),L(),I(3,`p`,8),K(4,` Check that the dev server with Pangular Inspector is still running, then retry. `),L(),I(5,`button`,9),H(`click`,function(){return w(e),T(W().retry())}),K(6,`Retry`),L()()}}function KR(e,t){e&1&&(I(0,`p`,2),K(1,`Loading the live router state…`),L())}function qR(e,t){if(e&1&&(I(0,`span`,17),K(1),L(),I(2,`span`,18),K(3),L()),e&2){let e=W(3);O(),q(e.problems()),O(2),J(`, `,e.problems(),` problem navigations`)}}function JR(e,t){if(e&1){let e=V();I(0,`button`,16),H(`click`,function(){let t=w(e).$implicit;return T(W(2).selected.set(t.id))}),K(1),j(2,qR,4,2),L()}if(e&2){let e=t.$implicit,n=W(2);F(`id`,`router-tab-`+e.id),A(`aria-selected`,e.id===n.selected())(`aria-controls`,`router-panel-`+e.id)(`tabindex`,e.id===n.selected()?0:-1),O(),J(` `,e.label,` `),O(),M(e.id===`navigations`&&n.problems()>0?2:-1)}}function YR(e,t){if(e&1){let e=V();I(0,`app-route-current`,19),H(`showComponent`,function(t){return w(e),T(W(2).showComponent.emit(t))}),L()}if(e&2){let e=W(),t=W();F(`page`,e)(`rpc`,t.rpc())}}function XR(e,t){if(e&1&&R(0,`app-route-timeline`,13),e&2){let e=W(),t=W();F(`page`,e)(`rpc`,t.rpc())}}function ZR(e,t){if(e&1&&R(0,`app-route-tree`,14),e&2){let e=W(),t=W();F(`page`,e)(`rpc`,t.rpc())(`sources`,t.sources())}}function QR(e,t){e&1&&R(0,`app-route-setup`,15),e&2&&F(`page`,W())}function $R(e,t){if(e&1&&R(0,`app-route-lint`,13),e&2){let e=W(),t=W();F(`page`,e)(`rpc`,t.rpc())}}function ez(e,t){if(e&1){let e=V();I(0,`div`,10),H(`keydown`,function(t){return w(e),T(W().onKey(t))}),N(1,JR,3,6,`button`,11,HR),L(),I(3,`div`,12),j(4,YR,1,2,`app-route-current`,13)(5,XR,1,2,`app-route-timeline`,13)(6,ZR,1,3,`app-route-tree`,14)(7,QR,1,1,`app-route-setup`,15)(8,$R,1,2,`app-route-lint`,13),L()}if(e&2){let e,t=W();O(),P(t.tabs),O(2),F(`id`,`router-panel-`+t.selected()),A(`aria-labelledby`,`router-tab-`+t.selected()),O(),M((e=t.selected())===`current`?4:e===`navigations`?5:e===`routes`?6:e===`setup`?7:e===`lint`?8:-1)}}function tz(e,t){e&1&&(I(0,`div`,3)(1,`p`,7),K(2,`No page is reporting router state yet.`),L(),I(3,`p`,8),K(4,` Open the app in a browser. This view updates as soon as a page connects. `),L()())}var nz=[{id:`current`,label:`Current`},{id:`navigations`,label:`Navigations`},{id:`routes`,label:`Config`},{id:`setup`,label:`Setup`},{id:`lint`,label:`Lint`}],rz=class e{rpc=$(null);sources=$([]);showComponent=yv();tabs=nz;selected=D(`current`);pages=D([]);hostPageId=JT();loading=D(!0);failed=D(!1);pageId=Q({source:this.pages,computation:(e,t)=>YT(Object.fromEntries(e.map(e=>[e.pageId,e])),{chosen:t?.value??null,host:this.hostPageId,previous:null})});unsubscribe=null;destroyRef=C(js);page=X(()=>this.pages().find(e=>e.pageId===this.pageId())??null);problems=X(()=>(this.page()?.navigations??[]).filter(e=>!e.probe&&[`failed`,`cancelled`,`redirected`].includes(e.outcome)).length);constructor(){vc(()=>{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=X(()=>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=k({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&&(I(0,`div`,0)(1,`h2`),K(2,`Live router`),L(),j(3,WR,1,1),L(),j(4,GR,7,0,`div`,1)(5,KR,2,0,`p`,2)(6,ez,9,3)(7,tz,5,0,`div`,3)),e&2){let e,n;O(3),M((e=t.page())?3:-1,e),O(),M(t.failed()?4:t.loading()?5:(n=t.page())?6:7,n)}},dependencies:[FI,YI,lL,aR,VR,KD],styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 16px;
   min-width: 0;
@@ -5798,7 +5866,7 @@ h2[_ngcontent-%COMP%] {
   line-height: 16px;
   text-align: center;
   font-variant-numeric: tabular-nums;
-}`]})};function qR(e,t){e&1&&K(0,` The Config view above shows what the router uses. `)}function JR(e,t){if(e&1){let e=V();I(0,`button`,14),H(`click`,function(){w(e);let t=W();return T(t.expanded.set(!t.expanded()))}),K(1),L()}if(e&2){let e=W();A(`aria-expanded`,e.expanded()),O(),J(` `,e.expanded()?`Hide table`:`Show table`,` `)}}function YR(e,t){e&1&&(K(0,` Run `),I(1,`code`),K(2,`pangular build`),L(),K(3,` again to rebuild the report. `))}function XR(e,t){e&1&&K(0,` Check that the dev server is running, then refresh. `)}function ZR(e,t){if(e&1&&(I(0,`div`,12)(1,`p`,15),K(2,`Could not scan the route files.`),L(),I(3,`p`,16),j(4,YR,4,0)(5,XR,1,0),L()()),e&2){let e=W();O(4),M(e.staticReport()?4:5)}}function QR(e,t){e&1&&(I(0,`p`,13),K(1,`Scanning routes…`),L())}function $R(e,t){if(e&1){let e=V();I(0,`div`,17)(1,`p`,15),K(2,`No routes match the filter.`),L(),I(3,`p`,16),K(4,`Search by path, component, guard, title or file name.`),L(),I(5,`button`,11),H(`click`,function(){w(e);let t=W(2),n=$g(14);return t.filter.set(``),T(n.focus())}),K(6,` Clear filters `),L()()}}function ez(e,t){e&1&&(I(0,`div`,17)(1,`p`,15),K(2,`No routes found.`),L(),I(3,`p`,16),K(4,` Routes are read from `),I(5,`code`),K(6,`*.routes.ts`),L(),K(7,` and `),I(8,`code`),K(9,`*routing.module.ts`),L(),K(10,` files, the files they lazy load, plus Analog pages. Add one and refresh. `),L()())}function tz(e,t){e&1&&j(0,$R,7,0,`div`,17)(1,ez,11,0,`div`,17),e&2&&M(+!W().routes().length)}function nz(e,t){if(e&1&&(I(0,`span`,22),K(1),L()),e&2){let e=W().$implicit;O(),q(e.kind)}}function rz(e,t){if(e&1&&(I(0,`span`,23)(1,`span`,27),K(2,`→`),L(),I(3,`span`,28),K(4,`redirects to`),L(),K(5),L()),e&2){let e=W().$implicit;O(5),J(` `,e.redirectTo)}}function iz(e,t){if(e&1&&(I(0,`code`,24),K(1),L()),e&2){let e=W().$implicit;O(),q(e.component)}}function az(e,t){e&1&&(I(0,`span`,29),K(1,`–`),L(),I(2,`span`,28),K(3,`none`),L())}function oz(e,t){if(e&1&&(I(0,`span`,22),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function sz(e,t){e&1&&(I(0,`span`,29),K(1,`–`),L(),I(2,`span`,28),K(3,`none`),L())}function cz(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,e.title,` `)}}function lz(e,t){e&1&&(I(0,`span`,29),K(1,`–`),L(),I(2,`span`,28),K(3,`none`),L())}function uz(e,t){if(e&1&&(I(0,`tr`)(1,`td`,21),K(2),j(3,nz,2,1,`span`,22),L(),I(4,`td`),j(5,rz,6,1,`span`,23)(6,iz,2,1,`code`,24)(7,az,4,0),L(),I(8,`td`),N(9,oz,2,1,`span`,22,_g,!1,sz,4,0),L(),I(12,`td`),j(13,cz,1,1)(14,lz,4,0),L(),I(15,`td`,25),R(16,`app-source-link`,26),L()()),e&2){let e=t.$implicit,n=W(2);O(2),J(` `,e.fullPath,` `),O(),M(e.kind===`page`?-1:3),O(2),M(e.redirectTo===void 0?e.component?6:7:5),O(4),P(n.checks(e)),O(4),M(e.title?13:14),O(3),F(`file`,e.file)(`line`,e.line)}}function dz(e,t){if(e&1&&(I(0,`p`,18),K(1),L(),I(2,`div`,19)(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,20),K(7,`Path`),L(),I(8,`th`,20),K(9,`Component / Target`),L(),I(10,`th`,20),K(11,`Guards and resolvers`),L(),I(12,`th`,20),K(13,`Title`),L(),I(14,`th`,20),K(15,`Declared in`),L()()(),I(16,`tbody`),N(17,uz,17,7,`tr`,null,_g),L()()()),e&2){let e=W();O(),R_(` `,e.filtered().length,` of `,e.routes().length,` route entries, `,e.navigable(),` navigable `),O(16),P(e.filtered())}}var fz=class e{rpc=$(null);showComponent=yv();staticReport=X(()=>QT(this.rpc()));routes=D([]);filter=D(``);loading=D(!1);error=D(!1);live=Ev(KR);liveHasConfig=X(()=>!!this.live()?.page()?.config);expanded=Q(()=>!this.liveHasConfig());navigable=X(()=>this.filtered().filter(e=>e.kind===`page`).length);filtered=X(()=>{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(){bc(()=>{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=k({type:e,selectors:[[`app-route-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.live,KR,5),e&2&&Qg()},inputs:{rpc:[1,`rpc`]},outputs:{showComponent:`showComponent`},decls:21,vars:9,consts:[[`filterInput`,``],[1,`page-intro`],[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&&(I(0,`p`,1),K(1,` The live route, every navigation, the route config the router uses, the router setup and a route lint, read from the live page. Below them, the routes your source files declare. `),L(),I(2,`app-live-route`,2),H(`showComponent`,function(e){return t.showComponent.emit(e)}),L(),I(3,`section`,3)(4,`div`,4)(5,`h2`,5),K(6,`Source route config`),L(),I(7,`span`,6),K(8,` Read from your source files. `),j(9,qR,1,0),L(),j(10,JR,2,2,`button`,7),L(),I(11,`div`,8)(12,`div`,9)(13,`input`,10,0),H(`input`,function(e){return t.onFilterInput(e)})(`keydown.escape`,function(){return t.filter.set(``)}),L(),I(15,`button`,11),H(`click`,function(){return t.refresh()}),K(16),L()(),j(17,ZR,6,1,`div`,12)(18,QR,2,0,`p`,13)(19,tz,2,1)(20,dz,19,3),L()()),e&2&&(O(2),F(`rpc`,t.rpc())(`sources`,t.routes()),O(7),M(t.liveHasConfig()?9:-1),O(),M(t.liveHasConfig()?10:-1),O(),F(`hidden`,!t.expanded()),O(2),F(`value`,t.filter()),O(2),A(`aria-busy`,t.loading()),O(),J(` `,t.loading()?`Scanning…`:`Refresh`,` `),O(),M(t.error()?17:t.loading()&&t.routes().length===0?18:t.filtered().length===0?19:20))},dependencies:[KR,Aj],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function iz(e,t){e&1&&K(0,` The Config view above shows what the router uses. `)}function az(e,t){if(e&1){let e=V();I(0,`button`,14),H(`click`,function(){w(e);let t=W();return T(t.expanded.set(!t.expanded()))}),K(1),L()}if(e&2){let e=W();A(`aria-expanded`,e.expanded()),O(),J(` `,e.expanded()?`Hide table`:`Show table`,` `)}}function oz(e,t){e&1&&(K(0,` Run `),I(1,`code`),K(2,`pangular build`),L(),K(3,` again to rebuild the report. `))}function sz(e,t){e&1&&K(0,` Check that the dev server is running, then refresh. `)}function cz(e,t){if(e&1&&(I(0,`div`,12)(1,`p`,15),K(2,`Could not scan the route files.`),L(),I(3,`p`,16),j(4,oz,4,0)(5,sz,1,0),L()()),e&2){let e=W();O(4),M(e.staticReport()?4:5)}}function lz(e,t){e&1&&(I(0,`p`,13),K(1,`Scanning routes…`),L())}function uz(e,t){if(e&1){let e=V();I(0,`div`,17)(1,`p`,15),K(2,`No routes match the filter.`),L(),I(3,`p`,16),K(4,`Search by path, component, guard, title or file name.`),L(),I(5,`button`,11),H(`click`,function(){w(e);let t=W(2),n=$g(14);return t.filter.set(``),T(n.focus())}),K(6,` Clear filters `),L()()}}function dz(e,t){e&1&&(I(0,`div`,17)(1,`p`,15),K(2,`No routes found.`),L(),I(3,`p`,16),K(4,` Routes are read from `),I(5,`code`),K(6,`*.routes.ts`),L(),K(7,` and `),I(8,`code`),K(9,`*routing.module.ts`),L(),K(10,` files, the files they lazy load, plus Analog pages. Add one and refresh. `),L()())}function fz(e,t){e&1&&j(0,uz,7,0,`div`,17)(1,dz,11,0,`div`,17),e&2&&M(+!W().routes().length)}function pz(e,t){if(e&1&&(I(0,`span`,22),K(1),L()),e&2){let e=W().$implicit;O(),q(e.kind)}}function mz(e,t){if(e&1&&(I(0,`span`,23)(1,`span`,27),K(2,`→`),L(),I(3,`span`,28),K(4,`redirects to`),L(),K(5),L()),e&2){let e=W().$implicit;O(5),J(` `,e.redirectTo)}}function hz(e,t){if(e&1&&(I(0,`code`,24),K(1),L()),e&2){let e=W().$implicit;O(),q(e.component)}}function gz(e,t){e&1&&(I(0,`span`,29),K(1,`–`),L(),I(2,`span`,28),K(3,`none`),L())}function _z(e,t){if(e&1&&(I(0,`span`,22),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function vz(e,t){e&1&&(I(0,`span`,29),K(1,`–`),L(),I(2,`span`,28),K(3,`none`),L())}function yz(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,e.title,` `)}}function bz(e,t){e&1&&(I(0,`span`,29),K(1,`–`),L(),I(2,`span`,28),K(3,`none`),L())}function xz(e,t){if(e&1&&(I(0,`tr`)(1,`td`,21),K(2),j(3,pz,2,1,`span`,22),L(),I(4,`td`),j(5,mz,6,1,`span`,23)(6,hz,2,1,`code`,24)(7,gz,4,0),L(),I(8,`td`),N(9,_z,2,1,`span`,22,_g,!1,vz,4,0),L(),I(12,`td`),j(13,yz,1,1)(14,bz,4,0),L(),I(15,`td`,25),R(16,`app-source-link`,26),L()()),e&2){let e=t.$implicit,n=W(2);O(2),J(` `,e.fullPath,` `),O(),M(e.kind===`page`?-1:3),O(2),M(e.redirectTo===void 0?e.component?6:7:5),O(4),P(n.checks(e)),O(4),M(e.title?13:14),O(3),F(`file`,e.file)(`line`,e.line)}}function Sz(e,t){if(e&1&&(I(0,`p`,18),K(1),L(),I(2,`div`,19)(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,20),K(7,`Path`),L(),I(8,`th`,20),K(9,`Component / Target`),L(),I(10,`th`,20),K(11,`Guards and resolvers`),L(),I(12,`th`,20),K(13,`Title`),L(),I(14,`th`,20),K(15,`Declared in`),L()()(),I(16,`tbody`),N(17,xz,17,7,`tr`,null,_g),L()()()),e&2){let e=W();O(),R_(` `,e.filtered().length,` of `,e.routes().length,` route entries, `,e.navigable(),` navigable `),O(16),P(e.filtered())}}var Cz=class e{rpc=$(null);showComponent=yv();staticReport=X(()=>tE(this.rpc()));routes=D([]);filter=D(``);loading=D(!1);error=D(!1);live=Ev(rz);liveHasConfig=X(()=>!!this.live()?.page()?.config);expanded=Q(()=>!this.liveHasConfig());navigable=X(()=>this.filtered().filter(e=>e.kind===`page`).length);filtered=X(()=>{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(){vc(()=>{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=k({type:e,selectors:[[`app-route-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.live,rz,5),e&2&&Qg()},inputs:{rpc:[1,`rpc`]},outputs:{showComponent:`showComponent`},decls:21,vars:9,consts:[[`filterInput`,``],[1,`page-intro`],[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&&(I(0,`p`,1),K(1,` The live route, every navigation, the route config the router uses, the router setup and a route lint, read from the live page. Below them, the routes your source files declare. `),L(),I(2,`app-live-route`,2),H(`showComponent`,function(e){return t.showComponent.emit(e)}),L(),I(3,`section`,3)(4,`div`,4)(5,`h2`,5),K(6,`Source route config`),L(),I(7,`span`,6),K(8,` Read from your source files. `),j(9,iz,1,0),L(),j(10,az,2,2,`button`,7),L(),I(11,`div`,8)(12,`div`,9)(13,`input`,10,0),H(`input`,function(e){return t.onFilterInput(e)})(`keydown.escape`,function(){return t.filter.set(``)}),L(),I(15,`button`,11),H(`click`,function(){return t.refresh()}),K(16),L()(),j(17,cz,6,1,`div`,12)(18,lz,2,0,`p`,13)(19,fz,2,1)(20,Sz,19,3),L()()),e&2&&(O(2),F(`rpc`,t.rpc())(`sources`,t.routes()),O(7),M(t.liveHasConfig()?9:-1),O(),M(t.liveHasConfig()?10:-1),O(),F(`hidden`,!t.expanded()),O(2),F(`value`,t.filter()),O(2),A(`aria-busy`,t.loading()),O(),J(` `,t.loading()?`Scanning…`:`Refresh`,` `),O(),M(t.error()?17:t.loading()&&t.routes().length===0?18:t.filtered().length===0?19:20))},dependencies:[rz,Nj],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
   font-size: 13px;
   line-height: 1.5;
@@ -6185,7 +6253,7 @@ h2[_ngcontent-%COMP%] {
   font-family: var(--%NS%font-mono);
   font-size: 12px;
   overflow-wrap: anywhere;
-}`]})},pz=[`ArrowDown`,`ArrowUp`,`Home`,`End`],mz=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,hz=class e{appRovingList=$(``);rovingWindow=$(null);host=C(Wl).nativeElement;current=null;focusInside=!1;constructor(){let e=C(Ns);dd(()=>{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(mz))??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(!pz.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=kh({type:e,selectors:[[``,`appRovingList`,``]],hostBindings:function(e,t){e&1&&H(`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`]}})},gz=56,_z=12,vz=8,yz=4;function bz(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 xz(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 Sz(e,t){let{producers:n,consumers:r}=bz(e,t),i=xz(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<yz;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:vz+e*224,y:vz+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-gz,height:16+Math.max(1,f)*56-_z}}function Cz(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 wz(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}=Cz(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 Tz(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 Ez=(e,t)=>t.producer+`>`+t.consumer,Dz=(e,t)=>t.id;function Oz(e,t){if(e&1&&(z(0,`p`,5),K(1),B()),e&2){let e=t,n=W();O(),R_(` 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 kz(e,t){if(e&1&&(E(),kg(0,`path`,11)),e&2){let e=t.$implicit;x_(W().edgeTone(e)),A(`d`,e.path)}}function Az(e,t){e&1&&(z(0,`span`,15),K(1,`watching`),B())}function jz(e,t){if(e&1){let e=V();z(0,`button`,12),U(`click`,function(){let t=w(e).$implicit;return T(W().pick(t.id))})(`focus`,function(){let t=w(e).$implicit;return T(W().focused.set(t.id))})(`keydown`,function(t){let n=w(e).$implicit;return T(W().onKey(t,n.id))}),z(1,`span`,13),kg(2,`span`,14),K(3),j(4,Az,2,0,`span`,15),B(),z(5,`span`,16),K(6),B()()}if(e&2){let e=t.$implicit,n=W();x_(n.tone(e.id)),b_(`left`,e.x,`px`)(`top`,e.y,`px`)(`width`,n.nodeWidth,`px`)(`height`,n.nodeHeight,`px`),Fg(`title`,n.labelOf(e.id)),A(`tabindex`,e.id===n.focusId()?0:-1)(`aria-pressed`,e.id===n.selectedId())(`aria-label`,n.describe(e.id))(`data-node`,e.id),O(2),b_(`background`,n.colorOf(e.id)),O(),J(` `,n.byId().get(e.id)?.kind,` `),O(),M(n.watched().has(e.id)?4:-1),O(2),q(n.labelOf(e.id))}}var Mz=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),Nz=class e{nodes=$.required();links=$.required();selectedId=$(null);watched=$(new Set);kindColor=$(()=>`var(--text-3)`);selected=yv();host=C(Wl).nativeElement;static seq=0;helpId=`signal-graph-help-${++e.seq}`;nodeWidth=168;nodeHeight=44;byId=X(()=>new Map(this.nodes().map(e=>[e.id,e])));drawn=X(()=>wz(this.nodes().map(e=>e.id),this.links(),this.selectedId()));capped=X(()=>{let e=this.nodes().length,t=this.drawn().length;return t<e?{drawn:t,total:e}:null});layout=X(()=>Sz(this.drawn(),this.links()));chain=X(()=>{let e=this.selectedId();return e&&this.byId().has(e)?Cz(e,this.links()):null});counts=X(()=>{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=D(null);focusId=X(()=>{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(!Mz.has(e.key))return;e.preventDefault();let n=Tz(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=k({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&&(z(0,`p`,0),K(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. `),B(),z(2,`div`,1)(3,`span`,2),K(4,`Selected`),B(),z(5,`span`,3),K(6,`Upstream (producers)`),B(),z(7,`span`,4),K(8,`Downstream (consumers)`),B()(),j(9,Oz,2,3,`p`,5),z(10,`div`,6)(11,`div`,7),E(),z(12,`svg`,8),N(13,kz,1,3,`:svg:path`,9,Ez),B(),N(15,jz,7,20,`button`,10,Dz),B()()),e&2){let e;Fg(`id`,t.helpId),O(9),M((e=t.capped())?9:-1,e),O(),A(`aria-label`,`Signal graph, `+t.layout().nodes.length+` signals`)(`aria-describedby`,t.helpId),O(),b_(`width`,t.layout().width,`px`)(`height`,t.layout().height,`px`),O(),A(`width`,t.layout().width)(`height`,t.layout().height)(`viewBox`,`0 0 `+t.layout().width+` `+t.layout().height),O(),P(t.layout().edges),O(2),P(t.layout().nodes)}},styles:[`[_nghost-%COMP%] {
+}`]})},wz=[`ArrowDown`,`ArrowUp`,`Home`,`End`],Tz=`[aria-pressed="true"], [aria-expanded="true"], [aria-current]:not([aria-current="false"]), .selected`,Ez=class e{appRovingList=$(``);rovingWindow=$(null);host=C(Hl).nativeElement;current=null;focusInside=!1;constructor(){let e=C(js);dd(()=>{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(Tz))??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(!wz.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=kh({type:e,selectors:[[``,`appRovingList`,``]],hostBindings:function(e,t){e&1&&H(`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`]}})},Dz=56,Oz=12,kz=8,Az=4;function jz(e,t){let n=new Set(e),r=new Map(e.map(e=>[e,[]])),i=new Map(e.map(e=>[e,[]]));for(let{producer:e,consumer:a}of t)n.has(e)&&n.has(a)&&e!==a&&(r.get(a).push(e),i.get(e).push(a));return{producers:r,consumers:i}}function Mz(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 Nz(e,t){let{producers:n,consumers:r}=jz(e,t),i=Mz(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<Az;e++){for(let e=1;e<a.length;e++)c(a[e],n);for(let e=a.length-2;e>=0;e--)c(a[e],r)}let l=[],u=new Map;for(let[e,t]of a.entries())for(let[n,r]of t.entries()){let t={id:r,layer:e,row:n,x:kz+e*224,y:kz+n*56};l.push(t),u.set(r,t)}let d=[];for(let[e,t]of n){let n=u.get(e);for(let r of t){let t=u.get(r),i=t.x+168,a=t.y+22,o=n.x,s=n.y+22,c=Math.max(24,(o-i)/2);d.push({producer:r,consumer:e,path:`M${i} ${a} C${i+c} ${a} ${o-c} ${s} ${o} ${s}`})}}let f=Math.max(0,...a.map(e=>e.length));return{nodes:l,edges:d,layers:a,width:16+Math.max(1,a.length)*224-Dz,height:16+Math.max(1,f)*56-Oz}}function Pz(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 Fz(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}=Pz(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 Iz(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 Lz=(e,t)=>t.producer+`>`+t.consumer,Rz=(e,t)=>t.id;function zz(e,t){if(e&1&&(z(0,`p`,5),K(1),B()),e&2){let e=t,n=W();O(),R_(` 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 Bz(e,t){if(e&1&&(E(),kg(0,`path`,11)),e&2){let e=t.$implicit;x_(W().edgeTone(e)),A(`d`,e.path)}}function Vz(e,t){e&1&&(z(0,`span`,15),K(1,`watching`),B())}function Hz(e,t){if(e&1){let e=V();z(0,`button`,12),U(`click`,function(){let t=w(e).$implicit;return T(W().pick(t.id))})(`focus`,function(){let t=w(e).$implicit;return T(W().focused.set(t.id))})(`keydown`,function(t){let n=w(e).$implicit;return T(W().onKey(t,n.id))}),z(1,`span`,13),kg(2,`span`,14),K(3),j(4,Vz,2,0,`span`,15),B(),z(5,`span`,16),K(6),B()()}if(e&2){let e=t.$implicit,n=W();x_(n.tone(e.id)),b_(`left`,e.x,`px`)(`top`,e.y,`px`)(`width`,n.nodeWidth,`px`)(`height`,n.nodeHeight,`px`),Fg(`title`,n.labelOf(e.id)),A(`tabindex`,e.id===n.focusId()?0:-1)(`aria-pressed`,e.id===n.selectedId())(`aria-label`,n.describe(e.id))(`data-node`,e.id),O(2),b_(`background`,n.colorOf(e.id)),O(),J(` `,n.byId().get(e.id)?.kind,` `),O(),M(n.watched().has(e.id)?4:-1),O(2),q(n.labelOf(e.id))}}var Uz=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`]),Wz=class e{nodes=$.required();links=$.required();selectedId=$(null);watched=$(new Set);kindColor=$(()=>`var(--text-3)`);selected=yv();host=C(Hl).nativeElement;static seq=0;helpId=`signal-graph-help-${++e.seq}`;nodeWidth=168;nodeHeight=44;byId=X(()=>new Map(this.nodes().map(e=>[e.id,e])));drawn=X(()=>Fz(this.nodes().map(e=>e.id),this.links(),this.selectedId()));capped=X(()=>{let e=this.nodes().length,t=this.drawn().length;return t<e?{drawn:t,total:e}:null});layout=X(()=>Nz(this.drawn(),this.links()));chain=X(()=>{let e=this.selectedId();return e&&this.byId().has(e)?Pz(e,this.links()):null});counts=X(()=>{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=D(null);focusId=X(()=>{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(!Uz.has(e.key))return;e.preventDefault();let n=Iz(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=k({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&&(z(0,`p`,0),K(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. `),B(),z(2,`div`,1)(3,`span`,2),K(4,`Selected`),B(),z(5,`span`,3),K(6,`Upstream (producers)`),B(),z(7,`span`,4),K(8,`Downstream (consumers)`),B()(),j(9,zz,2,3,`p`,5),z(10,`div`,6)(11,`div`,7),E(),z(12,`svg`,8),N(13,Bz,1,3,`:svg:path`,9,Lz),B(),N(15,Hz,7,20,`button`,10,Rz),B()()),e&2){let e;Fg(`id`,t.helpId),O(9),M((e=t.capped())?9:-1,e),O(),A(`aria-label`,`Signal graph, `+t.layout().nodes.length+` signals`)(`aria-describedby`,t.helpId),O(),b_(`width`,t.layout().width,`px`)(`height`,t.layout().height,`px`),O(),A(`width`,t.layout().width)(`height`,t.layout().height)(`viewBox`,`0 0 `+t.layout().width+` `+t.layout().height),O(),P(t.layout().edges),O(2),P(t.layout().nodes)}},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -6366,7 +6434,7 @@ svg[_ngcontent-%COMP%] {
    .gnode[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},Pz=[`filterInput`],Fz=e=>({id:e,label:`Status history`}),Iz=e=>({id:e,label:`Value history`}),Lz=(e,t)=>t.kind,Rz=(e,t)=>t.name+t.file+t.line,zz=(e,t)=>t.epoch,Bz=(e,t)=>t.id,Vz=(e,t)=>t.id+`:`+t.change.epoch;function Hz(e,t){if(e&1){let e=V();I(0,`div`,4)(1,`span`,18),K(2,`Page`),L(),I(3,`app-select`,19),H(`valueChange`,function(t){return w(e),T(W().selectPage(t))}),L()()}if(e&2){let e=W();O(3),F(`options`,e.pageOptions())(`value`,e.shownPageId())}}function Uz(e,t){if(e&1){let e=V();I(0,`div`,5)(1,`span`,20),K(2,`Graph of`),L(),I(3,`app-select`,21),H(`valueChange`,function(t){return w(e),T(W().pickComponent(t))}),L()()}if(e&2){let e=W();O(3),F(`options`,e.componentOptions())(`value`,e.pickerValue())}}function Wz(e,t){if(e&1&&(I(0,`span`,24),K(1),L()),e&2){let e=W(2);O(),q(e.sourceNote(e.graph().source))}}function Gz(e,t){if(e&1&&(I(0,`p`,7)(1,`span`,22),K(2),L(),I(3,`span`,23),K(4),L(),j(5,Wz,2,1,`span`,24),L()),e&2){let e=t,n=W();O(2),q(e.name),O(2),q(e.path),O(),M(n.graph().source?5:-1)}}function Kz(e,t){if(e&1&&(I(0,`p`,7)(1,`span`,22),K(2),L(),I(3,`span`,24),K(4,`environment injector`),L()()),e&2){let e=W();O(2),q(e.injectorLabel(t))}}function qz(e,t){e&1&&(I(0,`p`,8),K(1,` The picked component or injector is gone or has no signal graph, so this shows another one. `),L())}function Jz(e,t){e&1&&K(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 Yz(e,t){e&1&&K(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 Xz(e,t){e&1&&K(0,` Loading the live signal graph… `)}function Zz(e,t){e&1&&K(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function Qz(e,t){if(e&1&&(I(0,`app-angular-unavailable`,10),K(1,` This list comes from a source scan. `),L()),e&2){let e=W();F(`page`,e.angularPage())(`missing`,e.unsupported())}}function $z(e,t){e&1&&(I(0,`p`,8),K(1,` The signal write hook did not load. Value history shows sampled values only, with no exact set entries. `),L())}function eB(e,t){if(e&1&&(I(0,`p`,8),K(1),L()),e&2){let e=W();O(),Y(` Showing `,e.graph().nodes.length,` of `,t,` signals. The rest and their edges are left out. `)}}function tB(e,t){if(e&1){let e=V();I(0,`button`,25),H(`click`,function(){let t=w(e).$implicit,n=W(2);return T(n.kind.set(n.kind()===t.kind?null:t.kind))}),R(1,`span`,28),I(2,`span`,29),K(3),L(),I(4,`span`,26),K(5),L()()}if(e&2){let e=t.$implicit,n=W(2);G(`active`,n.kind()===e.kind),A(`aria-pressed`,n.kind()===e.kind),O(),b_(`background`,n.kindColor(e.kind)),O(2),q(e.kind),O(2),q(e.count)}}function nB(e,t){if(e&1){let e=V();I(0,`div`,11)(1,`button`,25),H(`click`,function(){return w(e),T(W().kind.set(null))}),K(2,` All `),I(3,`span`,26),K(4),L()(),N(5,tB,6,7,`button`,27,Lz),L()}if(e&2){let e=W();O(),G(`active`,!e.kind()),A(`aria-pressed`,!e.kind()),O(3),q(e.kindTotal()),O(),P(e.kindChips())}}function rB(e,t){e&1&&(I(0,`div`,12),R(1,`span`,30),I(2,`p`,31),K(3,`Scanning source for signals…`),L()())}function iB(e,t){if(e&1){let e=V();I(0,`div`,32)(1,`p`,31),K(2,`Couldn't load signals`),L(),I(3,`p`,33),K(4,` The devtools server did not answer. Check that it is still running, then retry. `),L(),I(5,`button`,34),H(`click`,function(){return w(e),T(W().retry())}),K(6),L()()}if(e&2){let e=W();G(`compact`,e.sourceSignals().length>0),O(5),A(`aria-disabled`,e.retrying()||null),O(),J(` `,e.retrying()?`Retrying…`:`Retry`,` `)}}function aB(e,t){e&1&&(I(0,`div`,14)(1,`p`,31),K(2,`No signals found.`),L(),I(3,`p`,33),K(4,` No `),I(5,`code`),K(6,`signal()`),L(),K(7,`, `),I(8,`code`),K(9,`computed()`),L(),K(10,` or `),I(11,`code`),K(12,`effect()`),L(),K(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. `),L()())}function oB(e,t){if(e&1&&(I(0,`span`,44),K(1,`·`),L(),I(2,`span`),K(3),L()),e&2){let e=W().$implicit;O(3),J(`in <`,e.component,`>`)}}function sB(e,t){if(e&1&&(I(0,`div`,37)(1,`div`,39)(2,`span`,40),K(3),L(),I(4,`span`,41),K(5),L()(),I(6,`div`,42),R(7,`app-source-link`,43),j(8,oB,4,1),L()()),e&2){let e=t.$implicit,n=W(2);O(2),b_(`background`,n.kindColor(e.kind)),O(),q(e.kind),O(2),q(e.name),O(2),F(`file`,e.file)(`line`,e.line),O(),M(e.component?8:-1)}}function cB(e,t){if(e&1){let e=V();I(0,`div`,38)(1,`p`,31),K(2,`No signals match.`),L(),I(3,`p`,33),K(4,`Try a different name or kind.`),L(),I(5,`button`,34),H(`click`,function(){return w(e),T(W(2).clearFilters())}),K(6,`Clear filters`),L()()}}function lB(e,t){if(e&1&&(I(0,`p`,35),K(1,`Signals from the source scan:`),L(),I(2,`div`,36),N(3,sB,9,7,`div`,37,Rz,!1,cB,7,0,`div`,38),L()),e&2){let e=W();O(3),P(e.filteredSourceSignals())}}function uB(e,t){e&1&&(I(0,`p`,33),K(1),L()),e&2&&(O(),J(`Restore is off. `,t))}function dB(e,t){if(e&1&&(j(0,uB,2,1,`p`,33),I(1,`p`,48),K(2),L()),e&2){let e,t=W(2).id,n=W();M((e=n.restoreBlocked())?0:-1,e),O(),G(`has-text`,n.restoreResult()?.id===t)(`restore-error`,n.restoreResult()?.id===t&&n.restoreResult()?.error),O(),J(` `,n.restoreResult()?.id===t?n.restoreResult()?.text:``,` `)}}function fB(e,t){if(e&1&&(I(0,`span`,51),K(1),L()),e&2){let e=W().$implicit;O(),J(``,e.missed,` earlier not captured`)}}function pB(e,t){if(e&1){let e=V();G_(0),cv(1,`date`),I(2,`button`,54),H(`click`,function(){w(e);let t=q_(0),n=W().$implicit;W();let r=q_(4);return T(W(2).restore(r,n,t??``))}),K(3,` Restore `),L()}if(e&2){let e=W().$implicit,t=W(3),n=K_(uv(1,2,e.at,`HH:mm:ss.SSS`));O(2),A(`aria-label`,`Restore value from `+n)(`aria-disabled`,t.restoring()||null)}}function mB(e,t){if(e&1&&(I(0,`li`),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function hB(e,t){if(e&1&&(I(0,`ol`,53),N(1,mB,2,1,`li`,null,_g),L()),e&2){let e=W().$implicit;O(),P(e.stack)}}function gB(e,t){if(e&1&&(I(0,`li`)(1,`span`,49)(2,`time`),K(3),cv(4,`date`),L(),I(5,`span`,50),K(6),L(),I(7,`span`),K(8),L(),j(9,fB,2,1,`span`,51),j(10,pB,4,6,`button`,52),L(),I(11,`pre`),K(12),cv(13,`json`),L(),j(14,hB,3,0,`ol`,53),L()),e&2){let e=t.$implicit,n=t.$index;W();let r=q_(4),i=W(2);O(3),q(uv(4,9,e.at,`HH:mm:ss.SSS`)),O(2),x_(`source-`+e.source),O(),q(i.sourceLabel(e.source)),O(2),J(`epoch `,e.epoch),O(),M(e.missed?9:-1),O(),M(r&&!i.restoreBlocked()&&n!==0?10:-1),O(2),q(lv(13,12,e.value)),O(2),M(e.stack?.length?14:-1)}}function _B(e,t){if(e&1&&(I(0,`h4`,45),K(1),L(),I(2,`p`,46),K(3),L(),G_(4),j(5,dB,3,6),I(6,`ol`,47),N(7,gB,15,14,`li`,null,zz),L()),e&2){let e=W(),t=e.id,n=e.label,r=W();F(`id`,`history-heading-`+t),O(),q(n),O(2),q(r.historySummary(t)),O();let i=K_(r.restorable(t));O(),M(i?5:-1),O(),A(`aria-labelledby`,`history-heading-`+t),O(),P(r.selectedHistory())}}function vB(e,t){e&1&&j(0,_B,9,6),e&2&&M(W().selectedHistory().length?0:-1)}function yB(e,t){if(e&1){let e=V();I(0,`button`,59),H(`click`,function(){w(e);let t=W(2);return T(t.showFramework.set(!t.showFramework()))}),K(1,` Show framework signals `),I(2,`span`,26),K(3),L()()}if(e&2){let e=W(2);A(`aria-pressed`,e.showFramework()),O(3),Y(``,t,` `,e.showFramework()?`shown`:`hidden`)}}function bB(e,t){e&1&&(I(0,`p`,61),K(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. `),L())}function xB(e,t){if(e&1){let e=V();I(0,`app-signal-graph-view`,65),H(`selected`,function(t){return w(e),T(W(3).selectFromGraph(t))}),L()}if(e&2){let e=W(3);F(`nodes`,e.graphNodes())(`links`,e.graphLinks())(`selectedId`,e.selectedId())(`watched`,e.watchedIds())(`kindColor`,e.kindColorOf)}}function SB(e,t){e&1&&(I(0,`p`,61),K(1,` Every signal in this graph was created by Angular. Show framework signals to see them. `),L())}function CB(e,t){if(e&1){let e=V();I(0,`p`,64)(1,`span`),K(2,`Selected`),L(),I(3,`span`,66),K(4),L(),I(5,`span`,44),K(6,`·`),L(),I(7,`span`),K(8),L(),I(9,`span`,44),K(10,`·`),L(),I(11,`span`),K(12),L(),I(13,`button`,67),H(`click`,function(){let t=w(e);return T(W(3).jumpTo(t))}),K(14,` Show details `),L()()}if(e&2){let e=t,n=W(3);O(4),q(e.label??`(unnamed)`),O(4),q(n.plural(n.getDependencies(e).length,`producer`)),O(4),q(n.plural(n.getConsumers(e).length,`consumer`))}}function wB(e,t){if(e&1&&(I(0,`div`,62),j(1,xB,1,5,`app-signal-graph-view`,63)(2,SB,2,0,`p`,61),j(3,CB,15,3,`p`,64),L()),e&2){let e,t=W(2);O(),M(t.graphNodes().length?1:2),O(2),M((e=t.selectedNode())?3:-1,e)}}function TB(e,t){if(e&1){let e=V();I(0,`section`,15)(1,`div`,55)(2,`h2`,56),K(3,`Graph`),L(),I(4,`div`,57),j(5,yB,4,3,`button`,58),I(6,`button`,59),H(`click`,function(){return w(e),T(W().toggleStacks())}),K(7,` Record write stacks `),L(),I(8,`button`,60),H(`click`,function(){w(e);let t=W();return T(t.showGraph.set(!t.showGraph()))}),K(9),L()()(),j(10,bB,2,0,`p`,61),j(11,wB,4,2,`div`,62),L()}if(e&2){let e,t=W();O(5),M((e=t.frameworkCount())?5:-1,e),O(),A(`aria-pressed`,t.stacksOn()),O(2),A(`aria-expanded`,t.showGraph()),O(),J(` `,t.showGraph()?`Hide graph`:`Show graph`,` `),O(),M(t.stacksOn()?10:-1),O(),M(t.showGraph()?11:-1)}}function EB(e,t){if(e&1&&(I(0,`p`,33),K(1),L()),e&2){let e=t;O(),Y(` `,e,` watched `,e===1?`signal is`:`signals are`,` not in this graph. Their changes still log to the page console. `)}}function DB(e,t){if(e&1&&(I(0,`span`,70),K(1),cv(2,`json`),L()),e&2){let e=W().$implicit;O(),q(lv(2,1,e.value))}}function OB(e,t){if(e&1&&(I(0,`span`,71),K(1),L()),e&2){let e=t;O(),Y(``,e,` `,e===1?`change`:`changes`)}}function kB(e,t){if(e&1){let e=V();I(0,`li`)(1,`span`,66),K(2),L(),j(3,DB,3,3,`span`,70),j(4,OB,2,2,`span`,71),I(5,`button`,67),H(`click`,function(){let t=w(e).$implicit;return T(W(2).toggleWatch(t))}),K(6,` Stop watching `),L()()}if(e&2){let e,n=t.$implicit,r=W(2);O(2),q(n.label??`(unnamed)`),O(),M(n.value===void 0?-1:3),O(),M((e=r.changeCount(n.id))?4:-1,e),O(),A(`aria-label`,`Stop watching `+(n.label??`the unnamed signal`))}}function AB(e,t){if(e&1&&(I(0,`li`),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function jB(e,t){if(e&1&&(I(0,`ol`,53),N(1,AB,2,1,`li`,null,_g),L()),e&2){let e=W().$implicit;O(),P(e.change.stack)}}function MB(e,t){if(e&1&&(I(0,`li`)(1,`span`,49)(2,`time`),K(3),cv(4,`date`),L(),I(5,`span`,66),K(6),L(),I(7,`span`,50),K(8),L()(),I(9,`pre`),K(10),cv(11,`json`),L(),j(12,jB,3,0,`ol`,53),L()),e&2){let e=t.$implicit,n=W(3);O(3),q(uv(4,7,e.change.at,`HH:mm:ss.SSS`)),O(3),q(e.label),O(),x_(`source-`+e.change.source),O(),q(n.sourceLabel(e.change.source)),O(2),q(lv(11,10,e.change.value)),O(2),M(e.change.stack?.length?12:-1)}}function NB(e,t){if(e&1&&(I(0,`h3`,72),K(1,`Recent changes`),L(),I(2,`div`,73)(3,`ol`,74),N(4,MB,13,12,`li`,null,Vz),L()()),e&2){let e=W(2);O(4),P(e.watchLog())}}function PB(e,t){if(e&1&&(I(0,`section`,16)(1,`h2`,68),K(2,`Watched`),L(),j(3,EB,2,2,`p`,33),I(4,`ul`,69),N(5,kB,7,4,`li`,null,Bz),L(),j(7,NB,6,0),L()),e&2){let e,t=W();O(3),M((e=t.watchedElsewhere())?3:-1,e),O(2),P(t.watchedNodes()),O(2),M(t.watchLog().length?7:-1)}}function FB(e,t){if(e&1&&(I(0,`span`,82),K(1),L()),e&2){let e=W().$implicit;x_(`tone-`+W(2).statusTone(e.status)),O(),q(e.status)}}function IB(e,t){if(e&1&&(I(0,`span`,71),K(1),L()),e&2){let e=t;O(),Y(``,e,` `,e===1?`change`:`changes`)}}function LB(e,t){if(e&1&&(I(0,`span`,80),K(1),cv(2,`json`),L()),e&2){let e=W().$implicit;O(),q(lv(2,1,e.error))}}function RB(e,t){if(e&1&&(I(0,`span`,80),K(1),cv(2,`json`),L()),e&2){let e=W().$implicit;O(),q(lv(2,1,e.value))}}function zB(e,t){e&1&&(I(0,`p`,33),K(1,` This resource has no name. Pass `),I(2,`code`),K(3,`debugName`),L(),K(4,` to `),I(5,`code`),K(6,`resource()`),L(),K(7,` or `),I(8,`code`),K(9,`httpResource()`),L(),K(10,` to name it here. `),L())}function BB(e,t){if(e&1&&(I(0,`dt`),K(1,`Loading`),L(),I(2,`dd`),K(3),L()),e&2){let e=W(2).$implicit;O(3),q(e.isLoading?`yes`:`no`)}}function VB(e,t){if(e&1&&(I(0,`dt`),K(1,`HTTP status`),L(),I(2,`dd`),K(3),L()),e&2){let e=W(2).$implicit;O(3),q(e.statusCode)}}function HB(e,t){if(e&1&&(I(0,`dt`),K(1,`Params`),L(),I(2,`dd`)(3,`pre`,86),K(4),cv(5,`json`),L()()),e&2){let e=W(2).$implicit;O(3),A(`aria-label`,`Params of `+e.name),O(),q(lv(5,2,e.params))}}function UB(e,t){if(e&1&&(I(0,`dt`),K(1,`Value`),L(),I(2,`dd`)(3,`pre`,86),K(4),cv(5,`json`),L()()),e&2){let e=W(2).$implicit;O(3),A(`aria-label`,`Value of `+e.name),O(),q(lv(5,2,e.value))}}function WB(e,t){if(e&1&&(I(0,`dt`),K(1,`Error`),L(),I(2,`dd`)(3,`pre`,86),K(4),cv(5,`json`),L()()),e&2){let e=W(2).$implicit;O(3),A(`aria-label`,`Error of `+e.name),O(),q(lv(5,2,e.error))}}function GB(e,t){if(e&1&&(I(0,`li`)(1,`span`,87),K(2),L(),I(3,`span`,66),K(4),L()()),e&2){let e=t.$implicit,n=W(5);O(),b_(`background`,n.kindColor(e.kind)),O(),q(e.kind),O(2),q(e.label??e.id)}}function KB(e,t){if(e&1&&(I(0,`ul`,45),N(1,GB,5,4,`li`,null,Bz),L()),e&2){let e=W(2).$implicit,t=W(2);F(`id`,`resource-internals-`+e.id),O(),P(t.internalsOf(e))}}function qB(e,t){if(e&1){let e=V();I(0,`div`,81)(1,`h3`,83),K(2),L(),j(3,zB,11,0,`p`,33),I(4,`dl`)(5,`dt`),K(6,`Status`),L(),I(7,`dd`),K(8),L(),j(9,BB,4,1),j(10,VB,4,1),j(11,HB,6,4),j(12,UB,6,4),j(13,WB,6,4),L(),Ng(14,84),I(15,`button`,85),H(`click`,function(){w(e);let t=W(3);return T(t.showInternals.set(!t.showInternals()))}),K(16),L(),j(17,KB,3,1,`ul`,45),L()}if(e&2){let e=W().$implicit,t=W(2),n=$g(24);F(`id`,`signal-detail-`+e.id),O(2),q(e.name),O(),M(e.named?-1:3),O(5),q(e.status??`unknown`),O(),M(e.isLoading===void 0?-1:9),O(),M(e.statusCode===void 0?-1:10),O(),M(e.params===void 0?-1:11),O(),M(e.value===void 0?-1:12),O(),M(e.error===void 0?-1:13),O(),F(`ngTemplateOutlet`,n)(`ngTemplateOutletContext`,rv(16,Fz,e.id)),O(),A(`aria-expanded`,t.showInternals())(`aria-controls`,`resource-internals-`+e.id),O(),Y(` `,t.showInternals()?`Hide`:`Show`,` internal signals (`,e.nodeIds.length,`) `),O(),M(t.showInternals()?17:-1)}}function JB(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,77),H(`click`,function(){let t=w(e).$implicit;return T(W(2).select(t.id))}),I(2,`span`,39)(3,`span`,40),K(4,`resource`),L(),I(5,`span`,41),K(6),L(),j(7,FB,2,3,`span`,78),j(8,IB,2,2,`span`,71),R(9,`span`,79),L(),j(10,LB,3,3,`span`,80)(11,RB,3,3,`span`,80),L(),j(12,qB,18,18,`div`,81),L()}if(e&2){let e,n=t.$implicit,r=W(2);O(),G(`selected`,r.selectedId()===n.id),A(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),O(2),b_(`background`,r.kindColor(`resource`)),O(3),q(n.name),O(),M(n.status?7:-1),O(),M((e=n.changes)?8:-1,e),O(2),M(n.error===void 0?n.value===void 0?-1:11:10),O(2),M(r.selectedId()===n.id?12:-1)}}function YB(e,t){if(e&1&&(I(0,`h2`,75),K(1,`Resources`),L(),I(2,`ul`,76),N(3,JB,13,12,`li`,null,Bz),L()),e&2){let e=W();O(3),P(e.filteredResources())}}function XB(e,t){e&1&&(I(0,`span`,90),K(1,`watching`),L())}function ZB(e,t){e&1&&(I(0,`span`,91),K(1,`framework`),L())}function QB(e,t){if(e&1&&(I(0,`span`,71),K(1),L()),e&2){let e=t;O(),Y(``,e,` `,e===1?`change`:`changes`)}}function $B(e,t){if(e&1&&(I(0,`span`,80),K(1),cv(2,`json`),L()),e&2){let e=W().$implicit;O(),q(lv(2,1,e.value))}}function eV(e,t){if(e&1&&(I(0,`span`,44),K(1,`·`),L(),I(2,`span`),K(3),L()),e&2){let e=W().$implicit,t=W(2);O(3),J(`Deps: `,t.getDependencies(e).length)}}function tV(e,t){if(e&1&&(I(0,`span`,44),K(1,`·`),L(),I(2,`span`),K(3),L()),e&2){let e=W().$implicit,t=W(2);O(3),J(`Consumers: `,t.getConsumers(e).length)}}function nV(e,t){if(e&1&&(I(0,`dt`),K(1,`Value`),L(),I(2,`dd`)(3,`pre`,86),K(4),cv(5,`json`),L()()),e&2){let e=W(4);O(3),A(`aria-label`,`Value of `+(e.selectedNode().label??`signal`)),O(),q(lv(5,2,e.selectedNode().value))}}function rV(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,92),H(`click`,function(){let t=w(e).$implicit;return T(W(5).jumpTo(t))}),I(2,`span`,87),K(3),L(),I(4,`span`,66),K(5),L()()()}if(e&2){let e=t.$implicit,n=W(5);O(),A(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),O(),b_(`background`,n.kindColor(e.kind)),O(),q(e.kind),O(2),q(e.label??e.id)}}function iV(e,t){if(e&1&&(I(0,`h4`),K(1,`Dependencies (producers)`),L(),I(2,`ul`),N(3,rV,6,5,`li`,null,Bz),L()),e&2){let e=W(4);O(3),P(e.getDependencies(e.selectedNode()))}}function aV(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,92),H(`click`,function(){let t=w(e).$implicit;return T(W(5).jumpTo(t))}),I(2,`span`,87),K(3),L(),I(4,`span`,66),K(5),L()()()}if(e&2){let e=t.$implicit,n=W(5);O(),A(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),O(),b_(`background`,n.kindColor(e.kind)),O(),q(e.kind),O(2),q(e.label??e.id)}}function oV(e,t){if(e&1&&(I(0,`h4`),K(1,`Consumers`),L(),I(2,`ul`),N(3,aV,6,5,`li`,null,Bz),L()),e&2){let e=W(4);O(3),P(e.getConsumers(e.selectedNode()))}}function sV(e,t){if(e&1){let e=V();I(0,`button`,93),H(`click`,function(){w(e);let t=W(4);return T(t.toggleWatch(t.selectedNode()))}),K(1,` Watch `),L(),I(2,`p`,33),K(3,` A watched signal is listed under Watched and logs each change to the page console. `),L()}if(e&2){let e=W(4);A(`aria-pressed`,e.watchedIds().has(e.selectedNode().id))}}function cV(e,t){e&1&&(I(0,`p`,33),K(1),L()),e&2&&(O(),q(t))}function lV(e,t){if(e&1&&(I(0,`div`,81)(1,`h3`,83),K(2),L(),I(3,`dl`)(4,`dt`),K(5,`Kind`),L(),I(6,`dd`),K(7),L(),I(8,`dt`),K(9,`Epoch`),L(),I(10,`dd`),K(11),L(),j(12,nV,6,4),L(),j(13,iV,5,0),j(14,oV,5,0),j(15,sV,4,1),j(16,cV,2,1,`p`,33),Ng(17,84),L()),e&2){let e,t=W().$implicit,n=W(2),r=$g(24);F(`id`,`signal-detail-`+t.id),O(2),q(n.selectedNode().label??n.selectedNode().id),O(5),q(n.selectedNode().kind),O(4),q(n.selectedNode().epoch),O(),M(n.selectedNode().value===void 0?-1:12),O(),M(n.getDependencies(n.selectedNode()).length?13:-1),O(),M(n.getConsumers(n.selectedNode()).length?14:-1),O(),M(n.isWatchable(n.selectedNode())?15:-1),O(),M((e=n.writeHint())?16:-1,e),O(),F(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,rv(11,Iz,t.id))}}function uV(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,77),H(`click`,function(){let t=w(e).$implicit;return T(W(2).select(t.id))}),I(2,`span`,39)(3,`span`,40),K(4),L(),I(5,`span`,41),K(6),L(),j(7,XB,2,0,`span`,90),j(8,ZB,2,0,`span`,91),j(9,QB,2,2,`span`,71),R(10,`span`,79),L(),j(11,$B,3,3,`span`,80),I(12,`span`,42)(13,`span`),K(14),L(),j(15,eV,4,1),j(16,tV,4,1),L()(),j(17,lV,18,13,`div`,81),L()}if(e&2){let e,n=t.$implicit,r=W(2);O(),G(`selected`,r.selectedId()===n.id),A(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),O(2),b_(`background`,r.kindColor(n.kind)),O(),q(n.kind),O(2),q(n.label??`(unnamed)`),O(),M(r.watchedIds().has(n.id)?7:-1),O(),M(n.framework?8:-1),O(),M((e=r.changeCount(n.id))?9:-1,e),O(2),M(n.value===void 0?-1:11),O(3),J(`Epoch: `,n.epoch),O(),M(r.getDependencies(n).length?15:-1),O(),M(r.getConsumers(n).length?16:-1),O(),M(r.selectedId()===n.id&&r.selectedNode()?17:-1)}}function dV(e,t){if(e&1){let e=V();I(0,`button`,34),H(`click`,function(){return w(e),T(W(3).clearFilters())}),K(1,`Clear filters`),L()}}function fV(e,t){if(e&1&&(I(0,`li`,89)(1,`p`,31),K(2),L(),I(3,`p`,33),K(4),L(),j(5,dV,2,0,`button`,94),L()),e&2){let e=W(2);O(2),J(` `,e.hasAnySignals()?`No signals match.`:`No signals in this graph.`,` `),O(2),J(` `,e.hasAnySignals()?`Try a different name or kind.`:`Select a component that reads signals, or interact with the page to create some.`,` `),O(),M(e.hasAnySignals()||e.filter()||e.kind()?5:-1)}}function pV(e,t){if(e&1&&(I(0,`h2`,75),K(1,`Signals`),L(),I(2,`ul`,88),N(3,uV,18,17,`li`,null,Bz,!1,fV,6,3,`li`,89),L()),e&2){let e=W();O(3),P(e.filteredNodes())}}var mV=`follow`;function hV(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var gV=`env:`,_V=50,vV=new Set([`signal`,`computed`,`linkedSignal`]),yV=20,bV={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},xV={write:`set`,sample:`sampled`,initial:`initial`},SV={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},CV={signal:`signal`,computed:`computed`,linkedSignal:`linked`,effect:`effect`,template:`template`,afterRenderEffectPhase:`after-render`,childSignalProp:`child-prop`,"input (signal)":`input`,"input.required (signal)":`input`,"output (signal)":`output`,"model (signal)":`model`,"model.required (signal)":`model`,"viewChild (signal)":`view-query`,"viewChild.required (signal)":`view-query`,"viewChildren (signal)":`view-query`,"contentChild (signal)":`content-query`,"contentChild.required (signal)":`content-query`,"contentChildren (signal)":`content-query`,resource:`resource`},wV=class e{rpc=$(null);destroyRef=C(Ns);host=C(Wl);filterInput=Ev(`filterInput`);injector=C(js);pageId=GT();angularPages=TD(()=>this.rpc());angularPage=X(()=>ED(this.angularPages(),this.shownPageId()??this.pageId));cleanups=[];graphLoad=0;treePages=D({});graphState=D({graph:null,pages:{}});chosenPageId=D(null);announcement=D(``);graphPages=X(()=>hV(this.graphState()));shownPageId=Q({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 KT(i,{chosen:n,host:this.pageId,previous:r?.value??null})}});reported=X(()=>{let e=this.shownPageId();return e===null?null:this.graphPages()[e]??null});unsupported=X(()=>!!this.reported()?.unsupported);graphKnown=D(!1);graph=X(()=>{let e=this.reported();return e?.unsupported?null:e});graphOwner=X(()=>{let e=this.graph();return e?`${e.pageId??``}|${e.component?.id??e.injector?.id??``}`:null});pickedByPage=D({});picked=X(()=>this.pickedByPage()[this.targetPageId()??``]??null);pageOptions=X(()=>{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=D(!1);sourceSignals=D([]);sourceLoaded=D(!1);sourceFailed=D(!1);graphFailed=D(!1);loadFailed=X(()=>this.sourceFailed()||this.graphFailed());retrying=D(!1);filter=D(``);resources=X(()=>this.graph()?.resources??[]);internalIds=X(()=>new Set(this.resources().flatMap(e=>e.nodeIds)));showFramework=D(!1);frameworkCount=X(()=>{let e=this.internalIds();return(this.graph()?.nodes??[]).filter(t=>t.framework&&!e.has(t.id)).length});visibleNodes=X(()=>{let e=this.internalIds(),t=this.showFramework();return(this.graph()?.nodes??[]).filter(n=>!e.has(n.id)&&(t||!n.framework))});showGraph=D(!0);graphLinks=X(()=>{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=X(()=>[...this.visibleNodes()].sort((e,t)=>e.id.localeCompare(t.id,void 0,{numeric:!0})));kindColorOf=e=>this.kindColor(e);watchedIds=X(()=>new Set(this.graph()?.watch?.ids??[]));stacksOn=X(()=>!!this.graph()?.watch?.stacks);watchedNodes=X(()=>{let e=this.watchedIds();return(this.graph()?.nodes??[]).filter(t=>e.has(t.id))});watchedElsewhere=X(()=>this.watchedIds().size-this.watchedNodes().length);watchLog=X(()=>{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=X(()=>this.visibleNodes().length+this.resources().length>0);kindCounts=X(()=>{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=Q({source:this.graphOwner,computation:(e,t)=>{let n=t?.value??null;return n&&Z(this.kindCounts).some(e=>e.kind===n)?n:null}});kindChips=X(()=>{let e=this.kindCounts(),t=this.kind();return t&&!e.some(e=>e.kind===t)?[...e,{kind:t,count:0}]:e});kindTotal=X(()=>this.kindCounts().reduce((e,t)=>e+t.count,0));selectedId=Q({source:this.graphOwner,computation:()=>null});selectedNode=X(()=>this.graph()?.nodes.find(e=>e.id===this.selectedId())??null);jumpedPast=D(null);jumpNote=X(()=>{let e=this.jumpedPast();return!e||this.filter()||this.kind()||this.selectedId()!==e.id?``:`Cleared the filters to show ${e.label}.`});selectedHistory=X(()=>{let e=this.selectedId();return e?[...this.graph()?.history?.[e]??[]].reverse():[]});restoreBlocked=X(()=>{let e=this.rpc();if(QT(e))return`A saved report cannot write to the app.`;let t=this.graph()?.pageId;return MD(t?this.treePages()[t]:null)?`It needs the app open in a browser.`:hE(e,`components`)?``:DT(`components`)});restoring=D(!1);restoreResult=D(null);restorable(e){let t=this.graph(),n=t?.nodes.find(t=>t.id===e);return n?.locator&&t?.component&&n.locator.id===t.component.id?n:null}async restore(e,t,n){let r=this.rpc(),i=this.graph()?.pageId,a=e.locator;if(!r||!i||!a||this.restoring()||this.restoreBlocked())return;this.restoring.set(!0);let o;try{o=await r.scope(`pangular`).rpc.call(`request-signal-restore`,{pageId:i,request:{component:a.id,node:e.id,epoch:t.epoch}})??{}}catch{o={error:`The devtools server did not answer. Try again.`}}this.restoring.set(!1),this.restoreResult.set(o.ok?{id:e.id,text:`Restored ${o.key??a.key} to the value from ${n}.`,error:!1}:{id:e.id,text:o.error??`The page did not restore it.`,error:!0})}writeHint=X(()=>{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.`});filteredResources=X(()=>{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=X(()=>{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=X(()=>{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=X(()=>this.pageId??(this.shownPageId()||null)??this.graph()?.pageId??this.latestTreePage()?.pageId??null);latestTreePage=X(()=>{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=X(()=>{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:mV,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=X(()=>{let e=this.picked();return e&&this.componentOptions().some(t=>t.value===e)?e:mV});constructor(){bc(()=>{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(hV(r)),this.graphState.set(r),e!==void 0&&this.graphKnown.set(!0)};t(e.value()),this.cleanups.push(e.on(`updated`,t))}catch{if(n())return;this.graphState.set({graph:null,pages:{}}),this.graphKnown.set(!0),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!==mV?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 bV[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||dd(()=>{(!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 vV.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),dd(()=>{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>=_V&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return SV[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`var(--kind-${CV[e]??`unknown`})`}relations=X(()=>{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=k({type:e,selectors:[[`app-signal-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.filterInput,Pz,5),e&2&&Qg()},inputs:{rpc:[1,`rpc`]},decls:31,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`],[`role`,`status`,1,`restore-result`],[1,`history-meta`],[1,`source-tag`],[1,`missed`],[`type`,`button`,1,`restore`],[`aria-label`,`Written from`,1,`stack`],[`type`,`button`,1,`restore`,3,`click`],[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&&(I(0,`div`,2)(1,`input`,3,0),H(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),L(),j(3,Hz,4,2,`div`,4),j(4,Uz,4,2,`div`,5),L(),I(5,`p`,6),K(6),L(),j(7,Gz,6,3,`p`,7)(8,Kz,5,1,`p`,7),j(9,qz,2,0,`p`,8),I(10,`p`,9),j(11,Jz,1,0)(12,Yz,1,0)(13,Xz,1,0)(14,Zz,1,0),L(),j(15,Qz,2,2,`app-angular-unavailable`,10),j(16,$z,2,0,`p`,8),j(17,eB,2,2,`p`,8),j(18,nB,7,4,`div`,11),j(19,rB,4,0,`div`,12),j(20,iB,7,4,`div`,13)(21,aB,14,0,`div`,14),j(22,lB,6,1),Yh(23,vB,1,1,`ng-template`,null,1,fv),j(25,TB,12,6,`section`,15),j(26,PB,8,2,`section`,16),I(27,`p`,17),K(28),L(),j(29,YB,5,0),j(30,pV,6,1)),e&2){let e,n;O(),F(`value`,t.filter()),O(2),M(t.pageOptions().length>1?3:-1),O(),M(t.componentOptions().length?4:-1),O(2),q(t.announcement()),O(),M((e=t.graph()?.component)?7:(e=t.graph()?.injector)?8:-1,e),O(2),M(t.graph()&&t.picked()&&t.graph().source!==`selected`?9:-1),O(2),M(t.graph()?.injector?11:t.graph()?12:t.graphKnown()?14:13),O(4),M(t.graph()?-1:15),O(),M(t.graph()?.writeHook===!1?16:-1),O(),M((n=t.graph()?.nodeCount)?17:-1,n),O(),M(t.kindChips().length?18:-1),O(),M(!t.graph()&&!t.sourceLoaded()?19:-1),O(),M(!t.graph()&&t.sourceLoaded()&&t.loadFailed()?20:!t.graph()&&t.sourceLoaded()&&t.sourceSignals().length===0?21:-1),O(2),M(!t.graph()&&t.sourceSignals().length>0?22:-1),O(3),M(t.graph()&&(t.visibleNodes().length||t.frameworkCount())?25:-1),O(),M(t.watchedNodes().length||t.watchedElsewhere()?26:-1),O(2),q(t.jumpNote()),O(),M(t.graph()&&t.filteredResources().length?29:-1),O(),M(t.graph()&&(t.visibleNodes().length||!t.filteredResources().length)?30:-1)}},dependencies:[AD,py,hz,UD,Nz,Aj,vy,yy],styles:[`[_nghost-%COMP%] {
+}`]})},Gz=[`filterInput`],Kz=e=>({id:e,label:`Status history`}),qz=e=>({id:e,label:`Value history`}),Jz=(e,t)=>t.kind,Yz=(e,t)=>t.name+t.file+t.line,Xz=(e,t)=>t.epoch,Zz=(e,t)=>t.id,Qz=(e,t)=>t.id+`:`+t.change.epoch;function $z(e,t){if(e&1){let e=V();I(0,`div`,4)(1,`span`,18),K(2,`Page`),L(),I(3,`app-select`,19),H(`valueChange`,function(t){return w(e),T(W().selectPage(t))}),L()()}if(e&2){let e=W();O(3),F(`options`,e.pageOptions())(`value`,e.shownPageId())}}function eB(e,t){if(e&1){let e=V();I(0,`div`,5)(1,`span`,20),K(2,`Graph of`),L(),I(3,`app-select`,21),H(`valueChange`,function(t){return w(e),T(W().pickComponent(t))}),L()()}if(e&2){let e=W();O(3),F(`options`,e.componentOptions())(`value`,e.pickerValue())}}function tB(e,t){if(e&1&&(I(0,`span`,24),K(1),L()),e&2){let e=W(2);O(),q(e.sourceNote(e.graph().source))}}function nB(e,t){if(e&1&&(I(0,`p`,7)(1,`span`,22),K(2),L(),I(3,`span`,23),K(4),L(),j(5,tB,2,1,`span`,24),L()),e&2){let e=t,n=W();O(2),q(e.name),O(2),q(e.path),O(),M(n.graph().source?5:-1)}}function rB(e,t){if(e&1&&(I(0,`p`,7)(1,`span`,22),K(2),L(),I(3,`span`,24),K(4,`environment injector`),L()()),e&2){let e=W();O(2),q(e.injectorLabel(t))}}function iB(e,t){e&1&&(I(0,`p`,8),K(1,` The picked component or injector is gone or has no signal graph, so this shows another one. `),L())}function aB(e,t){e&1&&K(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&&K(0,` The live signal graph of one component. Only signals that its template or an effect has read appear here; a signal nothing has read yet is not part of the graph. Pick a kind to filter. `)}function sB(e,t){e&1&&K(0,` Loading the live signal graph… `)}function cB(e,t){e&1&&K(0,` Every signal, computed and effect found in your source. Pick a kind to filter. `)}function lB(e,t){if(e&1&&(I(0,`app-angular-unavailable`,10),K(1,` This list comes from a source scan. `),L()),e&2){let e=W();F(`page`,e.angularPage())(`missing`,e.unsupported())}}function uB(e,t){e&1&&(I(0,`p`,8),K(1,` The signal write hook did not load. Value history shows sampled values only, with no exact set entries. `),L())}function dB(e,t){if(e&1&&(I(0,`p`,8),K(1),L()),e&2){let e=W();O(),Y(` Showing `,e.graph().nodes.length,` of `,t,` signals. The rest and their edges are left out. `)}}function fB(e,t){if(e&1){let e=V();I(0,`button`,25),H(`click`,function(){let t=w(e).$implicit,n=W(2);return T(n.kind.set(n.kind()===t.kind?null:t.kind))}),R(1,`span`,28),I(2,`span`,29),K(3),L(),I(4,`span`,26),K(5),L()()}if(e&2){let e=t.$implicit,n=W(2);G(`active`,n.kind()===e.kind),A(`aria-pressed`,n.kind()===e.kind),O(),b_(`background`,n.kindColor(e.kind)),O(2),q(e.kind),O(2),q(e.count)}}function pB(e,t){if(e&1){let e=V();I(0,`div`,11)(1,`button`,25),H(`click`,function(){return w(e),T(W().kind.set(null))}),K(2,` All `),I(3,`span`,26),K(4),L()(),N(5,fB,6,7,`button`,27,Jz),L()}if(e&2){let e=W();O(),G(`active`,!e.kind()),A(`aria-pressed`,!e.kind()),O(3),q(e.kindTotal()),O(),P(e.kindChips())}}function mB(e,t){e&1&&(I(0,`div`,12),R(1,`span`,30),I(2,`p`,31),K(3,`Scanning source for signals…`),L()())}function hB(e,t){if(e&1){let e=V();I(0,`div`,32)(1,`p`,31),K(2,`Couldn't load signals`),L(),I(3,`p`,33),K(4,` The devtools server did not answer. Check that it is still running, then retry. `),L(),I(5,`button`,34),H(`click`,function(){return w(e),T(W().retry())}),K(6),L()()}if(e&2){let e=W();G(`compact`,e.sourceSignals().length>0),O(5),A(`aria-disabled`,e.retrying()||null),O(),J(` `,e.retrying()?`Retrying…`:`Retry`,` `)}}function gB(e,t){e&1&&(I(0,`div`,14)(1,`p`,31),K(2,`No signals found.`),L(),I(3,`p`,33),K(4,` No `),I(5,`code`),K(6,`signal()`),L(),K(7,`, `),I(8,`code`),K(9,`computed()`),L(),K(10,` or `),I(11,`code`),K(12,`effect()`),L(),K(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. `),L()())}function _B(e,t){if(e&1&&(I(0,`span`,44),K(1,`·`),L(),I(2,`span`),K(3),L()),e&2){let e=W().$implicit;O(3),J(`in <`,e.component,`>`)}}function vB(e,t){if(e&1&&(I(0,`div`,37)(1,`div`,39)(2,`span`,40),K(3),L(),I(4,`span`,41),K(5),L()(),I(6,`div`,42),R(7,`app-source-link`,43),j(8,_B,4,1),L()()),e&2){let e=t.$implicit,n=W(2);O(2),b_(`background`,n.kindColor(e.kind)),O(),q(e.kind),O(2),q(e.name),O(2),F(`file`,e.file)(`line`,e.line),O(),M(e.component?8:-1)}}function yB(e,t){if(e&1){let e=V();I(0,`div`,38)(1,`p`,31),K(2,`No signals match.`),L(),I(3,`p`,33),K(4,`Try a different name or kind.`),L(),I(5,`button`,34),H(`click`,function(){return w(e),T(W(2).clearFilters())}),K(6,`Clear filters`),L()()}}function bB(e,t){if(e&1&&(I(0,`p`,35),K(1,`Signals from the source scan:`),L(),I(2,`div`,36),N(3,vB,9,7,`div`,37,Yz,!1,yB,7,0,`div`,38),L()),e&2){let e=W();O(3),P(e.filteredSourceSignals())}}function xB(e,t){e&1&&(I(0,`p`,33),K(1),L()),e&2&&(O(),J(`Restore is off. `,t))}function SB(e,t){if(e&1&&(j(0,xB,2,1,`p`,33),I(1,`p`,48),K(2),L()),e&2){let e,t=W(2).id,n=W();M((e=n.restoreBlocked())?0:-1,e),O(),G(`has-text`,n.restoreResult()?.id===t)(`restore-error`,n.restoreResult()?.id===t&&n.restoreResult()?.error),O(),J(` `,n.restoreResult()?.id===t?n.restoreResult()?.text:``,` `)}}function CB(e,t){if(e&1&&(I(0,`span`,51),K(1),L()),e&2){let e=W().$implicit;O(),J(``,e.missed,` earlier not captured`)}}function wB(e,t){if(e&1){let e=V();G_(0),cv(1,`date`),I(2,`button`,54),H(`click`,function(){w(e);let t=q_(0),n=W().$implicit;W();let r=q_(4);return T(W(2).restore(r,n,t??``))}),K(3,` Restore `),L()}if(e&2){let e=W().$implicit,t=W(3),n=K_(uv(1,2,e.at,`HH:mm:ss.SSS`));O(2),A(`aria-label`,`Restore value from `+n)(`aria-disabled`,t.restoring()||null)}}function TB(e,t){if(e&1&&(I(0,`li`),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function EB(e,t){if(e&1&&(I(0,`ol`,53),N(1,TB,2,1,`li`,null,_g),L()),e&2){let e=W().$implicit;O(),P(e.stack)}}function DB(e,t){if(e&1&&(I(0,`li`)(1,`span`,49)(2,`time`),K(3),cv(4,`date`),L(),I(5,`span`,50),K(6),L(),I(7,`span`),K(8),L(),j(9,CB,2,1,`span`,51),j(10,wB,4,6,`button`,52),L(),I(11,`pre`),K(12),cv(13,`json`),L(),j(14,EB,3,0,`ol`,53),L()),e&2){let e=t.$implicit,n=t.$index;W();let r=q_(4),i=W(2);O(3),q(uv(4,9,e.at,`HH:mm:ss.SSS`)),O(2),x_(`source-`+e.source),O(),q(i.sourceLabel(e.source)),O(2),J(`epoch `,e.epoch),O(),M(e.missed?9:-1),O(),M(r&&!i.restoreBlocked()&&n!==0?10:-1),O(2),q(lv(13,12,e.value)),O(2),M(e.stack?.length?14:-1)}}function OB(e,t){if(e&1&&(I(0,`h4`,45),K(1),L(),I(2,`p`,46),K(3),L(),G_(4),j(5,SB,3,6),I(6,`ol`,47),N(7,DB,15,14,`li`,null,Xz),L()),e&2){let e=W(),t=e.id,n=e.label,r=W();F(`id`,`history-heading-`+t),O(),q(n),O(2),q(r.historySummary(t)),O();let i=K_(r.restorable(t));O(),M(i?5:-1),O(),A(`aria-labelledby`,`history-heading-`+t),O(),P(r.selectedHistory())}}function kB(e,t){e&1&&j(0,OB,9,6),e&2&&M(W().selectedHistory().length?0:-1)}function AB(e,t){if(e&1){let e=V();I(0,`button`,59),H(`click`,function(){w(e);let t=W(2);return T(t.showFramework.set(!t.showFramework()))}),K(1,` Show framework signals `),I(2,`span`,26),K(3),L()()}if(e&2){let e=W(2);A(`aria-pressed`,e.showFramework()),O(3),Y(``,t,` `,e.showFramework()?`shown`:`hidden`)}}function jB(e,t){e&1&&(I(0,`p`,61),K(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. `),L())}function MB(e,t){if(e&1){let e=V();I(0,`app-signal-graph-view`,65),H(`selected`,function(t){return w(e),T(W(3).selectFromGraph(t))}),L()}if(e&2){let e=W(3);F(`nodes`,e.graphNodes())(`links`,e.graphLinks())(`selectedId`,e.selectedId())(`watched`,e.watchedIds())(`kindColor`,e.kindColorOf)}}function NB(e,t){e&1&&(I(0,`p`,61),K(1,` Every signal in this graph was created by Angular. Show framework signals to see them. `),L())}function PB(e,t){if(e&1){let e=V();I(0,`p`,64)(1,`span`),K(2,`Selected`),L(),I(3,`span`,66),K(4),L(),I(5,`span`,44),K(6,`·`),L(),I(7,`span`),K(8),L(),I(9,`span`,44),K(10,`·`),L(),I(11,`span`),K(12),L(),I(13,`button`,67),H(`click`,function(){let t=w(e);return T(W(3).jumpTo(t))}),K(14,` Show details `),L()()}if(e&2){let e=t,n=W(3);O(4),q(e.label??`(unnamed)`),O(4),q(n.plural(n.getDependencies(e).length,`producer`)),O(4),q(n.plural(n.getConsumers(e).length,`consumer`))}}function FB(e,t){if(e&1&&(I(0,`div`,62),j(1,MB,1,5,`app-signal-graph-view`,63)(2,NB,2,0,`p`,61),j(3,PB,15,3,`p`,64),L()),e&2){let e,t=W(2);O(),M(t.graphNodes().length?1:2),O(2),M((e=t.selectedNode())?3:-1,e)}}function IB(e,t){if(e&1){let e=V();I(0,`section`,15)(1,`div`,55)(2,`h2`,56),K(3,`Graph`),L(),I(4,`div`,57),j(5,AB,4,3,`button`,58),I(6,`button`,59),H(`click`,function(){return w(e),T(W().toggleStacks())}),K(7,` Record write stacks `),L(),I(8,`button`,60),H(`click`,function(){w(e);let t=W();return T(t.showGraph.set(!t.showGraph()))}),K(9),L()()(),j(10,jB,2,0,`p`,61),j(11,FB,4,2,`div`,62),L()}if(e&2){let e,t=W();O(5),M((e=t.frameworkCount())?5:-1,e),O(),A(`aria-pressed`,t.stacksOn()),O(2),A(`aria-expanded`,t.showGraph()),O(),J(` `,t.showGraph()?`Hide graph`:`Show graph`,` `),O(),M(t.stacksOn()?10:-1),O(),M(t.showGraph()?11:-1)}}function LB(e,t){if(e&1&&(I(0,`p`,33),K(1),L()),e&2){let e=t;O(),Y(` `,e,` watched `,e===1?`signal is`:`signals are`,` not in this graph. Their changes still log to the page console. `)}}function RB(e,t){if(e&1&&(I(0,`span`,70),K(1),cv(2,`json`),L()),e&2){let e=W().$implicit;O(),q(lv(2,1,e.value))}}function zB(e,t){if(e&1&&(I(0,`span`,71),K(1),L()),e&2){let e=t;O(),Y(``,e,` `,e===1?`change`:`changes`)}}function BB(e,t){if(e&1){let e=V();I(0,`li`)(1,`span`,66),K(2),L(),j(3,RB,3,3,`span`,70),j(4,zB,2,2,`span`,71),I(5,`button`,67),H(`click`,function(){let t=w(e).$implicit;return T(W(2).toggleWatch(t))}),K(6,` Stop watching `),L()()}if(e&2){let e,n=t.$implicit,r=W(2);O(2),q(n.label??`(unnamed)`),O(),M(n.value===void 0?-1:3),O(),M((e=r.changeCount(n.id))?4:-1,e),O(),A(`aria-label`,`Stop watching `+(n.label??`the unnamed signal`))}}function VB(e,t){if(e&1&&(I(0,`li`),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function HB(e,t){if(e&1&&(I(0,`ol`,53),N(1,VB,2,1,`li`,null,_g),L()),e&2){let e=W().$implicit;O(),P(e.change.stack)}}function UB(e,t){if(e&1&&(I(0,`li`)(1,`span`,49)(2,`time`),K(3),cv(4,`date`),L(),I(5,`span`,66),K(6),L(),I(7,`span`,50),K(8),L()(),I(9,`pre`),K(10),cv(11,`json`),L(),j(12,HB,3,0,`ol`,53),L()),e&2){let e=t.$implicit,n=W(3);O(3),q(uv(4,7,e.change.at,`HH:mm:ss.SSS`)),O(3),q(e.label),O(),x_(`source-`+e.change.source),O(),q(n.sourceLabel(e.change.source)),O(2),q(lv(11,10,e.change.value)),O(2),M(e.change.stack?.length?12:-1)}}function WB(e,t){if(e&1&&(I(0,`h3`,72),K(1,`Recent changes`),L(),I(2,`div`,73)(3,`ol`,74),N(4,UB,13,12,`li`,null,Qz),L()()),e&2){let e=W(2);O(4),P(e.watchLog())}}function GB(e,t){if(e&1&&(I(0,`section`,16)(1,`h2`,68),K(2,`Watched`),L(),j(3,LB,2,2,`p`,33),I(4,`ul`,69),N(5,BB,7,4,`li`,null,Zz),L(),j(7,WB,6,0),L()),e&2){let e,t=W();O(3),M((e=t.watchedElsewhere())?3:-1,e),O(2),P(t.watchedNodes()),O(2),M(t.watchLog().length?7:-1)}}function KB(e,t){if(e&1&&(I(0,`span`,82),K(1),L()),e&2){let e=W().$implicit;x_(`tone-`+W(2).statusTone(e.status)),O(),q(e.status)}}function qB(e,t){if(e&1&&(I(0,`span`,71),K(1),L()),e&2){let e=t;O(),Y(``,e,` `,e===1?`change`:`changes`)}}function JB(e,t){if(e&1&&(I(0,`span`,80),K(1),cv(2,`json`),L()),e&2){let e=W().$implicit;O(),q(lv(2,1,e.error))}}function YB(e,t){if(e&1&&(I(0,`span`,80),K(1),cv(2,`json`),L()),e&2){let e=W().$implicit;O(),q(lv(2,1,e.value))}}function XB(e,t){e&1&&(I(0,`p`,33),K(1,` This resource has no name. Pass `),I(2,`code`),K(3,`debugName`),L(),K(4,` to `),I(5,`code`),K(6,`resource()`),L(),K(7,` or `),I(8,`code`),K(9,`httpResource()`),L(),K(10,` to name it here. `),L())}function ZB(e,t){if(e&1&&(I(0,`dt`),K(1,`Loading`),L(),I(2,`dd`),K(3),L()),e&2){let e=W(2).$implicit;O(3),q(e.isLoading?`yes`:`no`)}}function QB(e,t){if(e&1&&(I(0,`dt`),K(1,`HTTP status`),L(),I(2,`dd`),K(3),L()),e&2){let e=W(2).$implicit;O(3),q(e.statusCode)}}function $B(e,t){if(e&1&&(I(0,`dt`),K(1,`Params`),L(),I(2,`dd`)(3,`pre`,86),K(4),cv(5,`json`),L()()),e&2){let e=W(2).$implicit;O(3),A(`aria-label`,`Params of `+e.name),O(),q(lv(5,2,e.params))}}function eV(e,t){if(e&1&&(I(0,`dt`),K(1,`Value`),L(),I(2,`dd`)(3,`pre`,86),K(4),cv(5,`json`),L()()),e&2){let e=W(2).$implicit;O(3),A(`aria-label`,`Value of `+e.name),O(),q(lv(5,2,e.value))}}function tV(e,t){if(e&1&&(I(0,`dt`),K(1,`Error`),L(),I(2,`dd`)(3,`pre`,86),K(4),cv(5,`json`),L()()),e&2){let e=W(2).$implicit;O(3),A(`aria-label`,`Error of `+e.name),O(),q(lv(5,2,e.error))}}function nV(e,t){if(e&1&&(I(0,`li`)(1,`span`,87),K(2),L(),I(3,`span`,66),K(4),L()()),e&2){let e=t.$implicit,n=W(5);O(),b_(`background`,n.kindColor(e.kind)),O(),q(e.kind),O(2),q(e.label??e.id)}}function rV(e,t){if(e&1&&(I(0,`ul`,45),N(1,nV,5,4,`li`,null,Zz),L()),e&2){let e=W(2).$implicit,t=W(2);F(`id`,`resource-internals-`+e.id),O(),P(t.internalsOf(e))}}function iV(e,t){if(e&1){let e=V();I(0,`div`,81)(1,`h3`,83),K(2),L(),j(3,XB,11,0,`p`,33),I(4,`dl`)(5,`dt`),K(6,`Status`),L(),I(7,`dd`),K(8),L(),j(9,ZB,4,1),j(10,QB,4,1),j(11,$B,6,4),j(12,eV,6,4),j(13,tV,6,4),L(),Ng(14,84),I(15,`button`,85),H(`click`,function(){w(e);let t=W(3);return T(t.showInternals.set(!t.showInternals()))}),K(16),L(),j(17,rV,3,1,`ul`,45),L()}if(e&2){let e=W().$implicit,t=W(2),n=$g(24);F(`id`,`signal-detail-`+e.id),O(2),q(e.name),O(),M(e.named?-1:3),O(5),q(e.status??`unknown`),O(),M(e.isLoading===void 0?-1:9),O(),M(e.statusCode===void 0?-1:10),O(),M(e.params===void 0?-1:11),O(),M(e.value===void 0?-1:12),O(),M(e.error===void 0?-1:13),O(),F(`ngTemplateOutlet`,n)(`ngTemplateOutletContext`,rv(16,Kz,e.id)),O(),A(`aria-expanded`,t.showInternals())(`aria-controls`,`resource-internals-`+e.id),O(),Y(` `,t.showInternals()?`Hide`:`Show`,` internal signals (`,e.nodeIds.length,`) `),O(),M(t.showInternals()?17:-1)}}function aV(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,77),H(`click`,function(){let t=w(e).$implicit;return T(W(2).select(t.id))}),I(2,`span`,39)(3,`span`,40),K(4,`resource`),L(),I(5,`span`,41),K(6),L(),j(7,KB,2,3,`span`,78),j(8,qB,2,2,`span`,71),R(9,`span`,79),L(),j(10,JB,3,3,`span`,80)(11,YB,3,3,`span`,80),L(),j(12,iV,18,18,`div`,81),L()}if(e&2){let e,n=t.$implicit,r=W(2);O(),G(`selected`,r.selectedId()===n.id),A(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),O(2),b_(`background`,r.kindColor(`resource`)),O(3),q(n.name),O(),M(n.status?7:-1),O(),M((e=n.changes)?8:-1,e),O(2),M(n.error===void 0?n.value===void 0?-1:11:10),O(2),M(r.selectedId()===n.id?12:-1)}}function oV(e,t){if(e&1&&(I(0,`h2`,75),K(1,`Resources`),L(),I(2,`ul`,76),N(3,aV,13,12,`li`,null,Zz),L()),e&2){let e=W();O(3),P(e.filteredResources())}}function sV(e,t){e&1&&(I(0,`span`,90),K(1,`watching`),L())}function cV(e,t){e&1&&(I(0,`span`,91),K(1,`framework`),L())}function lV(e,t){if(e&1&&(I(0,`span`,71),K(1),L()),e&2){let e=t;O(),Y(``,e,` `,e===1?`change`:`changes`)}}function uV(e,t){if(e&1&&(I(0,`span`,80),K(1),cv(2,`json`),L()),e&2){let e=W().$implicit;O(),q(lv(2,1,e.value))}}function dV(e,t){if(e&1&&(I(0,`span`,44),K(1,`·`),L(),I(2,`span`),K(3),L()),e&2){let e=W().$implicit,t=W(2);O(3),J(`Deps: `,t.getDependencies(e).length)}}function fV(e,t){if(e&1&&(I(0,`span`,44),K(1,`·`),L(),I(2,`span`),K(3),L()),e&2){let e=W().$implicit,t=W(2);O(3),J(`Consumers: `,t.getConsumers(e).length)}}function pV(e,t){if(e&1&&(I(0,`dt`),K(1,`Value`),L(),I(2,`dd`)(3,`pre`,86),K(4),cv(5,`json`),L()()),e&2){let e=W(4);O(3),A(`aria-label`,`Value of `+(e.selectedNode().label??`signal`)),O(),q(lv(5,2,e.selectedNode().value))}}function mV(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,92),H(`click`,function(){let t=w(e).$implicit;return T(W(5).jumpTo(t))}),I(2,`span`,87),K(3),L(),I(4,`span`,66),K(5),L()()()}if(e&2){let e=t.$implicit,n=W(5);O(),A(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),O(),b_(`background`,n.kindColor(e.kind)),O(),q(e.kind),O(2),q(e.label??e.id)}}function hV(e,t){if(e&1&&(I(0,`h4`),K(1,`Dependencies (producers)`),L(),I(2,`ul`),N(3,mV,6,5,`li`,null,Zz),L()),e&2){let e=W(4);O(3),P(e.getDependencies(e.selectedNode()))}}function gV(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,92),H(`click`,function(){let t=w(e).$implicit;return T(W(5).jumpTo(t))}),I(2,`span`,87),K(3),L(),I(4,`span`,66),K(5),L()()()}if(e&2){let e=t.$implicit,n=W(5);O(),A(`aria-label`,`Go to `+e.kind+` `+(e.label??e.id)),O(),b_(`background`,n.kindColor(e.kind)),O(),q(e.kind),O(2),q(e.label??e.id)}}function _V(e,t){if(e&1&&(I(0,`h4`),K(1,`Consumers`),L(),I(2,`ul`),N(3,gV,6,5,`li`,null,Zz),L()),e&2){let e=W(4);O(3),P(e.getConsumers(e.selectedNode()))}}function vV(e,t){if(e&1){let e=V();I(0,`button`,93),H(`click`,function(){w(e);let t=W(4);return T(t.toggleWatch(t.selectedNode()))}),K(1,` Watch `),L(),I(2,`p`,33),K(3,` A watched signal is listed under Watched and logs each change to the page console. `),L()}if(e&2){let e=W(4);A(`aria-pressed`,e.watchedIds().has(e.selectedNode().id))}}function yV(e,t){e&1&&(I(0,`p`,33),K(1),L()),e&2&&(O(),q(t))}function bV(e,t){if(e&1&&(I(0,`div`,81)(1,`h3`,83),K(2),L(),I(3,`dl`)(4,`dt`),K(5,`Kind`),L(),I(6,`dd`),K(7),L(),I(8,`dt`),K(9,`Epoch`),L(),I(10,`dd`),K(11),L(),j(12,pV,6,4),L(),j(13,hV,5,0),j(14,_V,5,0),j(15,vV,4,1),j(16,yV,2,1,`p`,33),Ng(17,84),L()),e&2){let e,t=W().$implicit,n=W(2),r=$g(24);F(`id`,`signal-detail-`+t.id),O(2),q(n.selectedNode().label??n.selectedNode().id),O(5),q(n.selectedNode().kind),O(4),q(n.selectedNode().epoch),O(),M(n.selectedNode().value===void 0?-1:12),O(),M(n.getDependencies(n.selectedNode()).length?13:-1),O(),M(n.getConsumers(n.selectedNode()).length?14:-1),O(),M(n.isWatchable(n.selectedNode())?15:-1),O(),M((e=n.writeHint())?16:-1,e),O(),F(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,rv(11,qz,t.id))}}function xV(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,77),H(`click`,function(){let t=w(e).$implicit;return T(W(2).select(t.id))}),I(2,`span`,39)(3,`span`,40),K(4),L(),I(5,`span`,41),K(6),L(),j(7,sV,2,0,`span`,90),j(8,cV,2,0,`span`,91),j(9,lV,2,2,`span`,71),R(10,`span`,79),L(),j(11,uV,3,3,`span`,80),I(12,`span`,42)(13,`span`),K(14),L(),j(15,dV,4,1),j(16,fV,4,1),L()(),j(17,bV,18,13,`div`,81),L()}if(e&2){let e,n=t.$implicit,r=W(2);O(),G(`selected`,r.selectedId()===n.id),A(`aria-expanded`,r.selectedId()===n.id)(`aria-controls`,`signal-detail-`+n.id)(`data-card`,n.id),O(2),b_(`background`,r.kindColor(n.kind)),O(),q(n.kind),O(2),q(n.label??`(unnamed)`),O(),M(r.watchedIds().has(n.id)?7:-1),O(),M(n.framework?8:-1),O(),M((e=r.changeCount(n.id))?9:-1,e),O(2),M(n.value===void 0?-1:11),O(3),J(`Epoch: `,n.epoch),O(),M(r.getDependencies(n).length?15:-1),O(),M(r.getConsumers(n).length?16:-1),O(),M(r.selectedId()===n.id&&r.selectedNode()?17:-1)}}function SV(e,t){if(e&1){let e=V();I(0,`button`,34),H(`click`,function(){return w(e),T(W(3).clearFilters())}),K(1,`Clear filters`),L()}}function CV(e,t){if(e&1&&(I(0,`li`,89)(1,`p`,31),K(2),L(),I(3,`p`,33),K(4),L(),j(5,SV,2,0,`button`,94),L()),e&2){let e=W(2);O(2),J(` `,e.hasAnySignals()?`No signals match.`:`No signals in this graph.`,` `),O(2),J(` `,e.hasAnySignals()?`Try a different name or kind.`:`Select a component that reads signals, or interact with the page to create some.`,` `),O(),M(e.hasAnySignals()||e.filter()||e.kind()?5:-1)}}function wV(e,t){if(e&1&&(I(0,`h2`,75),K(1,`Signals`),L(),I(2,`ul`,88),N(3,xV,18,17,`li`,null,Zz,!1,CV,6,3,`li`,89),L()),e&2){let e=W();O(3),P(e.filteredNodes())}}var TV=`follow`;function EV(e){return Object.keys(e.pages).length?e.pages:e.graph?{[e.graph.pageId??``]:e.graph}:{}}var DV=`env:`,OV=50,kV=new Set([`signal`,`computed`,`linkedSignal`]),AV=20,jV={selected:`picked`,routed:`rendered by the router`,root:`first component with signals`},MV={write:`set`,sample:`sampled`,initial:`initial`},NV={resolved:`ok`,local:`ok`,loading:`warn`,reloading:`warn`,error:`danger`},PV={signal:`signal`,computed:`computed`,linkedSignal:`linked`,effect:`effect`,template:`template`,afterRenderEffectPhase:`after-render`,childSignalProp:`child-prop`,"input (signal)":`input`,"input.required (signal)":`input`,"output (signal)":`output`,"model (signal)":`model`,"model.required (signal)":`model`,"viewChild (signal)":`view-query`,"viewChild.required (signal)":`view-query`,"viewChildren (signal)":`view-query`,"contentChild (signal)":`content-query`,"contentChild.required (signal)":`content-query`,"contentChildren (signal)":`content-query`,resource:`resource`},FV=class e{rpc=$(null);destroyRef=C(js);host=C(Hl);filterInput=Ev(`filterInput`);injector=C(ks);pageId=JT();angularPages=OD(()=>this.rpc());angularPage=X(()=>kD(this.angularPages(),this.shownPageId()??this.pageId));cleanups=[];graphLoad=0;treePages=D({});graphState=D({graph:null,pages:{}});chosenPageId=D(null);announcement=D(``);graphPages=X(()=>EV(this.graphState()));shownPageId=Q({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 YT(i,{chosen:n,host:this.pageId,previous:r?.value??null})}});reported=X(()=>{let e=this.shownPageId();return e===null?null:this.graphPages()[e]??null});unsupported=X(()=>!!this.reported()?.unsupported);graphKnown=D(!1);graph=X(()=>{let e=this.reported();return e?.unsupported?null:e});graphOwner=X(()=>{let e=this.graph();return e?`${e.pageId??``}|${e.component?.id??e.injector?.id??``}`:null});pickedByPage=D({});picked=X(()=>this.pickedByPage()[this.targetPageId()??``]??null);pageOptions=X(()=>{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=D(!1);sourceSignals=D([]);sourceLoaded=D(!1);sourceFailed=D(!1);graphFailed=D(!1);loadFailed=X(()=>this.sourceFailed()||this.graphFailed());retrying=D(!1);filter=D(``);resources=X(()=>this.graph()?.resources??[]);internalIds=X(()=>new Set(this.resources().flatMap(e=>e.nodeIds)));showFramework=D(!1);frameworkCount=X(()=>{let e=this.internalIds();return(this.graph()?.nodes??[]).filter(t=>t.framework&&!e.has(t.id)).length});visibleNodes=X(()=>{let e=this.internalIds(),t=this.showFramework();return(this.graph()?.nodes??[]).filter(n=>!e.has(n.id)&&(t||!n.framework))});showGraph=D(!0);graphLinks=X(()=>{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=X(()=>[...this.visibleNodes()].sort((e,t)=>e.id.localeCompare(t.id,void 0,{numeric:!0})));kindColorOf=e=>this.kindColor(e);watchedIds=X(()=>new Set(this.graph()?.watch?.ids??[]));stacksOn=X(()=>!!this.graph()?.watch?.stacks);watchedNodes=X(()=>{let e=this.watchedIds();return(this.graph()?.nodes??[]).filter(t=>e.has(t.id))});watchedElsewhere=X(()=>this.watchedIds().size-this.watchedNodes().length);watchLog=X(()=>{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,AV)});hasAnySignals=X(()=>this.visibleNodes().length+this.resources().length>0);kindCounts=X(()=>{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=Q({source:this.graphOwner,computation:(e,t)=>{let n=t?.value??null;return n&&Z(this.kindCounts).some(e=>e.kind===n)?n:null}});kindChips=X(()=>{let e=this.kindCounts(),t=this.kind();return t&&!e.some(e=>e.kind===t)?[...e,{kind:t,count:0}]:e});kindTotal=X(()=>this.kindCounts().reduce((e,t)=>e+t.count,0));selectedId=Q({source:this.graphOwner,computation:()=>null});selectedNode=X(()=>this.graph()?.nodes.find(e=>e.id===this.selectedId())??null);jumpedPast=D(null);jumpNote=X(()=>{let e=this.jumpedPast();return!e||this.filter()||this.kind()||this.selectedId()!==e.id?``:`Cleared the filters to show ${e.label}.`});selectedHistory=X(()=>{let e=this.selectedId();return e?[...this.graph()?.history?.[e]??[]].reverse():[]});restoreBlocked=X(()=>{let e=this.rpc();if(tE(e))return`A saved report cannot write to the app.`;let t=this.graph()?.pageId;return FD(t?this.treePages()[t]:null)?`It needs the app open in a browser.`:vE(e,`components`)?``:DT(`components`)});restoring=D(!1);restoreResult=D(null);restorable(e){let t=this.graph(),n=t?.nodes.find(t=>t.id===e);return n?.locator&&t?.component&&n.locator.id===t.component.id?n:null}async restore(e,t,n){let r=this.rpc(),i=this.graph()?.pageId,a=e.locator;if(!r||!i||!a||this.restoring()||this.restoreBlocked())return;this.restoring.set(!0);let o;try{o=await r.scope(`pangular`).rpc.call(`request-signal-restore`,{pageId:i,request:{component:a.id,node:e.id,epoch:t.epoch}})??{}}catch{o={error:`The devtools server did not answer. Try again.`}}this.restoring.set(!1),this.restoreResult.set(o.ok?{id:e.id,text:`Restored ${o.key??a.key} to the value from ${n}.`,error:!1}:{id:e.id,text:o.error??`The page did not restore it.`,error:!0})}writeHint=X(()=>{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.`});filteredResources=X(()=>{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=X(()=>{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=X(()=>{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=X(()=>this.pageId??(this.shownPageId()||null)??this.graph()?.pageId??this.latestTreePage()?.pageId??null);latestTreePage=X(()=>{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=X(()=>{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:TV,label:`Follow the routed component`,hint:`automatic`},...i.map(e=>({value:DV+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=X(()=>{let e=this.picked();return e&&this.componentOptions().some(t=>t.value===e)?e:TV});constructor(){vc(()=>{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(EV(r)),this.graphState.set(r),e!==void 0&&this.graphKnown.set(!0)};t(e.value()),this.cleanups.push(e.on(`updated`,t))}catch{if(n())return;this.graphState.set({graph:null,pages:{}}),this.graphKnown.set(!0),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!==TV?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(DV)?{pageId:n,env:t.slice(4)}:{pageId:n,id:t};r.scope(`pangular`).rpc.call(`select-signal-target`,i).catch(()=>{})}injectorLabel(e){return e.name===`Root`?`Root services`:e.name}sourceNote(e){return jV[e]}async loadSourceSignals(e){let t=e.scope(`pangular`);try{let e=await t.rpc.call(`get-signals`);this.sourceSignals.set(e),this.sourceFailed.set(!1)}catch{this.sourceFailed.set(!0)}finally{this.sourceLoaded.set(!0)}}async retry(){let e=this.rpc();if(!e||this.retrying())return;let t=document.activeElement;this.retrying.set(!0);try{await Promise.all([this.loadSignalGraph(e),this.loadSourceSignals(e)])}finally{this.retrying.set(!1)}this.destroyRef.destroyed||dd(()=>{(!t?.isConnected||document.activeElement===document.body)&&this.filterInput()?.nativeElement.focus()},{injector:this.injector})}clearFilters(){this.resetFilters(),this.filterInput()?.nativeElement.focus()}resetFilters(){this.filter.set(``),this.kind.set(null)}select(e){this.selectedId.set(this.selectedId()===e?null:e),this.showInternals.set(!1)}selectFromGraph(e){this.selectedId.set(e),this.showInternals.set(!1)}plural(e,t){return`${e} ${t}${e===1?``:`s`}`}isWatchable(e){return kV.has(e.kind)}toggleWatch(e){let t=!this.watchedIds().has(e.id),n=e.label??`the unnamed signal`;this.sendWatch({id:e.id,watch:t}),this.announcement.set(t?`Watching ${n}. Its changes also log to the page console.`:`Stopped watching ${n}.`)}toggleStacks(){let e=!this.stacksOn();this.sendWatch({stacks:e}),this.announcement.set(e?`Recording write stacks.`:`Stopped recording write stacks.`)}sendWatch(e){let t=this.rpc(),n=this.graph()?.pageId??this.targetPageId()??void 0;t&&t.scope(`pangular`).rpc.call(`set-signal-watch`,{...e,pageId:n}).catch(()=>{})}jumpTo(e){let t=this.resources().find(t=>t.nodeIds.includes(e.id)),n=t?.id??e.id,r=t?!this.filteredResources().some(e=>e.id===n):!this.filteredNodes().some(e=>e.id===n);r&&this.resetFilters(),this.jumpedPast.set(r?{id:n,label:t?.name??e.label??e.id}:null),this.selectedId.set(n),this.showInternals.set(!!t),dd(()=>{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>=OV&&t>=n?`, showing the last ${n}`:``}, newest first.`:`No changes recorded yet. The entry below is the value seen first.`}statusTone(e){return NV[e]??`neutral`}internalsOf(e){let t=new Set(e.nodeIds);return(this.graph()?.nodes??[]).filter(e=>t.has(e.id))}sourceLabel(e){return MV[e]}kindColor(e){return`var(--kind-${PV[e]??`unknown`})`}relations=X(()=>{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=k({type:e,selectors:[[`app-signal-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.filterInput,Gz,5),e&2&&Qg()},inputs:{rpc:[1,`rpc`]},decls:31,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`],[`role`,`status`,1,`restore-result`],[1,`history-meta`],[1,`source-tag`],[1,`missed`],[`type`,`button`,1,`restore`],[`aria-label`,`Written from`,1,`stack`],[`type`,`button`,1,`restore`,3,`click`],[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&&(I(0,`div`,2)(1,`input`,3,0),H(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),L(),j(3,$z,4,2,`div`,4),j(4,eB,4,2,`div`,5),L(),I(5,`p`,6),K(6),L(),j(7,nB,6,3,`p`,7)(8,rB,5,1,`p`,7),j(9,iB,2,0,`p`,8),I(10,`p`,9),j(11,aB,1,0)(12,oB,1,0)(13,sB,1,0)(14,cB,1,0),L(),j(15,lB,2,2,`app-angular-unavailable`,10),j(16,uB,2,0,`p`,8),j(17,dB,2,2,`p`,8),j(18,pB,7,4,`div`,11),j(19,mB,4,0,`div`,12),j(20,hB,7,4,`div`,13)(21,gB,14,0,`div`,14),j(22,bB,6,1),Yh(23,kB,1,1,`ng-template`,null,1,fv),j(25,IB,12,6,`section`,15),j(26,GB,8,2,`section`,16),I(27,`p`,17),K(28),L(),j(29,oV,5,0),j(30,wV,6,1)),e&2){let e,n;O(),F(`value`,t.filter()),O(2),M(t.pageOptions().length>1?3:-1),O(),M(t.componentOptions().length?4:-1),O(2),q(t.announcement()),O(),M((e=t.graph()?.component)?7:(e=t.graph()?.injector)?8:-1,e),O(2),M(t.graph()&&t.picked()&&t.graph().source!==`selected`?9:-1),O(2),M(t.graph()?.injector?11:t.graph()?12:t.graphKnown()?14:13),O(4),M(t.graph()?-1:15),O(),M(t.graph()?.writeHook===!1?16:-1),O(),M((n=t.graph()?.nodeCount)?17:-1,n),O(),M(t.kindChips().length?18:-1),O(),M(!t.graph()&&!t.sourceLoaded()?19:-1),O(),M(!t.graph()&&t.sourceLoaded()&&t.loadFailed()?20:!t.graph()&&t.sourceLoaded()&&t.sourceSignals().length===0?21:-1),O(2),M(!t.graph()&&t.sourceSignals().length>0?22:-1),O(3),M(t.graph()&&(t.visibleNodes().length||t.frameworkCount())?25:-1),O(),M(t.watchedNodes().length||t.watchedElsewhere()?26:-1),O(2),q(t.jumpNote()),O(),M(t.graph()&&t.filteredResources().length?29:-1),O(),M(t.graph()&&(t.visibleNodes().length||!t.filteredResources().length)?30:-1)}},dependencies:[ND,py,Ez,KD,Wz,Nj,vy,yy],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
   color: var(--%NS%text);
@@ -7366,7 +7434,7 @@ button.node-card[_ngcontent-%COMP%] {
   dd[_ngcontent-%COMP%]    + dt[_ngcontent-%COMP%] {
     margin-top: 8px;
   }
-}`]})},TV=(e,t)=>t.prop;function EV(e,t){if(e&1){let e=V();I(0,`button`,6),H(`click`,function(){return w(e),T(W().load())}),K(1,` Refresh `),L()}e&2&&A(`aria-label`,`Read the value of `+W().name()+` again`)}function DV(e,t){e&1&&(I(0,`p`,7),K(1,`Reading from the page…`),L())}function OV(e,t){if(e&1&&(I(0,`p`,8),K(1),L()),e&2){let e=W(2);O(),q(e.error())}}function kV(e,t){if(e&1&&(I(0,`p`,9),K(1),L()),e&2){let e=W(3);O(),J(``,e.type(),`, read from the page. Getters never run.`)}}function AV(e,t){e&1&&(I(0,`span`,14),K(1),L()),e&2&&(O(),q(t))}function jV(e,t){if(e&1&&(I(0,`span`,12),K(1),j(2,AV,2,1,`span`,14),L()),e&2){let e,t=W().$implicit,n=W(3);O(),J(``,t.name,` `),O(),M((e=n.kinds()[t.prop])?2:-1,e)}}function MV(e,t){if(e&1&&(I(0,`li`,11),j(1,jV,3,2,`span`,12),R(2,`app-value-tree`,13),L()),e&2){let e=t.$implicit,n=W(3);O(),M(e.prop===n.whole?-1:1),O(),F(`prop`,e)(`store`,n.store)(`componentId`,n.key())(`pageId`,n.pageId())(`rpc`,n.rpc())}}function NV(e,t){if(e&1&&(I(0,`p`,9),K(1),L()),e&2){let e=W(3);O(),J(``,e.more(),` more members are not listed.`)}}function PV(e,t){if(e&1&&(j(0,kV,2,1,`p`,9),I(1,`ul`,10),N(2,MV,3,6,`li`,11,TV),L(),j(4,NV,2,1,`p`,9)),e&2){let e=W(2);M(e.type()?0:-1),O(2),P(e.props()),O(2),M(e.more()?4:-1)}}function FV(e,t){e&1&&(I(0,`p`,9),K(1,`No fields to show: the instance has only methods or getters.`),L())}function IV(e,t){if(e&1&&(I(0,`div`,5),j(1,DV,2,0,`p`,7)(2,OV,2,1,`p`,8)(3,PV,5,2)(4,FV,2,0,`p`,9),L()),e&2){let e=W();F(`id`,e.regionId),A(`aria-label`,`Value of `+e.name()),O(),M(e.loading()?1:e.error()?2:e.props().length?3:4)}}var LV=`$value`,RV=0,zV=class e{rpc=$(null);pageId=$(null);injectorId=$.required();token=$.required();index=$.required();position=$(``);name=X(()=>this.position()?`${this.token()} ${this.position()}`:this.token());regionId=`provider-value-${++RV}`;whole=LV;key=X(()=>`${this.pageId()}|${this.injectorId()}|${this.index()}|${this.token()}`);open=Q({source:this.key,computation:()=>!1});answer=Q({source:this.key,computation:()=>null});loading=D(!1);error=X(()=>{let e=this.answer();return e&&!e.ok?e.error??`The page did not read it.`:``});type=X(()=>this.answer()?.type??``);more=X(()=>this.answer()?.more??0);props=X(()=>(this.answer()?.members??[]).map(e=>({name:e.name===LV?`value`:e.name,prop:e.name,value:e.value})));kinds=X(()=>Object.fromEntries((this.answer()?.members??[]).filter(e=>e.kind).map(e=>[e.name,e.kind])));store=new OM(e=>this.read({path:[...e.path],limit:e.limit,depth:e.depth}));async read(e){let t=this.pageId();if(!t)return{error:`No live page to read from.`};try{return await XT(this.rpc(),`request-provider-value`,{pageId:t,request:{injectorId:this.injectorId(),token:this.token(),index:this.index(),...e}})??{error:`The devtools server is not connected.`}}catch{return{error:`The devtools server did not answer. Try again.`}}}toggle(){let e=!this.open();this.open.set(e),e&&!this.answer()&&this.load()}requests=0;async load(){let e=this.key(),t=++this.requests;this.loading.set(!0),this.store.follow({rpc:null,pageId:null,componentId:`${e}#${Date.now()}`},void 0);let n=await this.read({path:[]});t===this.requests&&e===this.key()&&(this.loading.set(!1),this.answer.set(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-provider-value`]],inputs:{rpc:[1,`rpc`],pageId:[1,`pageId`],injectorId:[1,`injectorId`],token:[1,`token`],index:[1,`index`],position:[1,`position`]},decls:7,vars:6,consts:[[1,`bar`],[`type`,`button`,1,`toggle`,3,`click`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`chevron`],[`d`,`m9 6 6 6-6 6`],[`type`,`button`,1,`link`],[`role`,`region`,1,`value`,3,`id`],[`type`,`button`,1,`link`,3,`click`],[`role`,`status`,1,`muted`],[`role`,`alert`,1,`error`],[1,`muted`],[1,`props`],[1,`prop`],[1,`name`,`mono`],[3,`prop`,`store`,`componentId`,`pageId`,`rpc`],[1,`kind`]],template:function(e,t){e&1&&(I(0,`div`,0)(1,`button`,1),H(`click`,function(){return t.toggle()}),E(),I(2,`svg`,2),R(3,`path`,3),L(),K(4),L(),j(5,EV,2,1,`button`,4),L(),j(6,IV,5,3,`div`,5)),e&2&&(O(),A(`aria-expanded`,t.open())(`aria-controls`,t.open()?t.regionId:null)(`aria-label`,(t.open()?`Hide the value of `:`Show the value of `)+t.name()),O(3),J(` `,t.open()?`Hide value`:`Show value`,` `),O(),M(t.open()&&!t.loading()?5:-1),O(),M(t.open()?6:-1))},dependencies:[EM],styles:[`[_nghost-%COMP%] {
+}`]})},IV=(e,t)=>t.prop;function LV(e,t){if(e&1){let e=V();I(0,`button`,6),H(`click`,function(){return w(e),T(W().load())}),K(1,` Refresh `),L()}e&2&&A(`aria-label`,`Read the value of `+W().name()+` again`)}function RV(e,t){e&1&&(I(0,`p`,7),K(1,`Reading from the page…`),L())}function zV(e,t){if(e&1&&(I(0,`p`,8),K(1),L()),e&2){let e=W(2);O(),q(e.error())}}function BV(e,t){if(e&1&&(I(0,`p`,9),K(1),L()),e&2){let e=W(3);O(),J(``,e.type(),`, read from the page. Getters never run.`)}}function VV(e,t){e&1&&(I(0,`span`,14),K(1),L()),e&2&&(O(),q(t))}function HV(e,t){if(e&1&&(I(0,`span`,12),K(1),j(2,VV,2,1,`span`,14),L()),e&2){let e,t=W().$implicit,n=W(3);O(),J(``,t.name,` `),O(),M((e=n.kinds()[t.prop])?2:-1,e)}}function UV(e,t){if(e&1&&(I(0,`li`,11),j(1,HV,3,2,`span`,12),R(2,`app-value-tree`,13),L()),e&2){let e=t.$implicit,n=W(3);O(),M(e.prop===n.whole?-1:1),O(),F(`prop`,e)(`store`,n.store)(`componentId`,n.key())(`pageId`,n.pageId())(`rpc`,n.rpc())}}function WV(e,t){if(e&1&&(I(0,`p`,9),K(1),L()),e&2){let e=W(3);O(),J(``,e.more(),` more members are not listed.`)}}function GV(e,t){if(e&1&&(j(0,BV,2,1,`p`,9),I(1,`ul`,10),N(2,UV,3,6,`li`,11,IV),L(),j(4,WV,2,1,`p`,9)),e&2){let e=W(2);M(e.type()?0:-1),O(2),P(e.props()),O(2),M(e.more()?4:-1)}}function KV(e,t){e&1&&(I(0,`p`,9),K(1,`No fields to show: the instance has only methods or getters.`),L())}function qV(e,t){if(e&1&&(I(0,`div`,5),j(1,RV,2,0,`p`,7)(2,zV,2,1,`p`,8)(3,GV,5,2)(4,KV,2,0,`p`,9),L()),e&2){let e=W();F(`id`,e.regionId),A(`aria-label`,`Value of `+e.name()),O(),M(e.loading()?1:e.error()?2:e.props().length?3:4)}}var JV=`$value`,YV=0,XV=class e{rpc=$(null);pageId=$(null);injectorId=$.required();token=$.required();index=$.required();position=$(``);name=X(()=>this.position()?`${this.token()} ${this.position()}`:this.token());regionId=`provider-value-${++YV}`;whole=JV;key=X(()=>`${this.pageId()}|${this.injectorId()}|${this.index()}|${this.token()}`);open=Q({source:this.key,computation:()=>!1});answer=Q({source:this.key,computation:()=>null});loading=D(!1);error=X(()=>{let e=this.answer();return e&&!e.ok?e.error??`The page did not read it.`:``});type=X(()=>this.answer()?.type??``);more=X(()=>this.answer()?.more??0);props=X(()=>(this.answer()?.members??[]).map(e=>({name:e.name===JV?`value`:e.name,prop:e.name,value:e.value})));kinds=X(()=>Object.fromEntries((this.answer()?.members??[]).filter(e=>e.kind).map(e=>[e.name,e.kind])));store=new jM(e=>this.read({path:[...e.path],limit:e.limit,depth:e.depth}));async read(e){let t=this.pageId();if(!t)return{error:`No live page to read from.`};try{return await $T(this.rpc(),`request-provider-value`,{pageId:t,request:{injectorId:this.injectorId(),token:this.token(),index:this.index(),...e}})??{error:`The devtools server is not connected.`}}catch{return{error:`The devtools server did not answer. Try again.`}}}toggle(){let e=!this.open();this.open.set(e),e&&!this.answer()&&this.load()}requests=0;async load(){let e=this.key(),t=++this.requests;this.loading.set(!0),this.store.follow({rpc:null,pageId:null,componentId:`${e}#${Date.now()}`},void 0);let n=await this.read({path:[]});t===this.requests&&e===this.key()&&(this.loading.set(!1),this.answer.set(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-provider-value`]],inputs:{rpc:[1,`rpc`],pageId:[1,`pageId`],injectorId:[1,`injectorId`],token:[1,`token`],index:[1,`index`],position:[1,`position`]},decls:7,vars:6,consts:[[1,`bar`],[`type`,`button`,1,`toggle`,3,`click`],[`viewBox`,`0 0 24 24`,`aria-hidden`,`true`,1,`chevron`],[`d`,`m9 6 6 6-6 6`],[`type`,`button`,1,`link`],[`role`,`region`,1,`value`,3,`id`],[`type`,`button`,1,`link`,3,`click`],[`role`,`status`,1,`muted`],[`role`,`alert`,1,`error`],[1,`muted`],[1,`props`],[1,`prop`],[1,`name`,`mono`],[3,`prop`,`store`,`componentId`,`pageId`,`rpc`],[1,`kind`]],template:function(e,t){e&1&&(I(0,`div`,0)(1,`button`,1),H(`click`,function(){return t.toggle()}),E(),I(2,`svg`,2),R(3,`path`,3),L(),K(4),L(),j(5,LV,2,1,`button`,4),L(),j(6,qV,5,3,`div`,5)),e&2&&(O(),A(`aria-expanded`,t.open())(`aria-controls`,t.open()?t.regionId:null)(`aria-label`,(t.open()?`Hide the value of `:`Show the value of `)+t.name()),O(3),J(` `,t.open()?`Hide value`:`Show value`,` `),O(),M(t.open()&&!t.loading()?5:-1),O(),M(t.open()?6:-1))},dependencies:[kM],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
   margin-top: 6px;
@@ -7485,7 +7553,7 @@ button.node-card[_ngcontent-%COMP%] {
    .link[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},BV=`pangular-pref`;function VV(e){try{let t=localStorage.getItem(`${BV}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function HV(e,t){try{localStorage.setItem(`${BV}:${e}`,String(t))}catch{}}var UV=(e,t)=>t.label,WV=(e,t)=>t.name;function GV(e,t){if(e&1&&(z(0,`tr`)(1,`td`),K(2),B(),z(3,`td`,7),K(4),B(),z(5,`td`,6),K(6),B()()),e&2){let e=t.$implicit,n=W(2);O(2),q(e.label),O(2),q(n.format(e.at)),O(2),q(e.source)}}function KV(e,t){e&1&&(z(0,`p`,6),K(1,` Load `),z(2,`code`),K(3,`@pangular-inspector/devtools/startup-hook`),B(),K(4,` from the polyfills of the development build to time each provider's construction. `),B())}function qV(e,t){if(e&1&&(z(0,`p`,6),K(1),B()),e&2){let e=W();O(),J(` `,e.providers.note||`Provider timing is unavailable on this page.`,` `)}}function JV(e,t){e&1&&K(0,` Recording until one second after the app is first stable. `)}function YV(e,t){if(e&1&&(z(0,`tr`)(1,`td`,9),K(2),B(),z(3,`td`,7),K(4),B(),z(5,`td`,7),K(6),B(),z(7,`td`,7),K(8),B()()),e&2){let e=t.$implicit,n=W(4);O(2),q(e.name),O(2),q(n.format(e.selfMs)),O(2),q(n.format(e.ms)),O(2),q(e.count)}}function XV(e,t){if(e&1&&(z(0,`div`,8)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,4),K(5,`Provider`),B(),z(6,`th`,4),K(7,`Own time`),B(),z(8,`th`,4),K(9,`Total`),B(),z(10,`th`,4),K(11,`Instances`),B()()(),z(12,`tbody`),N(13,YV,9,4,`tr`,null,WV),B()()()),e&2){let e=W(3);O(13),P(e.slowest())}}function ZV(e,t){if(e&1&&(z(0,`p`,6),j(1,JV,1,0),K(2),B(),j(3,XV,15,0,`div`,8)),e&2){let e=W(),t=W();O(),M(e.providers.status===`recording`?1:-1),O(),Y(` `,e.providers.count,` provider instances, `,t.format(e.providers.totalSelfMs),` of construction, from Angular's own profiling. Own time leaves out what each one created. Components and directives show up too, since Angular creates them through injectors. `),O(),M(t.slowest().length?3:-1)}}function QV(e,t){if(e&1&&(z(0,`section`,0)(1,`h2`,1),K(2,`Startup`),B(),z(3,`p`,2),K(4),B(),z(5,`div`,3)(6,`table`)(7,`thead`)(8,`tr`)(9,`th`,4),K(10,`Milestone`),B(),z(11,`th`,4),K(12,`At`),B(),z(13,`th`,4),K(14,`Source`),B()()(),z(15,`tbody`),N(16,GV,7,3,`tr`,null,UV),B()()(),z(18,`h3`,5),K(19,`Slowest providers`),B(),j(20,KV,5,0,`p`,6)(21,qV,2,1,`p`,6)(22,ZV,4,4),B()),e&2){let e,n=W();O(4),q(n.intro()),O(12),P(n.steps()),O(4),M((e=t.providers.status)===`needs-hook`?20:e===`unavailable`?21:22)}}function $V(e){return e>=1e3?`${(e/1e3).toFixed(2)} s`:`${Math.round(e*10)/10} ms`}function eH(e){let t=[],n=(e,n,r)=>{typeof n==`number`&&t.push({label:e,at:n,source:r})};return n(`DOM content loaded`,e.navigation.domContentLoaded,`Navigation timing`),n(`First contentful paint`,e.navigation.firstContentfulPaint,`Paint timing`),n(`Angular started`,e.angularStart?.at,e.angularStart?.source===`hook`?`Startup hook`:`First Angular feature mark`),n(`Root component created`,e.bootstrapComponent?.end,`Angular profiler`),n(e.firstStable?.exact===!1?`First stable, at the latest`:`First stable`,e.firstStable?.at,`ApplicationRef.isStable`),n(`Load event`,e.navigation.load,`Navigation timing`),n(`Overlay started`,e.overlayStart,`Overlay`),t.sort((e,t)=>e.at-t.at)}function tH(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&e.providers).sort((e,t)=>t.reportedAt-e.reportedAt)}var nH=10,rH=class e{rpc=$(null);pageId=$(null);destroyRef=C(Ns);unsubscribe;format=$V;pages=D([]);page=X(()=>{let e=this.pages(),t=this.pageId();return(t?e.find(e=>e.pageId===t):void 0)??e[0]??null});steps=X(()=>{let e=this.page();return e?eH(e):[]});slowest=X(()=>this.page()?.providers.slowest.slice(0,nH)??[]);intro=X(()=>{let e=this.page(),t=e?.angularVersion?` (Angular ${e.angularVersion})`:``,n=this.total();return`From navigation start to the app's first stable state on the live page${t}${n?`: ${n.exact?``:`at most `}${$V(n.ms)} from Angular's start to stable`:``}.`});total=X(()=>{let e=this.page();return!e?.angularStart||!e.firstStable?null:{ms:Math.max(0,e.firstStable.at-e.angularStart.at),exact:e.firstStable.exact}});constructor(){bc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.unsubscribe?.())}loadId=0;async load(e){let t=++this.loadId,n=()=>!this.destroyRef.destroyed&&t===this.loadId&&this.rpc()===e;try{let t=await e.scope(`pangular`).rpc.sharedState(`startup`);if(!n())return;let r=e=>this.pages.set(tH(e));r(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,r)}catch{if(!n())return;this.pages.set([])}}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-startup-section`]],inputs:{rpc:[1,`rpc`],pageId:[1,`pageId`]},decls:1,vars:1,consts:[[`aria-labelledby`,`startup-title`,1,`startup`],[`id`,`startup-title`],[1,`intro`],[`tabindex`,`0`,`role`,`region`,`aria-label`,`Startup milestones`,1,`table-wrap`],[`scope`,`col`],[1,`label`],[1,`muted`],[1,`num`],[`tabindex`,`0`,`role`,`region`,`aria-label`,`Slowest providers`,1,`table-wrap`],[1,`mono`]],template:function(e,t){if(e&1&&j(0,QV,23,2,`section`,0),e&2){let e;M((e=t.page())?0:-1,e)}},styles:[`[_nghost-%COMP%] {
+}`]})},ZV=`pangular-pref`;function QV(e){try{let t=localStorage.getItem(`${ZV}:${e}`);return t===`true`||t!==`false`&&null}catch{return null}}function $V(e,t){try{localStorage.setItem(`${ZV}:${e}`,String(t))}catch{}}var eH=(e,t)=>t.label,tH=(e,t)=>t.name;function nH(e,t){if(e&1&&(z(0,`tr`)(1,`td`),K(2),B(),z(3,`td`,7),K(4),B(),z(5,`td`,6),K(6),B()()),e&2){let e=t.$implicit,n=W(2);O(2),q(e.label),O(2),q(n.format(e.at)),O(2),q(e.source)}}function rH(e,t){e&1&&(z(0,`p`,6),K(1,` Load `),z(2,`code`),K(3,`@pangular-inspector/devtools/startup-hook`),B(),K(4,` from the polyfills of the development build to time each provider's construction. `),B())}function iH(e,t){if(e&1&&(z(0,`p`,6),K(1),B()),e&2){let e=W();O(),J(` `,e.providers.note||`Provider timing is unavailable on this page.`,` `)}}function aH(e,t){e&1&&K(0,` Recording until one second after the app is first stable. `)}function oH(e,t){if(e&1&&(z(0,`tr`)(1,`td`,9),K(2),B(),z(3,`td`,7),K(4),B(),z(5,`td`,7),K(6),B(),z(7,`td`,7),K(8),B()()),e&2){let e=t.$implicit,n=W(4);O(2),q(e.name),O(2),q(n.format(e.selfMs)),O(2),q(n.format(e.ms)),O(2),q(e.count)}}function sH(e,t){if(e&1&&(z(0,`div`,8)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,4),K(5,`Provider`),B(),z(6,`th`,4),K(7,`Own time`),B(),z(8,`th`,4),K(9,`Total`),B(),z(10,`th`,4),K(11,`Instances`),B()()(),z(12,`tbody`),N(13,oH,9,4,`tr`,null,tH),B()()()),e&2){let e=W(3);O(13),P(e.slowest())}}function cH(e,t){if(e&1&&(z(0,`p`,6),j(1,aH,1,0),K(2),B(),j(3,sH,15,0,`div`,8)),e&2){let e=W(),t=W();O(),M(e.providers.status===`recording`?1:-1),O(),Y(` `,e.providers.count,` provider instances, `,t.format(e.providers.totalSelfMs),` of construction, from Angular's own profiling. Own time leaves out what each one created. Components and directives show up too, since Angular creates them through injectors. `),O(),M(t.slowest().length?3:-1)}}function lH(e,t){if(e&1&&(z(0,`section`,0)(1,`h2`,1),K(2,`Startup`),B(),z(3,`p`,2),K(4),B(),z(5,`div`,3)(6,`table`)(7,`thead`)(8,`tr`)(9,`th`,4),K(10,`Milestone`),B(),z(11,`th`,4),K(12,`At`),B(),z(13,`th`,4),K(14,`Source`),B()()(),z(15,`tbody`),N(16,nH,7,3,`tr`,null,eH),B()()(),z(18,`h3`,5),K(19,`Slowest providers`),B(),j(20,rH,5,0,`p`,6)(21,iH,2,1,`p`,6)(22,cH,4,4),B()),e&2){let e,n=W();O(4),q(n.intro()),O(12),P(n.steps()),O(4),M((e=t.providers.status)===`needs-hook`?20:e===`unavailable`?21:22)}}function uH(e){return e>=1e3?`${(e/1e3).toFixed(2)} s`:`${Math.round(e*10)/10} ms`}function dH(e){let t=[],n=(e,n,r)=>{typeof n==`number`&&t.push({label:e,at:n,source:r})};return n(`DOM content loaded`,e.navigation.domContentLoaded,`Navigation timing`),n(`First contentful paint`,e.navigation.firstContentfulPaint,`Paint timing`),n(`Angular started`,e.angularStart?.at,e.angularStart?.source===`hook`?`Startup hook`:`First Angular feature mark`),n(`Root component created`,e.bootstrapComponent?.end,`Angular profiler`),n(e.firstStable?.exact===!1?`First stable, at the latest`:`First stable`,e.firstStable?.at,`ApplicationRef.isStable`),n(`Load event`,e.navigation.load,`Navigation timing`),n(`Overlay started`,e.overlayStart,`Overlay`),t.sort((e,t)=>e.at-t.at)}function fH(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&e.providers).sort((e,t)=>t.reportedAt-e.reportedAt)}var pH=10,mH=class e{rpc=$(null);pageId=$(null);destroyRef=C(js);unsubscribe;format=uH;pages=D([]);page=X(()=>{let e=this.pages(),t=this.pageId();return(t?e.find(e=>e.pageId===t):void 0)??e[0]??null});steps=X(()=>{let e=this.page();return e?dH(e):[]});slowest=X(()=>this.page()?.providers.slowest.slice(0,pH)??[]);intro=X(()=>{let e=this.page(),t=e?.angularVersion?` (Angular ${e.angularVersion})`:``,n=this.total();return`From navigation start to the app's first stable state on the live page${t}${n?`: ${n.exact?``:`at most `}${uH(n.ms)} from Angular's start to stable`:``}.`});total=X(()=>{let e=this.page();return!e?.angularStart||!e.firstStable?null:{ms:Math.max(0,e.firstStable.at-e.angularStart.at),exact:e.firstStable.exact}});constructor(){vc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.unsubscribe?.())}loadId=0;async load(e){let t=++this.loadId,n=()=>!this.destroyRef.destroyed&&t===this.loadId&&this.rpc()===e;try{let t=await e.scope(`pangular`).rpc.sharedState(`startup`);if(!n())return;let r=e=>this.pages.set(fH(e));r(t.value()),this.unsubscribe?.(),this.unsubscribe=t.on(`updated`,r)}catch{if(!n())return;this.pages.set([])}}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-startup-section`]],inputs:{rpc:[1,`rpc`],pageId:[1,`pageId`]},decls:1,vars:1,consts:[[`aria-labelledby`,`startup-title`,1,`startup`],[`id`,`startup-title`],[1,`intro`],[`tabindex`,`0`,`role`,`region`,`aria-label`,`Startup milestones`,1,`table-wrap`],[`scope`,`col`],[1,`label`],[1,`muted`],[1,`num`],[`tabindex`,`0`,`role`,`region`,`aria-label`,`Slowest providers`,1,`table-wrap`],[1,`mono`]],template:function(e,t){if(e&1&&j(0,lH,23,2,`section`,0),e&2){let e;M((e=t.page())?0:-1,e)}},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -7571,7 +7639,7 @@ td.muted[_ngcontent-%COMP%] {
 .num[_ngcontent-%COMP%] {
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
-}`]})},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=V();I(0,`div`,6)(1,`p`,7),K(2),L(),I(3,`p`,8),K(4,` The devtools server did not answer. Check that it is still running, then retry. `),L(),I(5,`button`,9),H(`click`,function(){return w(e),T(W().retry())}),K(6),L()()}if(e&2){let e=t.compact,n=W();G(`compact`,e),O(2),J(` `,e?`Couldn't load the live injector tree`:`Couldn't load DI data`,` `),O(3),A(`aria-disabled`,n.retrying()||null),O(),J(` `,n.retrying()?`Retrying…`:`Retry`,` `)}}function hH(e,t){if(e&1){let e=V();I(0,`div`,10)(1,`span`,11),K(2,`Page`),L(),I(3,`app-select`,12),H(`valueChange`,function(t){return w(e),T(W(2).selectPage(t))}),L()()}if(e&2){let e=W(2);O(3),F(`options`,e.pageOptions())(`value`,e.shownPageId())}}function gH(e,t){e&1&&j(0,hH,4,2,`div`,10),e&2&&M(W().pageOptions().length>1?0:-1)}function _H(e,t){if(e&1){let e=V();I(0,`label`,24)(1,`input`,25),H(`change`,function(){w(e);let t=W(2);return T(t.componentsOnly.set(!t.componentsOnly()))}),L(),K(2,` Components only `),L()}if(e&2){let e=W(2);O(),F(`checked`,e.componentsOnly())}}function vH(e,t){if(e&1&&(I(0,`span`,26),K(1),L()),e&2){let e=W(2);O(),q(e.frameworkHiddenText())}}function yH(e,t){e&1&&(I(0,`span`,27),K(1),L()),e&2&&(O(),J(`Change detection: `,t))}function bH(e,t){e&1&&(I(0,`p`,28),E(),I(1,`svg`,38),R(2,`circle`,39)(3,`path`,40),L(),Cs(),I(4,`span`)(5,`strong`),K(6,`The page reported only part of its injector tree.`),L(),K(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. `),L()())}function xH(e,t){if(e&1){let e=V();I(0,`button`,44),H(`click`,function(){let t=w(e).$implicit;return T(W(3).reveal(t.id))}),R(1,`span`,45),I(2,`span`,46),K(3),L(),I(4,`span`,47),K(5),L()()}if(e&2){let e=t.$implicit,n=W(3);O(),b_(`background`,n.tone(e.kind)),O(2),q(e.label),O(2),q(e.tokens)}}function SH(e,t){e&1&&(I(0,`span`,43),K(1),L()),e&2&&(O(),J(`+`,t,` more`))}function CH(e,t){if(e&1&&(I(0,`div`,29)(1,`span`,41),K(2,`Provided by`),L(),N(3,xH,6,4,`button`,42,lH),j(5,SH,2,1,`span`,43),L()),e&2){let e,t=W(2);O(3),P(t.providedBy()),O(2),M((e=t.providedByMore())?5:-1,e)}}function wH(e,t){if(e&1){let e=V();I(0,`div`,30),K(1),I(2,`button`,48),H(`click`,function(){return w(e),T(W(2).clearQuery())}),K(3,`Clear filters`),L()()}if(e&2){let e=W(2);O(),J(` Nothing here matches “`,e.query().trim(),`”. `)}}function TH(e,t){e&1&&K(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function EH(e,t){e&1&&K(0,` None of them provide anything themselves. `)}function DH(e,t){e&1&&K(0,` Turn off “Components only” to see directives. `)}function OH(e,t){e&1&&K(0,` Try a different search. `)}function kH(e,t){if(e&1&&(I(0,`div`,32)(1,`p`,7),K(2,`No injectors to show`),L(),I(3,`p`,8),j(4,TH,1,0)(5,EH,1,0)(6,DH,1,0)(7,OH,1,0),L()()),e&2){let e=W(2);O(4),M(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=V();I(0,`span`,59),H(`click`,function(t){w(e);let n=W().$implicit;return T(W(2).toggle(n.node.injector.id,t))}),E(),I(1,`svg`,60),R(2,`path`,61),L()()}if(e&2){let e=W().$implicit;G(`open`,e.expanded)}}function jH(e,t){e&1&&R(0,`span`,51)}function MH(e,t){if(e&1&&(I(0,`span`,55),K(1),L()),e&2){let e=W().$implicit;O(),q(e.node.injector.component)}}function NH(e,t){if(e&1&&(I(0,`span`,55),K(1),L()),e&2){let e=W().$implicit;O(),q(e.node.injector.directives.join(`, `))}}function PH(e,t){if(e&1&&(I(0,`span`,57),E(),I(1,`svg`,38),R(2,`path`,62),L(),Cs(),I(3,`span`,53),K(4,`injects`),L(),K(5),L()),e&2){let e=W().$implicit;A(`title`,e.node.dependencies.length+` injected`),O(5),J(` `,e.node.dependencies.length,` `)}}function FH(e,t){if(e&1&&(I(0,`span`,58),E(),I(1,`svg`,38),R(2,`path`,63),L(),Cs(),I(3,`span`,53),K(4,`provides`),L(),K(5),L()),e&2){let e=t;A(`title`,e+` provided`),O(5),J(` `,e,` `)}}function IH(e,t){if(e&1){let e=V();I(0,`div`,49),H(`click`,function(){let t=w(e).$implicit;return T(W(2).select(t.node.injector.id))})(`focus`,function(){let t=w(e).$implicit,n=W(2);return n.focusId.set(t.node.injector.id),T(n.highlight(t.node))})(`blur`,function(){return w(e),T(W(2).highlight(null))})(`mouseenter`,function(){let t=w(e).$implicit;return T(W(2).highlight(t.node))})(`mouseleave`,function(){return w(e),T(W(2).highlight(null))}),j(1,AH,3,2,`span`,50)(2,jH,1,0,`span`,51),I(3,`span`,52),K(4),L(),I(5,`span`,53),K(6),L(),I(7,`span`,54),K(8),L(),j(9,MH,2,1,`span`,55)(10,NH,2,1,`span`,55),I(11,`span`,56),j(12,PH,6,2,`span`,57),j(13,FH,6,2,`span`,58),L()()}if(e&2){let e,n=t.$implicit,r=W(2);b_(`--%NS%depth`,n.depth),G(`selected`,r.selected()?.injector?.id===n.node.injector.id),A(`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),O(),M(n.hasChildren?1:2),O(2),b_(`--%NS%tone`,r.tone(r.kind(n.node))),A(`title`,r.kind(n.node)),O(),q(r.kind(n.node)[0].toUpperCase()),O(2),q(r.kind(n.node)),O(2),q(r.label(n.node)),O(),M(n.node.injector.component?9:n.node.injector.directives?.length?10:-1),O(3),M((n.node.dependencies?.length??0)>0?12:-1),O(),M((e=r.providerCount(n.node))?13:-1,e)}}function LH(e,t){if(e&1){let e=V();I(0,`button`,9),H(`click`,function(){let t=w(e);return T(W(3).reveal(t.node.injector.id))}),K(1),L()}if(e&2){let e=W(3);O(),J(` Show `,e.label(t.node),` `)}}function RH(e,t){if(e&1&&(I(0,`section`,35)(1,`header`,64)(2,`h2`,65),K(3),L()(),I(4,`div`,66)(5,`p`,8),K(6,` This injector is no longer on the page. Its component or directive was destroyed. `),L(),j(7,LH,2,1,`button`,67),L()()),e&2){let e,n=W(2);O(3),q(t),O(4),M((e=n.rows()[0])?7:-1,e)}}function zH(e,t){if(e&1&&(I(0,`li`),K(1),L()),e&2){let e=t.$implicit;G(`is-component`,e===W(2).injector.component),O(),q(e)}}function BH(e,t){if(e&1&&(I(0,`ul`,69),N(1,zH,2,3,`li`,78,vg),L()),e&2){let e=W();O(),P(e.injector.directives)}}function VH(e,t){if(e&1){let e=V();I(0,`button`,79),H(`click`,function(){let t=w(e);return T(W(3).openComponent(t))}),K(1,` Show in Components `),I(2,`span`,53),K(3),L()()}if(e&2){let e=W();O(3),J(`: `,e.injector.component)}}function HH(e,t){if(e&1&&(I(0,`span`,80),R(1,`span`,45),K(2,` Null injector `),I(3,`span`,82),K(4,`throws NullInjectorError`),L()()),e&2){let e=W(4);O(),b_(`background`,e.tone(`null`))}}function UH(e,t){if(e&1&&(I(0,`span`,84),K(1),I(2,`span`,53),K(3),L()()),e&2){let e=W(2).$implicit;O(),J(` `,e.providers,` `),O(2),q(e.providers===1?`provider`:`providers`)}}function WH(e,t){if(e&1){let e=V();I(0,`button`,83),H(`click`,function(){w(e);let t=W().$implicit;return T(W(3).reveal(t.id))}),R(1,`span`,45),I(2,`span`,46),K(3),L(),j(4,UH,4,2,`span`,84),L()}if(e&2){let e=W().$implicit,t=W(3);O(),b_(`background`,t.tone(e.kind)),O(2),q(e.label),O(),M(e.providers?4:-1)}}function GH(e,t){if(e&1&&(I(0,`li`),j(1,HH,5,2,`span`,80)(2,WH,5,4,`button`,81),L()),e&2){let e=t.$implicit,n=t.$index,r=W(3);G(`current`,n===0),O(),M(e.id===r.nullId?1:2)}}function KH(e,t){e&1&&(I(0,`p`,72),K(1,`Only services this injector has already created are listed.`),L())}function qH(e,t){if(e&1&&(I(0,`span`,90),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function JH(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),J(`for `,e.from)}}function YH(e,t){if(e&1){let e=V();I(0,`button`,95),H(`click`,function(){let t=w(e);return T(W(6).reveal(t))}),R(1,`span`,45),K(2,` from `),I(3,`span`,46),K(4),L()()}if(e&2){let e=t,n=W(6);O(),b_(`background`,n.tone(n.kindById(e))),O(3),q(n.labelById(e))}}function XH(e,t){e&1&&(I(0,`span`,93),K(1,`optional, not provided`),L())}function ZH(e,t){e&1&&(I(0,`span`,94),K(1,`not provided anywhere`),L())}function QH(e,t){if(e&1&&(I(0,`li`,87)(1,`div`,88)(2,`span`,89),K(3),L(),N(4,qH,2,1,`span`,90,vg),L(),I(6,`div`,91),j(7,JH,2,1,`span`),j(8,YH,5,3,`button`,92)(9,XH,2,0,`span`,93)(10,ZH,2,0,`span`,94),L()()),e&2){let e,n=t.$implicit,r=W(3);G(`hit`,W(2).matches(n.token)),O(3),q(n.token),O(),P(n.flags),O(3),M(r.injector.type!==`element`||r.injector.directives&&r.injector.directives.length>1?7:-1),O(),M((e=n.providedBy)?8:n.flags.includes(`optional`)?9:10,e)}}function $H(e,t){if(e&1&&(I(0,`ul`,85),N(1,QH,11,5,`li`,86,uH),L()),e&2){let e=W(2);O(),P(e.dependencies)}}function eU(e,t){e&1&&(I(0,`p`,77),K(1,`Nothing is injected through the constructor or inject().`),L())}function tU(e,t){e&1&&(I(0,`p`,77),K(1,`No service created here has injected anything yet.`),L())}function nU(e,t){if(e&1&&(I(0,`div`,71)(1,`h3`),K(2),I(3,`span`,17),K(4),L()(),j(5,KH,2,0,`p`,72),j(6,$H,3,0,`ul`,85)(7,eU,2,0,`p`,77)(8,tU,2,0,`p`,77),L()),e&2){let e=W();O(2),J(` `,e.injector.type===`element`?`Injected here`:`Injected by its services`,` `),O(2),q(e.dependencies?.length??0),O(),M(e.injector.type===`element`?-1:5),O(),M(e.dependencies?.length?6:e.injector.type===`element`?7:8)}}function rU(e,t){if(e&1){let e=V();I(0,`p`,75),K(1),I(2,`button`,48),H(`click`,function(){return w(e),T(W(3).setHideFramework(!1))}),K(3,` Show them `),L()()}if(e&2){let e=t;O(),Y(` `,e,` framework `,e===1?`provider`:`providers`,` hidden. `)}}function iU(e,t){e&1&&(I(0,`span`,90),K(1,`viewProviders`),L())}function aU(e,t){e&1&&(I(0,`span`,90),K(1,`multi`),L())}function oU(e,t){e&1&&(I(0,`span`,90),K(1,`Angular`),L())}function sU(e,t){if(e&1&&(I(0,`div`,91),K(1),L()),e&2){let e=W(2).$implicit;O(),J(`via `,e.importPath.join(` › `))}}function cU(e,t){if(e&1&&(I(0,`li`,97)(1,`div`,88)(2,`span`,89),K(3),L(),I(4,`span`,98),K(5),L(),j(6,iU,2,0,`span`,90),j(7,aU,2,0,`span`,90),j(8,oU,2,0,`span`,90),L(),j(9,sU,2,1,`div`,91),R(10,`app-store-global`,99)(11,`app-provider-value`,100),L()),e&2){let e=W(),t=e.$implicit,n=e.$index,r=W(2),i=W(2);G(`hit`,i.matches(t.token)),O(3),q(t.token),O(2),q(t.type===`unknown`?`provider`:`use`+i.capital(t.type)),O(),M(t.isViewProvider?6:-1),O(),M(t.multi?7:-1),O(),M(t.framework?8:-1),O(),M(t.importPath?.length?9:-1),O(),F(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`target`,Kte(19,aH,r.injector.id,t.token,n))(`label`,t.token+i.positionSuffix(r.providers,n))(`canLog`,!0),O(),F(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`injectorId`,r.injector.id)(`token`,t.token)(`index`,n)(`position`,i.tokenPosition(r.providers,n))}}function lU(e,t){if(e&1&&j(0,cU,12,23,`li`,96),e&2){let e=t.$implicit;M(W(4).isHidden(e)?-1:0)}}function uU(e,t){if(e&1&&(I(0,`ul`,76),N(1,lU,1,1,null,null,dH),L()),e&2){let e=W();O(),P(e.providers)}}function dU(e,t){e&1&&K(0,` No providers or viewProviders on this element. `)}function fU(e,t){e&1&&K(0,` This injector has no providers of its own. `)}function pU(e,t){if(e&1&&(I(0,`p`,77),j(1,dU,1,0)(2,fU,1,0),L()),e&2){let e=W();O(),M(e.injector.type===`element`?1:2)}}function mU(e,t){if(e&1&&(I(0,`section`,36)(1,`header`,64)(2,`span`,68),K(3),L(),I(4,`h2`,65),K(5),L(),j(6,BH,3,0,`ul`,69),j(7,VH,4,1,`button`,70),L(),I(8,`div`,71)(9,`h3`),K(10,`Lookup path`),L(),I(11,`p`,72),K(12,`Angular asks these injectors in order until one has the token.`),L(),I(13,`ol`,73),N(14,GH,3,3,`li`,74,lH),L()(),j(16,nU,9,4,`div`,71),I(17,`div`,71)(18,`h3`),K(19,` Provides `),I(20,`span`,17),K(21),L()(),j(22,rU,4,2,`p`,75),j(23,uU,3,0,`ul`,76)(24,pU,3,1,`p`,77),L()()),e&2){let e,n,r=t,i=W(2);O(2),b_(`--%NS%tone`,i.tone(i.kind(r))),O(),q(i.kind(r)),O(2),q(i.label(r)),O(),M(r.injector.directives?.length?6:-1),O(),M((e=i.canShowComponent()&&r.injector.componentId)?7:-1,e),O(7),P(i.path()),O(2),M(r.injector.type===`element`||r.dependencies?16:-1),O(5),q(i.providerCount(r)),O(),M((n=i.hiddenProviders(r))?22:-1,n),O(),M(i.providerCount(r)?23:i.hiddenProviders(r)?-1:24)}}function hU(e,t){if(e&1){let e=V();I(0,`p`,13),K(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. `),L(),I(2,`app-angular-unavailable`,14),K(3,` This tree shows the element injectors the page reports, with providers and environment injectors only where its Angular exposes them. `),L(),I(4,`div`,15)(5,`div`,16)(6,`button`,9),H(`click`,function(){return w(e),T(W().setView(`element`))}),K(7,` Elements `),I(8,`span`,17),K(9),L()(),I(10,`button`,9),H(`click`,function(){return w(e),T(W().setView(`environment`))}),K(11,` Environment `),I(12,`span`,17),K(13),L()()(),I(14,`div`,18),E(),I(15,`svg`,19),R(16,`circle`,20)(17,`path`,21),L(),Cs(),I(18,`input`,22,2),H(`input`,function(t){return w(e),T(W().query.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().query.set(``))}),L()(),Ng(20,23),j(21,_H,3,1,`label`,24),I(22,`label`,24)(23,`input`,25),H(`change`,function(){w(e);let t=W();return T(t.onlyProviding.set(!t.onlyProviding()))}),L(),K(24,` With providers `),L(),I(25,`label`,24)(26,`input`,25),H(`change`,function(){w(e);let t=W();return T(t.setHideFramework(!t.hideFramework()))}),L(),K(27,` Hide framework `),L(),j(28,vH,2,1,`span`,26),j(29,yH,2,1,`span`,27),L(),j(30,bH,8,0,`p`,28),j(31,CH,6,1,`div`,29)(32,wH,4,1,`div`,30),I(33,`div`,31),j(34,kH,8,1,`div`,32),I(35,`div`,33),H(`keydown`,function(t){return w(e),T(W().onTreeKey(t))}),N(36,IH,14,19,`div`,34,cH),L(),j(38,RH,8,2,`section`,35)(39,mU,25,10,`section`,36),L(),R(40,`app-startup-section`,37)}if(e&2){let e,t,n=W(),r=$g(5);O(2),F(`page`,n.angularPage()),O(4),G(`active`,n.view()===`element`),A(`aria-pressed`,n.view()===`element`),O(3),q(n.elementCount()),O(),G(`active`,n.view()===`environment`),A(`aria-pressed`,n.view()===`environment`),O(3),q(n.environmentCount()),O(5),F(`value`,n.query()),O(2),F(`ngTemplateOutlet`,r),O(),M(n.view()===`element`?21:-1),O(2),F(`checked`,n.onlyProviding()),O(3),F(`checked`,n.hideFramework()),O(2),M(n.hideFramework()?28:-1),O(),M((e=n.zone())?29:-1,e),O(),M(n.truncated()?30:-1),O(),M(n.providedBy().length?31:n.query().trim()&&!n.rows().length?32:-1),O(3),M(n.rows().length?-1:34),O(),F(`hidden`,!n.rows().length),A(`aria-label`,n.view()===`element`?`Element injectors`:`Environment injectors`),O(),P(n.rows()),O(2),M((t=n.gone())?38:(t=n.selected())?39:-1,t),O(2),F(`rpc`,n.rpc())(`pageId`,n.shownPageId())}}function gU(e,t){e&1&&(I(0,`div`,4),R(1,`span`,101),I(2,`p`,7),K(3,`Loading dependency injection data…`),L()())}function _U(e,t){e&1&&Ng(0,5),e&2&&(W(),F(`ngTemplateOutlet`,$g(3))(`ngTemplateOutletContext`,nv(2,oH)))}function vU(e,t){if(e&1&&(I(0,`div`,15),Ng(1,23),L()),e&2){W(2);let e=$g(5);O(),F(`ngTemplateOutlet`,e)}}function yU(e,t){e&1&&(j(0,vU,2,1,`div`,15),I(1,`div`,32)(2,`p`,7),K(3,`No DI data found`),L(),I(4,`p`,8),K(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. `),L()()),e&2&&M(W().pageOptions().length>1?0:-1)}function bU(e,t){e&1&&Ng(0,5),e&2&&(W(2),F(`ngTemplateOutlet`,$g(3))(`ngTemplateOutletContext`,nv(2,sH)))}function xU(e,t){if(e&1){let e=V();I(0,`div`,32)(1,`p`,7),K(2),L(),I(3,`p`,8),K(4,`Try part of a token name or a file path.`),L(),I(5,`button`,9),H(`click`,function(){return w(e),T(W(2).clearQuery())}),K(6,`Clear filters`),L()()}if(e&2){let e=W(2);O(2),J(`No providers match “`,e.query(),`”`)}}function SU(e,t){if(e&1&&(I(0,`span`,112),K(1),L()),e&2){let e=W().$implicit;O(),J(`providedIn: `,e.providedIn)}}function CU(e,t){if(e&1&&(I(0,`span`,115),K(1),L()),e&2){let e=W().$implicit;O(),J(`as `,e.source)}}function wU(e,t){if(e&1&&(I(0,`li`,109)(1,`div`,110)(2,`span`,111),K(3),L(),j(4,SU,2,1,`span`,112),L(),I(5,`div`,113),R(6,`app-source-link`,114),j(7,CU,2,1,`span`,115),L()()),e&2){let e=t.$implicit;O(3),q(e.token),O(),M(e.providedIn?4:-1),O(2),F(`file`,e.file)(`line`,e.line),O(),M(e.source!==`class`&&e.source!==`providers array`?7:-1)}}function TU(e,t){if(e&1&&(I(0,`section`,106)(1,`h2`),K(2),I(3,`span`,107),K(4),L()(),I(5,`ul`,108),N(6,wU,8,5,`li`,109,pH),L()()),e&2){let e=t.$implicit;O(2),J(` `,e.label,` `),O(2),q(e.items.length),O(2),P(e.items)}}function EU(e,t){if(e&1&&(I(0,`div`,105),N(1,TU,8,2,`section`,106,fH),L()),e&2){let e=W(2);O(),P(e.groupedProviders())}}function DU(e,t){if(e&1){let e=V();I(0,`div`,15)(1,`div`,18),E(),I(2,`svg`,19),R(3,`circle`,20)(4,`path`,21),L(),Cs(),I(5,`input`,102,2),H(`input`,function(t){return w(e),T(W().query.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().query.set(``))}),L()(),Ng(7,23),I(8,`span`,103),K(9),L()(),j(10,bU,1,3,`ng-container`,5),I(11,`p`,28),E(),I(12,`svg`,38),R(13,`circle`,39)(14,`path`,40),L(),Cs(),I(15,`span`)(16,`strong`),K(17,`DI from the source scan.`),L(),K(18,` Connect the overlay to a development build to see the live injector tree. `),L()(),R(19,`app-angular-unavailable`,104),j(20,xU,7,1,`div`,32)(21,EU,3,0,`div`,105)}if(e&2){let e=W(),t=$g(5);O(5),F(`value`,e.query()),O(2),F(`ngTemplateOutlet`,t),O(2),Y(` `,e.sourceMatchCount(),` of `,e.sourceProviders().length,` `),O(),M(e.loadFailed()?10:-1),O(9),F(`page`,e.angularPage()),O(),M(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=yv();showComponent=yv();injector=C(js);nullId=OU;hostPage=GT();angularPages=TD(()=>this.rpc());angularPage=X(()=>ED(this.angularPages(),this.shownPageId()||this.hostPage));treeState=D(null);pageTitles=D({});chosenPageId=D(null);treePages=X(()=>{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=Q({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 KT(r,{chosen:t,host:this.hostPage,previous:n?.value??null})}});shownPage=X(()=>{let e=this.shownPageId();return e===null?null:this.treePages()[e]??null});roots=X(()=>{let e=this.shownPage()?.roots;return FU(e)?e:[]});environment=X(()=>{let e=this.shownPage()?.environment;return FU(e)?e:[]});truncated=X(()=>this.shownPage()?.truncated===!0);zone=X(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?oD(e):null});multiPage=X(()=>!this.hostPage&&Object.keys(this.treePages()).length>1);pageOptions=X(()=>{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=X(()=>this.shownPageId()??``);perPage(e){let t=new Map;return Q({source:this.pageKey,computation:(n,r)=>(r&&t.set(r.source,r.value),t.has(n)?t.get(n):e())})}sourceProviders=D([]);loaded=D(!1);treeFailed=D(!1);sourceFailed=D(!1);loadFailed=X(()=>this.treeFailed()||this.sourceFailed());retrying=D(!1);host=C(Wl);view=D(`element`);query=D(``);queryInput=Ev(`queryInput`);onlyProviding=D(!1);componentsOnly=D(!0);hideFramework=D(VV(kU)??!1);collapsed=this.perPage(()=>new Set);selectedId=this.perPage(()=>null);focusId=this.perPage(()=>null);announcement=D(``);selectedLabel=this.perPage(()=>null);wasGone=!1;index=X(()=>{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=X(()=>this.withoutFramework(this.roots()));shownEnvironment=X(()=>this.withoutFramework(this.environment()));elementCount=X(()=>this.count(this.shownRoots()));environmentCount=X(()=>this.count(this.shownEnvironment()));frameworkHiddenCount=X(()=>{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=X(()=>{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=X(()=>{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=X(()=>{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=X(()=>{let e=this.selectedId();return e?this.index().map.get(e)??null:this.rows()[0]?.node??null});gone=X(()=>{let e=this.selectedId();return e&&!this.index().map.has(e)?this.selectedLabel()??`The injector`:null});rovingId=X(()=>{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=X(()=>{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=X(()=>{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=X(()=>this.providerHits().slice(0,AU));providedByMore=X(()=>Math.max(0,this.providerHits().length-AU));groupedProviders=X(()=>{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=X(()=>this.groupedProviders().reduce((e,t)=>e+t.items.length,0));searchSummary=X(()=>{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=X(()=>this.query().trim().toLowerCase());destroyRef=C(Ns);stopTree=null;treeLoad=0;lastSearchMessage=``;constructor(){bc(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))}),bc(()=>{let e=this.rpc();e&&(this.loadInjectorTree(e),this.loadSourceProviders(e))}),bc(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(()=>{})}),bc(()=>{let e=this.focus();if(!e)return;let t=this.treePages(),n=this.shownPageId();if(e.pageId&&n!==e.pageId&&t[e.pageId]){Z(()=>this.selectPage(e.pageId));return}(this.treeState()||this.treeFailed())&&Z(()=>{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),HV(kU,e)}openComponent(e){let t=this.shownPageId();this.showComponent.emit(t?{id:e,pageId:t}:{id:e})}tokenPosition(e,t){let n=e[t]?.token,r=0,i=0;return e.forEach((e,a)=>{e.token!==n||this.isHidden(e)||(i++,a<=t&&r++)}),i>1?`(${r} of ${i})`:``}positionSuffix(e,t){let n=this.tokenPosition(e,t);return n?` ${n}`:``}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||dd(()=>{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),dd(()=>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=k({type:e,selectors:[[`app-di-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.queryInput,iH,5),e&2&&Qg()},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`],[3,`rpc`,`pageId`],[`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`],[3,`rpc`,`pageId`,`injectorId`,`token`,`index`,`position`],[`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&&(I(0,`p`,3),K(1),L(),Yh(2,mH,7,5,`ng-template`,null,0,fv)(4,gH,1,1,`ng-template`,null,1,fv),j(6,hU,41,24)(7,gU,4,0,`div`,4)(8,_U,1,3,`ng-container`,5)(9,yU,6,1)(10,DU,22,7)),e&2&&(O(),q(t.announcement()),O(5),M(t.roots().length>0?6:t.loaded()?t.loadFailed()&&t.sourceProviders().length===0?8:t.sourceProviders().length===0?9:10:7))},dependencies:[AD,py,zV,UD,Aj,rH,NM],styles:[`[_nghost-%COMP%] {
+}`]})},hH=[`queryInput`],gH=(e,t,n)=>({kind:`provider`,injectorId:e,token:t,index:n}),_H=()=>({compact:!1}),vH=()=>({compact:!0}),yH=(e,t)=>t.node.injector.id,bH=(e,t)=>t.id,xH=(e,t)=>t.from+t.token+e,SH=(e,t)=>t.token+e,CH=(e,t)=>t.type,wH=(e,t)=>t.token+t.file+t.line;function TH(e,t){if(e&1){let e=V();I(0,`div`,6)(1,`p`,7),K(2),L(),I(3,`p`,8),K(4,` The devtools server did not answer. Check that it is still running, then retry. `),L(),I(5,`button`,9),H(`click`,function(){return w(e),T(W().retry())}),K(6),L()()}if(e&2){let e=t.compact,n=W();G(`compact`,e),O(2),J(` `,e?`Couldn't load the live injector tree`:`Couldn't load DI data`,` `),O(3),A(`aria-disabled`,n.retrying()||null),O(),J(` `,n.retrying()?`Retrying…`:`Retry`,` `)}}function EH(e,t){if(e&1){let e=V();I(0,`div`,10)(1,`span`,11),K(2,`Page`),L(),I(3,`app-select`,12),H(`valueChange`,function(t){return w(e),T(W(2).selectPage(t))}),L()()}if(e&2){let e=W(2);O(3),F(`options`,e.pageOptions())(`value`,e.shownPageId())}}function DH(e,t){e&1&&j(0,EH,4,2,`div`,10),e&2&&M(W().pageOptions().length>1?0:-1)}function OH(e,t){if(e&1){let e=V();I(0,`label`,24)(1,`input`,25),H(`change`,function(){w(e);let t=W(2);return T(t.componentsOnly.set(!t.componentsOnly()))}),L(),K(2,` Components only `),L()}if(e&2){let e=W(2);O(),F(`checked`,e.componentsOnly())}}function kH(e,t){if(e&1&&(I(0,`span`,26),K(1),L()),e&2){let e=W(2);O(),q(e.frameworkHiddenText())}}function AH(e,t){e&1&&(I(0,`span`,27),K(1),L()),e&2&&(O(),J(`Change detection: `,t))}function jH(e,t){e&1&&(I(0,`p`,28),E(),I(1,`svg`,38),R(2,`circle`,39)(3,`path`,40),L(),xs(),I(4,`span`)(5,`strong`),K(6,`The page reported only part of its injector tree.`),L(),K(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. `),L()())}function MH(e,t){if(e&1){let e=V();I(0,`button`,44),H(`click`,function(){let t=w(e).$implicit;return T(W(3).reveal(t.id))}),R(1,`span`,45),I(2,`span`,46),K(3),L(),I(4,`span`,47),K(5),L()()}if(e&2){let e=t.$implicit,n=W(3);O(),b_(`background`,n.tone(e.kind)),O(2),q(e.label),O(2),q(e.tokens)}}function NH(e,t){e&1&&(I(0,`span`,43),K(1),L()),e&2&&(O(),J(`+`,t,` more`))}function PH(e,t){if(e&1&&(I(0,`div`,29)(1,`span`,41),K(2,`Provided by`),L(),N(3,MH,6,4,`button`,42,bH),j(5,NH,2,1,`span`,43),L()),e&2){let e,t=W(2);O(3),P(t.providedBy()),O(2),M((e=t.providedByMore())?5:-1,e)}}function FH(e,t){if(e&1){let e=V();I(0,`div`,30),K(1),I(2,`button`,48),H(`click`,function(){return w(e),T(W(2).clearQuery())}),K(3,`Clear filters`),L()()}if(e&2){let e=W(2);O(),J(` Nothing here matches “`,e.query().trim(),`”. `)}}function IH(e,t){e&1&&K(0,` Turn off “Hide framework” to see Angular's own injectors. `)}function LH(e,t){e&1&&K(0,` None of them provide anything themselves. `)}function RH(e,t){e&1&&K(0,` Turn off “Components only” to see directives. `)}function zH(e,t){e&1&&K(0,` Try a different search. `)}function BH(e,t){if(e&1&&(I(0,`div`,32)(1,`p`,7),K(2,`No injectors to show`),L(),I(3,`p`,8),j(4,IH,1,0)(5,LH,1,0)(6,RH,1,0)(7,zH,1,0),L()()),e&2){let e=W(2);O(4),M(e.hideFramework()&&e.frameworkHiddenCount().injectors>0?4:e.onlyProviding()?5:e.componentsOnly()&&e.view()===`element`?6:7)}}function VH(e,t){if(e&1){let e=V();I(0,`span`,59),H(`click`,function(t){w(e);let n=W().$implicit;return T(W(2).toggle(n.node.injector.id,t))}),E(),I(1,`svg`,60),R(2,`path`,61),L()()}if(e&2){let e=W().$implicit;G(`open`,e.expanded)}}function HH(e,t){e&1&&R(0,`span`,51)}function UH(e,t){if(e&1&&(I(0,`span`,55),K(1),L()),e&2){let e=W().$implicit;O(),q(e.node.injector.component)}}function WH(e,t){if(e&1&&(I(0,`span`,55),K(1),L()),e&2){let e=W().$implicit;O(),q(e.node.injector.directives.join(`, `))}}function GH(e,t){if(e&1&&(I(0,`span`,57),E(),I(1,`svg`,38),R(2,`path`,62),L(),xs(),I(3,`span`,53),K(4,`injects`),L(),K(5),L()),e&2){let e=W().$implicit;A(`title`,e.node.dependencies.length+` injected`),O(5),J(` `,e.node.dependencies.length,` `)}}function KH(e,t){if(e&1&&(I(0,`span`,58),E(),I(1,`svg`,38),R(2,`path`,63),L(),xs(),I(3,`span`,53),K(4,`provides`),L(),K(5),L()),e&2){let e=t;A(`title`,e+` provided`),O(5),J(` `,e,` `)}}function qH(e,t){if(e&1){let e=V();I(0,`div`,49),H(`click`,function(){let t=w(e).$implicit;return T(W(2).select(t.node.injector.id))})(`focus`,function(){let t=w(e).$implicit,n=W(2);return n.focusId.set(t.node.injector.id),T(n.highlight(t.node))})(`blur`,function(){return w(e),T(W(2).highlight(null))})(`mouseenter`,function(){let t=w(e).$implicit;return T(W(2).highlight(t.node))})(`mouseleave`,function(){return w(e),T(W(2).highlight(null))}),j(1,VH,3,2,`span`,50)(2,HH,1,0,`span`,51),I(3,`span`,52),K(4),L(),I(5,`span`,53),K(6),L(),I(7,`span`,54),K(8),L(),j(9,UH,2,1,`span`,55)(10,WH,2,1,`span`,55),I(11,`span`,56),j(12,GH,6,2,`span`,57),j(13,KH,6,2,`span`,58),L()()}if(e&2){let e,n=t.$implicit,r=W(2);b_(`--%NS%depth`,n.depth),G(`selected`,r.selected()?.injector?.id===n.node.injector.id),A(`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),O(),M(n.hasChildren?1:2),O(2),b_(`--%NS%tone`,r.tone(r.kind(n.node))),A(`title`,r.kind(n.node)),O(),q(r.kind(n.node)[0].toUpperCase()),O(2),q(r.kind(n.node)),O(2),q(r.label(n.node)),O(),M(n.node.injector.component?9:n.node.injector.directives?.length?10:-1),O(3),M((n.node.dependencies?.length??0)>0?12:-1),O(),M((e=r.providerCount(n.node))?13:-1,e)}}function JH(e,t){if(e&1){let e=V();I(0,`button`,9),H(`click`,function(){let t=w(e);return T(W(3).reveal(t.node.injector.id))}),K(1),L()}if(e&2){let e=W(3);O(),J(` Show `,e.label(t.node),` `)}}function YH(e,t){if(e&1&&(I(0,`section`,35)(1,`header`,64)(2,`h2`,65),K(3),L()(),I(4,`div`,66)(5,`p`,8),K(6,` This injector is no longer on the page. Its component or directive was destroyed. `),L(),j(7,JH,2,1,`button`,67),L()()),e&2){let e,n=W(2);O(3),q(t),O(4),M((e=n.rows()[0])?7:-1,e)}}function XH(e,t){if(e&1&&(I(0,`li`),K(1),L()),e&2){let e=t.$implicit;G(`is-component`,e===W(2).injector.component),O(),q(e)}}function ZH(e,t){if(e&1&&(I(0,`ul`,69),N(1,XH,2,3,`li`,78,vg),L()),e&2){let e=W();O(),P(e.injector.directives)}}function QH(e,t){if(e&1){let e=V();I(0,`button`,79),H(`click`,function(){let t=w(e);return T(W(3).openComponent(t))}),K(1,` Show in Components `),I(2,`span`,53),K(3),L()()}if(e&2){let e=W();O(3),J(`: `,e.injector.component)}}function $H(e,t){if(e&1&&(I(0,`span`,80),R(1,`span`,45),K(2,` Null injector `),I(3,`span`,82),K(4,`throws NullInjectorError`),L()()),e&2){let e=W(4);O(),b_(`background`,e.tone(`null`))}}function eU(e,t){if(e&1&&(I(0,`span`,84),K(1),I(2,`span`,53),K(3),L()()),e&2){let e=W(2).$implicit;O(),J(` `,e.providers,` `),O(2),q(e.providers===1?`provider`:`providers`)}}function tU(e,t){if(e&1){let e=V();I(0,`button`,83),H(`click`,function(){w(e);let t=W().$implicit;return T(W(3).reveal(t.id))}),R(1,`span`,45),I(2,`span`,46),K(3),L(),j(4,eU,4,2,`span`,84),L()}if(e&2){let e=W().$implicit,t=W(3);O(),b_(`background`,t.tone(e.kind)),O(2),q(e.label),O(),M(e.providers?4:-1)}}function nU(e,t){if(e&1&&(I(0,`li`),j(1,$H,5,2,`span`,80)(2,tU,5,4,`button`,81),L()),e&2){let e=t.$implicit,n=t.$index,r=W(3);G(`current`,n===0),O(),M(e.id===r.nullId?1:2)}}function rU(e,t){e&1&&(I(0,`p`,72),K(1,`Only services this injector has already created are listed.`),L())}function iU(e,t){if(e&1&&(I(0,`span`,90),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function aU(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),J(`for `,e.from)}}function oU(e,t){if(e&1){let e=V();I(0,`button`,95),H(`click`,function(){let t=w(e);return T(W(6).reveal(t))}),R(1,`span`,45),K(2,` from `),I(3,`span`,46),K(4),L()()}if(e&2){let e=t,n=W(6);O(),b_(`background`,n.tone(n.kindById(e))),O(3),q(n.labelById(e))}}function sU(e,t){e&1&&(I(0,`span`,93),K(1,`optional, not provided`),L())}function cU(e,t){e&1&&(I(0,`span`,94),K(1,`not provided anywhere`),L())}function lU(e,t){if(e&1&&(I(0,`li`,87)(1,`div`,88)(2,`span`,89),K(3),L(),N(4,iU,2,1,`span`,90,vg),L(),I(6,`div`,91),j(7,aU,2,1,`span`),j(8,oU,5,3,`button`,92)(9,sU,2,0,`span`,93)(10,cU,2,0,`span`,94),L()()),e&2){let e,n=t.$implicit,r=W(3);G(`hit`,W(2).matches(n.token)),O(3),q(n.token),O(),P(n.flags),O(3),M(r.injector.type!==`element`||r.injector.directives&&r.injector.directives.length>1?7:-1),O(),M((e=n.providedBy)?8:n.flags.includes(`optional`)?9:10,e)}}function uU(e,t){if(e&1&&(I(0,`ul`,85),N(1,lU,11,5,`li`,86,xH),L()),e&2){let e=W(2);O(),P(e.dependencies)}}function dU(e,t){e&1&&(I(0,`p`,77),K(1,`Nothing is injected through the constructor or inject().`),L())}function fU(e,t){e&1&&(I(0,`p`,77),K(1,`No service created here has injected anything yet.`),L())}function pU(e,t){if(e&1&&(I(0,`div`,71)(1,`h3`),K(2),I(3,`span`,17),K(4),L()(),j(5,rU,2,0,`p`,72),j(6,uU,3,0,`ul`,85)(7,dU,2,0,`p`,77)(8,fU,2,0,`p`,77),L()),e&2){let e=W();O(2),J(` `,e.injector.type===`element`?`Injected here`:`Injected by its services`,` `),O(2),q(e.dependencies?.length??0),O(),M(e.injector.type===`element`?-1:5),O(),M(e.dependencies?.length?6:e.injector.type===`element`?7:8)}}function mU(e,t){if(e&1){let e=V();I(0,`p`,75),K(1),I(2,`button`,48),H(`click`,function(){return w(e),T(W(3).setHideFramework(!1))}),K(3,` Show them `),L()()}if(e&2){let e=t;O(),Y(` `,e,` framework `,e===1?`provider`:`providers`,` hidden. `)}}function hU(e,t){e&1&&(I(0,`span`,90),K(1,`viewProviders`),L())}function gU(e,t){e&1&&(I(0,`span`,90),K(1,`multi`),L())}function _U(e,t){e&1&&(I(0,`span`,90),K(1,`Angular`),L())}function vU(e,t){if(e&1&&(I(0,`div`,91),K(1),L()),e&2){let e=W(2).$implicit;O(),J(`via `,e.importPath.join(` › `))}}function yU(e,t){if(e&1&&(I(0,`li`,97)(1,`div`,88)(2,`span`,89),K(3),L(),I(4,`span`,98),K(5),L(),j(6,hU,2,0,`span`,90),j(7,gU,2,0,`span`,90),j(8,_U,2,0,`span`,90),L(),j(9,vU,2,1,`div`,91),R(10,`app-store-global`,99)(11,`app-provider-value`,100),L()),e&2){let e=W(),t=e.$implicit,n=e.$index,r=W(2),i=W(2);G(`hit`,i.matches(t.token)),O(3),q(t.token),O(2),q(t.type===`unknown`?`provider`:`use`+i.capital(t.type)),O(),M(t.isViewProvider?6:-1),O(),M(t.multi?7:-1),O(),M(t.framework?8:-1),O(),M(t.importPath?.length?9:-1),O(),F(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`target`,Kte(19,gH,r.injector.id,t.token,n))(`label`,t.token+i.positionSuffix(r.providers,n))(`canLog`,!0),O(),F(`rpc`,i.rpc())(`pageId`,i.shownPageId())(`injectorId`,r.injector.id)(`token`,t.token)(`index`,n)(`position`,i.tokenPosition(r.providers,n))}}function bU(e,t){if(e&1&&j(0,yU,12,23,`li`,96),e&2){let e=t.$implicit;M(W(4).isHidden(e)?-1:0)}}function xU(e,t){if(e&1&&(I(0,`ul`,76),N(1,bU,1,1,null,null,SH),L()),e&2){let e=W();O(),P(e.providers)}}function SU(e,t){e&1&&K(0,` No providers or viewProviders on this element. `)}function CU(e,t){e&1&&K(0,` This injector has no providers of its own. `)}function wU(e,t){if(e&1&&(I(0,`p`,77),j(1,SU,1,0)(2,CU,1,0),L()),e&2){let e=W();O(),M(e.injector.type===`element`?1:2)}}function TU(e,t){if(e&1&&(I(0,`section`,36)(1,`header`,64)(2,`span`,68),K(3),L(),I(4,`h2`,65),K(5),L(),j(6,ZH,3,0,`ul`,69),j(7,QH,4,1,`button`,70),L(),I(8,`div`,71)(9,`h3`),K(10,`Lookup path`),L(),I(11,`p`,72),K(12,`Angular asks these injectors in order until one has the token.`),L(),I(13,`ol`,73),N(14,nU,3,3,`li`,74,bH),L()(),j(16,pU,9,4,`div`,71),I(17,`div`,71)(18,`h3`),K(19,` Provides `),I(20,`span`,17),K(21),L()(),j(22,mU,4,2,`p`,75),j(23,xU,3,0,`ul`,76)(24,wU,3,1,`p`,77),L()()),e&2){let e,n,r=t,i=W(2);O(2),b_(`--%NS%tone`,i.tone(i.kind(r))),O(),q(i.kind(r)),O(2),q(i.label(r)),O(),M(r.injector.directives?.length?6:-1),O(),M((e=i.canShowComponent()&&r.injector.componentId)?7:-1,e),O(7),P(i.path()),O(2),M(r.injector.type===`element`||r.dependencies?16:-1),O(5),q(i.providerCount(r)),O(),M((n=i.hiddenProviders(r))?22:-1,n),O(),M(i.providerCount(r)?23:i.hiddenProviders(r)?-1:24)}}function EU(e,t){if(e&1){let e=V();I(0,`p`,13),K(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. `),L(),I(2,`app-angular-unavailable`,14),K(3,` This tree shows the element injectors the page reports, with providers and environment injectors only where its Angular exposes them. `),L(),I(4,`div`,15)(5,`div`,16)(6,`button`,9),H(`click`,function(){return w(e),T(W().setView(`element`))}),K(7,` Elements `),I(8,`span`,17),K(9),L()(),I(10,`button`,9),H(`click`,function(){return w(e),T(W().setView(`environment`))}),K(11,` Environment `),I(12,`span`,17),K(13),L()()(),I(14,`div`,18),E(),I(15,`svg`,19),R(16,`circle`,20)(17,`path`,21),L(),xs(),I(18,`input`,22,2),H(`input`,function(t){return w(e),T(W().query.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().query.set(``))}),L()(),Ng(20,23),j(21,OH,3,1,`label`,24),I(22,`label`,24)(23,`input`,25),H(`change`,function(){w(e);let t=W();return T(t.onlyProviding.set(!t.onlyProviding()))}),L(),K(24,` With providers `),L(),I(25,`label`,24)(26,`input`,25),H(`change`,function(){w(e);let t=W();return T(t.setHideFramework(!t.hideFramework()))}),L(),K(27,` Hide framework `),L(),j(28,kH,2,1,`span`,26),j(29,AH,2,1,`span`,27),L(),j(30,jH,8,0,`p`,28),j(31,PH,6,1,`div`,29)(32,FH,4,1,`div`,30),I(33,`div`,31),j(34,BH,8,1,`div`,32),I(35,`div`,33),H(`keydown`,function(t){return w(e),T(W().onTreeKey(t))}),N(36,qH,14,19,`div`,34,yH),L(),j(38,YH,8,2,`section`,35)(39,TU,25,10,`section`,36),L(),R(40,`app-startup-section`,37)}if(e&2){let e,t,n=W(),r=$g(5);O(2),F(`page`,n.angularPage()),O(4),G(`active`,n.view()===`element`),A(`aria-pressed`,n.view()===`element`),O(3),q(n.elementCount()),O(),G(`active`,n.view()===`environment`),A(`aria-pressed`,n.view()===`environment`),O(3),q(n.environmentCount()),O(5),F(`value`,n.query()),O(2),F(`ngTemplateOutlet`,r),O(),M(n.view()===`element`?21:-1),O(2),F(`checked`,n.onlyProviding()),O(3),F(`checked`,n.hideFramework()),O(2),M(n.hideFramework()?28:-1),O(),M((e=n.zone())?29:-1,e),O(),M(n.truncated()?30:-1),O(),M(n.providedBy().length?31:n.query().trim()&&!n.rows().length?32:-1),O(3),M(n.rows().length?-1:34),O(),F(`hidden`,!n.rows().length),A(`aria-label`,n.view()===`element`?`Element injectors`:`Environment injectors`),O(),P(n.rows()),O(2),M((t=n.gone())?38:(t=n.selected())?39:-1,t),O(2),F(`rpc`,n.rpc())(`pageId`,n.shownPageId())}}function DU(e,t){e&1&&(I(0,`div`,4),R(1,`span`,101),I(2,`p`,7),K(3,`Loading dependency injection data…`),L()())}function OU(e,t){e&1&&Ng(0,5),e&2&&(W(),F(`ngTemplateOutlet`,$g(3))(`ngTemplateOutletContext`,nv(2,_H)))}function kU(e,t){if(e&1&&(I(0,`div`,15),Ng(1,23),L()),e&2){W(2);let e=$g(5);O(),F(`ngTemplateOutlet`,e)}}function AU(e,t){e&1&&(j(0,kU,2,1,`div`,15),I(1,`div`,32)(2,`p`,7),K(3,`No DI data found`),L(),I(4,`p`,8),K(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. `),L()()),e&2&&M(W().pageOptions().length>1?0:-1)}function jU(e,t){e&1&&Ng(0,5),e&2&&(W(2),F(`ngTemplateOutlet`,$g(3))(`ngTemplateOutletContext`,nv(2,vH)))}function MU(e,t){if(e&1){let e=V();I(0,`div`,32)(1,`p`,7),K(2),L(),I(3,`p`,8),K(4,`Try part of a token name or a file path.`),L(),I(5,`button`,9),H(`click`,function(){return w(e),T(W(2).clearQuery())}),K(6,`Clear filters`),L()()}if(e&2){let e=W(2);O(2),J(`No providers match “`,e.query(),`”`)}}function NU(e,t){if(e&1&&(I(0,`span`,112),K(1),L()),e&2){let e=W().$implicit;O(),J(`providedIn: `,e.providedIn)}}function PU(e,t){if(e&1&&(I(0,`span`,115),K(1),L()),e&2){let e=W().$implicit;O(),J(`as `,e.source)}}function FU(e,t){if(e&1&&(I(0,`li`,109)(1,`div`,110)(2,`span`,111),K(3),L(),j(4,NU,2,1,`span`,112),L(),I(5,`div`,113),R(6,`app-source-link`,114),j(7,PU,2,1,`span`,115),L()()),e&2){let e=t.$implicit;O(3),q(e.token),O(),M(e.providedIn?4:-1),O(2),F(`file`,e.file)(`line`,e.line),O(),M(e.source!==`class`&&e.source!==`providers array`?7:-1)}}function IU(e,t){if(e&1&&(I(0,`section`,106)(1,`h2`),K(2),I(3,`span`,107),K(4),L()(),I(5,`ul`,108),N(6,FU,8,5,`li`,109,wH),L()()),e&2){let e=t.$implicit;O(2),J(` `,e.label,` `),O(2),q(e.items.length),O(2),P(e.items)}}function LU(e,t){if(e&1&&(I(0,`div`,105),N(1,IU,8,2,`section`,106,CH),L()),e&2){let e=W(2);O(),P(e.groupedProviders())}}function RU(e,t){if(e&1){let e=V();I(0,`div`,15)(1,`div`,18),E(),I(2,`svg`,19),R(3,`circle`,20)(4,`path`,21),L(),xs(),I(5,`input`,102,2),H(`input`,function(t){return w(e),T(W().query.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().query.set(``))}),L()(),Ng(7,23),I(8,`span`,103),K(9),L()(),j(10,jU,1,3,`ng-container`,5),I(11,`p`,28),E(),I(12,`svg`,38),R(13,`circle`,39)(14,`path`,40),L(),xs(),I(15,`span`)(16,`strong`),K(17,`DI from the source scan.`),L(),K(18,` Connect the overlay to a development build to see the live injector tree. `),L()(),R(19,`app-angular-unavailable`,104),j(20,MU,7,1,`div`,32)(21,LU,3,0,`div`,105)}if(e&2){let e=W(),t=$g(5);O(5),F(`value`,e.query()),O(2),F(`ngTemplateOutlet`,t),O(2),Y(` `,e.sourceMatchCount(),` of `,e.sourceProviders().length,` `),O(),M(e.loadFailed()?10:-1),O(9),F(`page`,e.angularPage()),O(),M(e.groupedProviders().length===0?20:21)}}var zU=`inj-null`,BU=`injectors.hideFramework`,VU=12,HU=600,UU={component:`var(--accent-text)`,directive:`var(--directive)`,environment:`var(--ok-text)`,null:`var(--text-3)`};function WU(e){return e.injector.type===`element`?e.injector.component?`component`:`directive`:`environment`}function GU(e){return e.injector.type===`element`?`<${e.injector.name}>`:e.injector.name}function KU(e){return Array.isArray(e)}var qU=class e{rpc=$(null);focus=$(null);canShowComponent=$(!1);focusHandled=yv();showComponent=yv();injector=C(ks);nullId=zU;hostPage=JT();angularPages=OD(()=>this.rpc());angularPage=X(()=>kD(this.angularPages(),this.shownPageId()||this.hostPage));treeState=D(null);pageTitles=D({});chosenPageId=D(null);treePages=X(()=>{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=Q({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 YT(r,{chosen:t,host:this.hostPage,previous:n?.value??null})}});shownPage=X(()=>{let e=this.shownPageId();return e===null?null:this.treePages()[e]??null});roots=X(()=>{let e=this.shownPage()?.roots;return KU(e)?e:[]});environment=X(()=>{let e=this.shownPage()?.environment;return KU(e)?e:[]});truncated=X(()=>this.shownPage()?.truncated===!0);zone=X(()=>{let e=this.shownPage()?.zone;return typeof e==`string`?lD(e):null});multiPage=X(()=>!this.hostPage&&Object.keys(this.treePages()).length>1);pageOptions=X(()=>{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=X(()=>this.shownPageId()??``);perPage(e){let t=new Map;return Q({source:this.pageKey,computation:(n,r)=>(r&&t.set(r.source,r.value),t.has(n)?t.get(n):e())})}sourceProviders=D([]);loaded=D(!1);treeFailed=D(!1);sourceFailed=D(!1);loadFailed=X(()=>this.treeFailed()||this.sourceFailed());retrying=D(!1);host=C(Hl);view=D(`element`);query=D(``);queryInput=Ev(`queryInput`);onlyProviding=D(!1);componentsOnly=D(!0);hideFramework=D(QV(BU)??!1);collapsed=this.perPage(()=>new Set);selectedId=this.perPage(()=>null);focusId=this.perPage(()=>null);announcement=D(``);selectedLabel=this.perPage(()=>null);wasGone=!1;index=X(()=>{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=X(()=>this.withoutFramework(this.roots()));shownEnvironment=X(()=>this.withoutFramework(this.environment()));elementCount=X(()=>this.count(this.shownRoots()));environmentCount=X(()=>this.count(this.shownEnvironment()));frameworkHiddenCount=X(()=>{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=X(()=>{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=X(()=>{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=X(()=>{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=X(()=>{let e=this.selectedId();return e?this.index().map.get(e)??null:this.rows()[0]?.node??null});gone=X(()=>{let e=this.selectedId();return e&&!this.index().map.has(e)?this.selectedLabel()??`The injector`:null});rovingId=X(()=>{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=X(()=>{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(zU)}return r.map(e=>{let n=t.get(e);return{id:e,label:n?GU(n):e===zU?`Null injector`:`Not listed`,kind:n?WU(n):`null`,providers:n?this.providerCount(n):0}})});providerHits=X(()=>{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:GU(n),kind:WU(n),tokens:r.map(e=>e.token).join(`, `)})}return t});providedBy=X(()=>this.providerHits().slice(0,VU));providedByMore=X(()=>Math.max(0,this.providerHits().length-VU));groupedProviders=X(()=>{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=X(()=>this.groupedProviders().reduce((e,t)=>e+t.items.length,0));searchSummary=X(()=>{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=X(()=>this.query().trim().toLowerCase());destroyRef=C(js);stopTree=null;treeLoad=0;lastSearchMessage=``;constructor(){vc(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)},HU);e(()=>clearTimeout(n))}),vc(()=>{let e=this.rpc();e&&(this.loadInjectorTree(e),this.loadSourceProviders(e))}),vc(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(()=>{})}),vc(()=>{let e=this.focus();if(!e)return;let t=this.treePages(),n=this.shownPageId();if(e.pageId&&n!==e.pageId&&t[e.pageId]){Z(()=>this.selectPage(e.pageId));return}(this.treeState()||this.treeFailed())&&Z(()=>{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 ${GU(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),$V(BU,e)}openComponent(e){let t=this.shownPageId();this.showComponent.emit(t?{id:e,pageId:t}:{id:e})}tokenPosition(e,t){let n=e[t]?.token,r=0,i=0;return e.forEach((e,a)=>{e.token!==n||this.isHidden(e)||(i++,a<=t&&r++)}),i>1?`(${r} of ${i})`:``}positionSuffix(e,t){let n=this.tokenPosition(e,t);return n?` ${n}`:``}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||dd(()=>{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 GU(e)}kind(e){return WU(e)}tone(e){return UU[e]??UU.null}kindById(e){let t=this.index().map.get(e);return t?WU(t):`null`}labelById(e){let t=this.index().map.get(e);return t?GU(t):e===zU?`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?GU(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),dd(()=>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=k({type:e,selectors:[[`app-di-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.queryInput,hH,5),e&2&&Qg()},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`],[3,`rpc`,`pageId`],[`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`],[3,`rpc`,`pageId`,`injectorId`,`token`,`index`,`position`],[`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&&(I(0,`p`,3),K(1),L(),Yh(2,TH,7,5,`ng-template`,null,0,fv)(4,DH,1,1,`ng-template`,null,1,fv),j(6,EU,41,24)(7,DU,4,0,`div`,4)(8,OU,1,3,`ng-container`,5)(9,AU,6,1)(10,RU,22,7)),e&2&&(O(),q(t.announcement()),O(5),M(t.roots().length>0?6:t.loaded()?t.loadFailed()&&t.sourceProviders().length===0?8:t.sourceProviders().length===0?9:10:7))},dependencies:[ND,py,XV,KD,Nj,mH,IM],styles:[`[_nghost-%COMP%] {
   --%NS%directive: #7cb4ff;
   display: block;
   color: var(--%NS%text);
@@ -8524,11 +8592,11 @@ button[_ngcontent-%COMP%] {
 
 .provider-meta[_ngcontent-%COMP%]   .as[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
-}`]})},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=[[[``,`tab-action`,``]],[[``,`tab-diff`,``]]],JU=[`[tab-action]`,`[tab-diff]`],YU=(e,t)=>t.id,XU=(e,t)=>t.path+e;function ZU(e,t){if(e&1){let e=V();z(0,`button`,5),U(`click`,function(){let t=w(e).$implicit;return T(W().select(t.id))}),K(1),B()}if(e&2){let e=t.$implicit,n=W();Fg(`id`,n.idPrefix()+`-tab-`+e.id),A(`aria-selected`,n.active()===e.id)(`aria-controls`,n.idPrefix()+`-panel-`+e.id)(`tabindex`,n.active()===e.id?0:-1),O(),J(` `,e.label,` `)}}function QU(e,t){e&1&&(z(0,`p`,9),K(1,`The state did not change.`),B())}function $U(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W().$implicit,t=W(3);O(),q(t.shortText(e.before))}}function eW(e,t){e&1&&(z(0,`span`,13),K(1,`→`),B(),z(2,`span`,14),K(3,`became`),B())}function tW(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W().$implicit,t=W(3);O(),q(t.shortText(e.after))}}function nW(e,t){if(e&1&&(z(0,`li`)(1,`code`,11),K(2),B(),z(3,`span`,12),K(4),B(),j(5,$U,2,1,`code`),j(6,eW,4,0),j(7,tW,2,1,`code`),B()),e&2){let e=t.$implicit;O(2),q(e.path),O(2),q(e.op),O(),M(e.op===`add`?-1:5),O(),M(e.op===`change`?6:-1),O(),M(e.op===`remove`?-1:7)}}function rW(e,t){if(e&1&&(z(0,`p`,9),K(1),B()),e&2){let e=W(),t=W(2);O(),q(t.moreChanges(e.diffTruncated))}}function iW(e,t){if(e&1&&(z(0,`p`,8),K(1),B(),j(2,QU,2,0,`p`,9),z(3,`ul`,10),N(4,nW,8,5,`li`,null,XU),B(),j(6,rW,2,1,`p`,9)),e&2){let e=t;O(),J(`All changes (`,e.diff.length+(e.diffTruncated??0),`)`),O(),M(e.diff.length?-1:2),O(2),P(e.diff),O(2),M(e.diffTruncated?6:-1)}}function aW(e,t){if(e&1&&(z(0,`p`,6),K(1),B()),e&2){let e=W(2);O(),q(e.error())}}function oW(e,t){if(e&1){let e=V();z(0,`button`,15),U(`click`,function(){return w(e),T(W(2).load())}),K(1,` Show all changes `),B()}e&2&&Fg(`disabled`,W(2).loading())}function sW(e,t){if(e&1&&j(0,iW,7,3)(1,aW,2,1,`p`,6)(2,oW,2,1,`button`,7),e&2){let e,t=W();M((e=t.detail())?0:t.error()?1:2,e)}}function cW(e,t){e&1&&(z(0,`p`,3),K(1,`Reading the state…`),B())}function lW(e,t){if(e&1){let e=V();z(0,`div`,4)(1,`p`),K(2),B(),z(3,`button`,16),U(`click`,function(){return w(e),T(W().load())}),K(4,`Retry`),B()()}if(e&2){let e=W();O(2),q(e.error())}}function uW(e,t){if(e&1&&(z(0,`p`,3),K(1),B()),e&2){let e=W(2);O(),q(e.copied())}}function dW(e,t){if(e&1){let e=V();z(0,`div`,17)(1,`div`,18)(2,`button`,19),U(`click`,function(){return w(e),T(W().showBefore.set(!1))}),K(3),B(),z(4,`button`,19),U(`click`,function(){return w(e),T(W().showBefore.set(!0))}),K(5),B()(),z(6,`button`,16),U(`click`,function(){return w(e),T(W().copy())}),K(7,` Copy `),B()(),z(8,`pre`,20),K(9),B(),z(10,`p`,21),K(11,`Secret-looking fields are redacted, and very large values are cut.`),B(),j(12,uW,2,1,`p`,3)}if(e&2){let e=t,n=W();O(2),A(`aria-pressed`,!n.showBefore()),O(),J(` After #`,e.seq,` `),O(),A(`aria-pressed`,n.showBefore()),O(),J(` Before #`,e.seq,` `),O(),A(`aria-label`,`Copy the state `+(n.showBefore()?`before`:`after`)+` #`+e.seq),O(2),A(`aria-label`,n.stateLabel()),O(),q(n.stateText()),O(3),M(n.copied()?12:-1)}}var fW=[{id:`action`,label:`Action`},{id:`diff`,label:`Diff`},{id:`state`,label:`State`}],pW=class e{seq=$.required();diffTruncated=$(void 0);idPrefix=$.required();loader=$.required();loadDiff=$(!1);tabs=fW;host=C(Wl);active=Q({source:this.seq,computation:()=>`diff`});detail=Q({source:this.seq,computation:()=>null});error=Q({source:this.seq,computation:()=>``});loading=Q({source:this.seq,computation:()=>!1});showBefore=D(!1);copied=D(``);truncated=X(()=>(this.diffTruncated()??0)>0);constructor(){bc(()=>{this.loadDiff()&&(this.seq(),Z(()=>void this.load()))})}stateText=X(()=>{let e=this.detail();return e?GU(this.showBefore()?e.before:e.after):``});stateLabel=X(()=>`State ${this.showBefore()?`before`:`after`} entry #${this.seq()}`);select(e){this.active.set(e),e===`state`&&!this.detail()&&!this.loading()&&this.load()}request=0;async load(){let e=this.seq(),t=++this.request;this.loading.set(!0),this.error.set(``);let n;try{n=await this.loader()(e)}catch{n={error:`The devtools server did not answer. Try again.`}}t===this.request&&e===this.seq()&&(this.loading.set(!1),n.ok&&n.detail?this.detail.set(n.detail):this.error.set(n.error??`The page sent no state for this entry.`))}onKey(e){let t=fW.findIndex(e=>e.id===this.active()),n=e.key===`ArrowRight`?(t+1)%fW.length:e.key===`ArrowLeft`?(t+fW.length-1)%fW.length:e.key===`Home`?0:e.key===`End`?fW.length-1:-1;n<0||(e.preventDefault(),this.select(fW[n].id),this.host.nativeElement.querySelector(`#${this.idPrefix()}-tab-${fW[n].id}`)?.focus())}async copy(){try{await navigator.clipboard.writeText(this.stateText()),this.copied.set(`Copied the state.`)}catch{this.copied.set(`The clipboard is not available here.`)}}shortText(e){return KU(e,80)}moreChanges(e){return RU(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-entry-tabs`]],inputs:{seq:[1,`seq`],diffTruncated:[1,`diffTruncated`],idPrefix:[1,`idPrefix`],loader:[1,`loader`],loadDiff:[1,`loadDiff`]},ngContentSelectors:JU,decls:12,vars:12,consts:[[`role`,`tablist`,1,`tabs`,3,`keydown`],[`type`,`button`,`role`,`tab`,1,`tab`,3,`id`],[`role`,`tabpanel`,`tabindex`,`0`,1,`panel`,3,`id`,`hidden`],[`role`,`status`,1,`muted`],[`role`,`alert`,1,`error-box`],[`type`,`button`,`role`,`tab`,1,`tab`,3,`click`,`id`],[`role`,`alert`,1,`error-text`],[`type`,`button`,1,`btn`,3,`disabled`],[1,`sub`],[1,`muted`],[1,`all-diff`],[1,`path`],[1,`op`],[`aria-hidden`,`true`],[1,`visually-hidden`],[`type`,`button`,1,`btn`,3,`click`,`disabled`],[`type`,`button`,1,`btn`,3,`click`],[1,`state-head`],[`role`,`group`,`aria-label`,`Which state to show`,1,`segmented`],[`type`,`button`,3,`click`],[`tabindex`,`0`,1,`state`],[1,`hint`]],template:function(e,t){if(e&1&&(Jg(qU),z(0,`div`,0),U(`keydown`,function(e){return t.onKey(e)}),N(1,ZU,2,5,`button`,1,YU),B(),z(3,`div`,2),Yg(4),B(),z(5,`div`,2),Yg(6,1),j(7,sW,3,1),B(),z(8,`div`,2),j(9,cW,2,0,`p`,3)(10,lW,5,1,`div`,4)(11,dW,13,8),B()),e&2){let e;A(`aria-label`,`Entry #`+t.seq()+` details`),O(),P(t.tabs),O(2),Fg(`id`,t.idPrefix()+`-panel-action`)(`hidden`,t.active()!==`action`),A(`aria-labelledby`,t.idPrefix()+`-tab-action`),O(2),Fg(`id`,t.idPrefix()+`-panel-diff`)(`hidden`,t.active()!==`diff`),A(`aria-labelledby`,t.idPrefix()+`-tab-diff`),O(2),M(t.truncated()||t.loadDiff()?7:-1),O(),Fg(`id`,t.idPrefix()+`-panel-state`)(`hidden`,t.active()!==`state`),A(`aria-labelledby`,t.idPrefix()+`-tab-state`),O(),M(t.loading()?9:t.error()?10:(e=t.detail())?11:-1,e)}},styles:[`[_nghost-%COMP%] {
+}`]})},JU=1e3;function YU(e){return`${e>=1e3?`${JU}+`:String(e)} more ${e===1?`change`:`changes`} not shown`}function XU(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 QU=`@type`,$U=new Set([`undefined`,`number`,`bigint`,`symbol`,`function`,`Date`,`RegExp`,`Error`,`Element`,`Map`,`Set`]);function eW(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&QU in e&&$U.has(e[QU])}function tW(e){return/^[A-Za-z_$][\w$]*$/.test(e)?e:JSON.stringify(e)}function nW(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+nW(e,n)).join(`,
+`)}\n${t}]`:`[]`;if(eW(e)){let r=e;switch(r[QU]){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}${nW(e,n)} => ${nW(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+nW(e,n)).join(`,
+`)}\n${t}}`:`Set(${r.size}) {}`}default:return String(r.value??r[QU])}}let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${tW(e)}: ${nW(t,n)}`).join(`,
+`)}\n${t}}`:`{}`}function rW(e,t=120){let n=nW(e).replace(/\s*\n\s*/g,` `);return n.length>t?`${n.slice(0,t-1)}…`:n}var iW=[[[``,`tab-action`,``]],[[``,`tab-diff`,``]]],aW=[`[tab-action]`,`[tab-diff]`],oW=(e,t)=>t.id,sW=(e,t)=>t.path+e;function cW(e,t){if(e&1){let e=V();z(0,`button`,5),U(`click`,function(){let t=w(e).$implicit;return T(W().select(t.id))}),K(1),B()}if(e&2){let e=t.$implicit,n=W();Fg(`id`,n.idPrefix()+`-tab-`+e.id),A(`aria-selected`,n.active()===e.id)(`aria-controls`,n.idPrefix()+`-panel-`+e.id)(`tabindex`,n.active()===e.id?0:-1),O(),J(` `,e.label,` `)}}function lW(e,t){e&1&&(z(0,`p`,9),K(1,`The state did not change.`),B())}function uW(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W().$implicit,t=W(3);O(),q(t.shortText(e.before))}}function dW(e,t){e&1&&(z(0,`span`,13),K(1,`→`),B(),z(2,`span`,14),K(3,`became`),B())}function fW(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W().$implicit,t=W(3);O(),q(t.shortText(e.after))}}function pW(e,t){if(e&1&&(z(0,`li`)(1,`code`,11),K(2),B(),z(3,`span`,12),K(4),B(),j(5,uW,2,1,`code`),j(6,dW,4,0),j(7,fW,2,1,`code`),B()),e&2){let e=t.$implicit;O(2),q(e.path),O(2),q(e.op),O(),M(e.op===`add`?-1:5),O(),M(e.op===`change`?6:-1),O(),M(e.op===`remove`?-1:7)}}function mW(e,t){if(e&1&&(z(0,`p`,9),K(1),B()),e&2){let e=W(),t=W(2);O(),q(t.moreChanges(e.diffTruncated))}}function hW(e,t){if(e&1&&(z(0,`p`,8),K(1),B(),j(2,lW,2,0,`p`,9),z(3,`ul`,10),N(4,pW,8,5,`li`,null,sW),B(),j(6,mW,2,1,`p`,9)),e&2){let e=t;O(),J(`All changes (`,e.diff.length+(e.diffTruncated??0),`)`),O(),M(e.diff.length?-1:2),O(2),P(e.diff),O(2),M(e.diffTruncated?6:-1)}}function gW(e,t){if(e&1&&(z(0,`p`,6),K(1),B()),e&2){let e=W(2);O(),q(e.error())}}function _W(e,t){if(e&1){let e=V();z(0,`button`,15),U(`click`,function(){return w(e),T(W(2).load())}),K(1,` Show all changes `),B()}e&2&&Fg(`disabled`,W(2).loading())}function vW(e,t){if(e&1&&j(0,hW,7,3)(1,gW,2,1,`p`,6)(2,_W,2,1,`button`,7),e&2){let e,t=W();M((e=t.detail())?0:t.error()?1:2,e)}}function yW(e,t){e&1&&(z(0,`p`,3),K(1,`Reading the state…`),B())}function bW(e,t){if(e&1){let e=V();z(0,`div`,4)(1,`p`),K(2),B(),z(3,`button`,16),U(`click`,function(){return w(e),T(W().load())}),K(4,`Retry`),B()()}if(e&2){let e=W();O(2),q(e.error())}}function xW(e,t){if(e&1&&(z(0,`p`,3),K(1),B()),e&2){let e=W(2);O(),q(e.copied())}}function SW(e,t){if(e&1){let e=V();z(0,`div`,17)(1,`div`,18)(2,`button`,19),U(`click`,function(){return w(e),T(W().showBefore.set(!1))}),K(3),B(),z(4,`button`,19),U(`click`,function(){return w(e),T(W().showBefore.set(!0))}),K(5),B()(),z(6,`button`,16),U(`click`,function(){return w(e),T(W().copy())}),K(7,` Copy `),B()(),z(8,`pre`,20),K(9),B(),z(10,`p`,21),K(11,`Secret-looking fields are redacted, and very large values are cut.`),B(),j(12,xW,2,1,`p`,3)}if(e&2){let e=t,n=W();O(2),A(`aria-pressed`,!n.showBefore()),O(),J(` After #`,e.seq,` `),O(),A(`aria-pressed`,n.showBefore()),O(),J(` Before #`,e.seq,` `),O(),A(`aria-label`,`Copy the state `+(n.showBefore()?`before`:`after`)+` #`+e.seq),O(2),A(`aria-label`,n.stateLabel()),O(),q(n.stateText()),O(3),M(n.copied()?12:-1)}}var CW=[{id:`action`,label:`Action`},{id:`diff`,label:`Diff`},{id:`state`,label:`State`}],wW=class e{seq=$.required();diffTruncated=$(void 0);idPrefix=$.required();loader=$.required();loadDiff=$(!1);tabs=CW;host=C(Hl);active=Q({source:this.seq,computation:()=>`diff`});detail=Q({source:this.seq,computation:()=>null});error=Q({source:this.seq,computation:()=>``});loading=Q({source:this.seq,computation:()=>!1});showBefore=D(!1);copied=D(``);truncated=X(()=>(this.diffTruncated()??0)>0);constructor(){vc(()=>{this.loadDiff()&&(this.seq(),Z(()=>void this.load()))})}stateText=X(()=>{let e=this.detail();return e?nW(this.showBefore()?e.before:e.after):``});stateLabel=X(()=>`State ${this.showBefore()?`before`:`after`} entry #${this.seq()}`);select(e){this.active.set(e),e===`state`&&!this.detail()&&!this.loading()&&this.load()}request=0;async load(){let e=this.seq(),t=++this.request;this.loading.set(!0),this.error.set(``);let n;try{n=await this.loader()(e)}catch{n={error:`The devtools server did not answer. Try again.`}}t===this.request&&e===this.seq()&&(this.loading.set(!1),n.ok&&n.detail?this.detail.set(n.detail):this.error.set(n.error??`The page sent no state for this entry.`))}onKey(e){let t=CW.findIndex(e=>e.id===this.active()),n=e.key===`ArrowRight`?(t+1)%CW.length:e.key===`ArrowLeft`?(t+CW.length-1)%CW.length:e.key===`Home`?0:e.key===`End`?CW.length-1:-1;n<0||(e.preventDefault(),this.select(CW[n].id),this.host.nativeElement.querySelector(`#${this.idPrefix()}-tab-${CW[n].id}`)?.focus())}async copy(){try{await navigator.clipboard.writeText(this.stateText()),this.copied.set(`Copied the state.`)}catch{this.copied.set(`The clipboard is not available here.`)}}shortText(e){return rW(e,80)}moreChanges(e){return YU(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-entry-tabs`]],inputs:{seq:[1,`seq`],diffTruncated:[1,`diffTruncated`],idPrefix:[1,`idPrefix`],loader:[1,`loader`],loadDiff:[1,`loadDiff`]},ngContentSelectors:aW,decls:12,vars:12,consts:[[`role`,`tablist`,1,`tabs`,3,`keydown`],[`type`,`button`,`role`,`tab`,1,`tab`,3,`id`],[`role`,`tabpanel`,`tabindex`,`0`,1,`panel`,3,`id`,`hidden`],[`role`,`status`,1,`muted`],[`role`,`alert`,1,`error-box`],[`type`,`button`,`role`,`tab`,1,`tab`,3,`click`,`id`],[`role`,`alert`,1,`error-text`],[`type`,`button`,1,`btn`,3,`disabled`],[1,`sub`],[1,`muted`],[1,`all-diff`],[1,`path`],[1,`op`],[`aria-hidden`,`true`],[1,`visually-hidden`],[`type`,`button`,1,`btn`,3,`click`,`disabled`],[`type`,`button`,1,`btn`,3,`click`],[1,`state-head`],[`role`,`group`,`aria-label`,`Which state to show`,1,`segmented`],[`type`,`button`,3,`click`],[`tabindex`,`0`,1,`state`],[1,`hint`]],template:function(e,t){if(e&1&&(Jg(iW),z(0,`div`,0),U(`keydown`,function(e){return t.onKey(e)}),N(1,cW,2,5,`button`,1,oW),B(),z(3,`div`,2),Yg(4),B(),z(5,`div`,2),Yg(6,1),j(7,vW,3,1),B(),z(8,`div`,2),j(9,yW,2,0,`p`,3)(10,bW,5,1,`div`,4)(11,SW,13,8),B()),e&2){let e;A(`aria-label`,`Entry #`+t.seq()+` details`),O(),P(t.tabs),O(2),Fg(`id`,t.idPrefix()+`-panel-action`)(`hidden`,t.active()!==`action`),A(`aria-labelledby`,t.idPrefix()+`-tab-action`),O(2),Fg(`id`,t.idPrefix()+`-panel-diff`)(`hidden`,t.active()!==`diff`),A(`aria-labelledby`,t.idPrefix()+`-tab-diff`),O(2),M(t.truncated()||t.loadDiff()?7:-1),O(),Fg(`id`,t.idPrefix()+`-panel-state`)(`hidden`,t.active()!==`state`),A(`aria-labelledby`,t.idPrefix()+`-tab-state`),O(),M(t.loading()?9:t.error()?10:(e=t.detail())?11:-1,e)}},styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
   margin-top: 10px;
@@ -8720,7 +8788,7 @@ button[_ngcontent-%COMP%] {
   .tab[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},mW=[`generateLive`],hW=[`generateImported`],gW=[`importButton`],_W=[`testHeading`],vW=(e,t)=>t.seq;function yW(e,t){if(e&1){let e=V();I(0,`div`,8)(1,`div`,18)(2,`span`,19),K(3,`From`),L(),I(4,`app-select`,20),U_(`valueChange`,function(t){w(e);let n=W();return H_(n.from,t)||(n.from=t),T(t)}),L()(),I(5,`div`,18)(6,`span`,21),K(7,`To`),L(),I(8,`app-select`,22),U_(`valueChange`,function(t){w(e);let n=W();return H_(n.to,t)||(n.to=t),T(t)}),L()()()}if(e&2){let e=W();O(4),F(`options`,e.options()),V_(`value`,e.from),O(4),F(`options`,e.options()),V_(`value`,e.to)}}function bW(e,t){e&1&&(I(0,`p`,9),K(1,`No recorded changes on this store yet, so there is nothing to export.`),L())}function xW(e,t){if(e&1&&(I(0,`p`,15),K(1),L()),e&2){let e=W();O(),q(e.error())}}function SW(e,t){if(e&1&&(I(0,`li`),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function CW(e,t){if(e&1&&(I(0,`ul`,25),N(1,SW,2,1,`li`,null,vg),L()),e&2){let e=W();O(),P(e.notes)}}function wW(e,t){if(e&1){let e=V();I(0,`div`,16)(1,`div`,23)(2,`h5`,24,3),K(4),L(),I(5,`div`,10)(6,`button`,12),H(`click`,function(){return w(e),T(W().copyTest())}),K(7,`Copy`),L(),I(8,`button`,12),H(`click`,function(){return w(e),T(W().downloadTest())}),K(9,`Download`),L(),I(10,`button`,12),H(`click`,function(){return w(e),T(W().closeTest())}),K(11,`Close`),L()()(),j(12,CW,3,0,`ul`,25),I(13,`pre`,26),K(14),L()()}if(e&2){let e=t;O(4),J(` Generated test (`,e.framework,`) `),O(8),M(e.notes.length?12:-1),O(),A(`aria-label`,`Test code, `+e.file),O(),q(e.code)}}function TW(e,t){e&1&&(I(0,`p`,9),K(1),L()),e&2&&(O(),J(`Recorded on `,t))}function EW(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,31),H(`click`,function(){let t=w(e).$implicit;return T(W(2).importedSeq.set(t.seq))}),I(2,`span`,32),K(3),L(),I(4,`span`,33),K(5),L()()()}if(e&2){let e=t.$implicit,n=W(2);O(),A(`aria-pressed`,e.seq===n.importedSeq()),O(2),J(`#`,e.seq),O(2),q(e.type)}}function DW(e,t){if(e&1&&(I(0,`p`,35),K(1,`Action`),L(),I(2,`pre`,36),K(3),L()),e&2){let e=W(),t=W(2);O(3),q(t.prettyText(e.action))}}function OW(e,t){if(e&1&&(I(0,`p`,35),K(1,`Arguments`),L(),I(2,`pre`,36),K(3),L()),e&2){let e=W(),t=W(2);O(3),q(t.prettyText(e.args))}}function kW(e,t){e&1&&(I(0,`p`,9),K(1,`No action or arguments were recorded for this entry.`),L())}function AW(e,t){if(e&1&&(I(0,`app-entry-tabs`,30)(1,`div`,34),j(2,DW,4,1),j(3,OW,4,1),j(4,kW,2,0,`p`,9),L()()),e&2){let e=t,n=W(2);F(`seq`,e.seq)(`loadDiff`,!0)(`loader`,n.importedLoader),O(2),M(e.action===void 0?-1:2),O(),M(e.args?.length?3:-1),O(),M(e.action===void 0&&!e.args?.length?4:-1)}}function jW(e,t){if(e&1){let e=V();I(0,`div`,17)(1,`div`,23)(2,`h5`,27),K(3),I(4,`span`,28),K(5),L()(),I(6,`div`,10)(7,`button`,12,4),H(`click`,function(){let t=w(e);return T(W().generate(t.id))}),K(9,` Generate test `),L(),I(10,`button`,12),H(`click`,function(){return w(e),T(W().closeImported())}),K(11,`Close`),L()()(),j(12,TW,2,1,`p`,9),I(13,`ul`,29),N(14,EW,6,3,`li`,null,vW),L(),j(16,AW,5,6,`app-entry-tabs`,30),L()}if(e&2){let e,n,r=t,i=W();O(3),J(` Imported: `,r.store.name??r.store.id,` `),O(2),q(r.entries.length),O(2),A(`aria-disabled`,i.busy()?`true`:null),O(5),M((e=r.page?.url)?12:-1,e),O(2),P(r.entries),O(2),M((n=i.importedEntry())?16:-1,n)}}function MW(e,t,n){let r=new Blob([e],{type:n}),i=URL.createObjectURL(r),a=document.createElement(`a`);a.href=i,a.download=t,document.body.append(a),a.click(),a.remove(),setTimeout(()=>URL.revokeObjectURL(i),0)}var NW=class e{rpc=$(null);pageId=$(null);storeId=$(null);entries=$([]);framework=`Vitest`;options=X(()=>this.entries().map(e=>({value:String(e.seq),label:`#${e.seq} ${e.type}`})));from=Q({source:this.entries,computation:(e,t)=>t?.value&&e.some(e=>String(e.seq)===t.value)?t.value:e[0]?String(e[0].seq):null});to=Q({source:this.entries,computation:(e,t)=>{let n=e.at(-1),r=t?.value&&e.some(e=>String(e.seq)===t.value),i=t&&t.value===String(t.source.at(-1)?.seq);return r&&!i?t.value:n?String(n.seq):null}});injector=C(js);generateLive=Ev(`generateLive`);generateImported=Ev(`generateImported`);importButton=Ev(`importButton`);testHeading=Ev(`testHeading`);testFrom=`live`;busy=D(!1);message=D(``);error=D(``);test=D(null);imported=D(null);importedSeq=D(null);canExport=X(()=>!!this.rpc()&&!!this.pageId()&&!!this.storeId()&&this.entries().length>0);importedEntry=X(()=>{let e=this.imported(),t=this.importedSeq();return e?.entries.find(e=>e.seq===t)??null});range(){let e=Number(this.from()),t=Number(this.to()),[n,r]=e<=t?[e,t]:[t,e];return{storeId:this.storeId()??void 0,...Number.isFinite(n)?{from:n}:{},...Number.isFinite(r)?{to:r}:{}}}async ask(e){try{return await XT(this.rpc(),`request-ngrx-history`,e)??{error:`The devtools server is not connected.`}}catch{return{error:`The devtools server did not answer. Try again.`}}}importedLoader=e=>{let t=this.imported()?.id;return t?this.ask({session:t,request:{type:`entry`,seq:e}}):Promise.resolve({error:`No session is imported.`})};focusAfterRender(e){dd(()=>e()?.nativeElement.focus(),{injector:this.injector})}async exportLive(){if(this.busy()||!this.canExport())return;this.busy.set(!0),this.error.set(``),this.message.set(``);let e=await this.ask({pageId:this.pageId(),request:{type:`export`,...this.range()}});if(this.busy.set(!1),!e.ok||!e.session){this.error.set(e.error??`Nothing was exported.`);return}MW(JSON.stringify(e.session,null,2),`ngrx-session-${this.storeId()}.json`,`application/json`),this.message.set(e.message??`Exported the session.`)}async generate(e){if(this.busy()||!e&&!this.canExport())return;this.busy.set(!0),this.error.set(``),this.message.set(``);let t=await this.ask(e?{session:e,request:{type:`test`}}:{pageId:this.pageId(),request:{type:`test`,...this.range()}});if(this.busy.set(!1),!t.ok||!t.test){this.error.set(t.error??`No test was generated.`);return}this.test.set(t.test),this.testFrom=e?`imported`:`live`,this.message.set(`Generated ${t.test.file}.`),this.focusAfterRender(()=>this.testHeading())}pickFile(e){this.busy()||e.click()}async read(e){let t=e.files?.[0];if(e.value=``,!t)return;if(this.error.set(``),this.message.set(``),t.size>4e6){this.error.set(`The file is larger than 4 MB, so it was not imported.`);return}this.busy.set(!0);let n;try{n=await XT(this.rpc(),`import-ngrx-session`,{session:await t.text()})}catch{n={error:`The devtools server did not answer. Try again.`}}if(this.busy.set(!1),!n||!(`id`in n)||!n.ok){this.error.set(`Not imported: ${n?.error??`the devtools server is not connected.`}`);return}this.imported.set(n),this.importedSeq.set(n.entries[0]?.seq??null),this.message.set(`Imported ${n.entries.length} entries from ${t.name}.`)}closeImported(){this.imported.set(null),this.importedSeq.set(null),this.testFrom===`imported`&&(this.testFrom=`live`),this.focusAfterRender(()=>this.importButton())}closeTest(){this.test.set(null);let e=this.testFrom;this.focusAfterRender(()=>{let t=this.generateLive(),n=this.generateImported();return e===`imported`&&n?n:t&&!t.nativeElement.disabled?t:this.importButton()})}async copyTest(){let e=this.test();if(e)try{await navigator.clipboard.writeText(e.code),this.message.set(`Copied the test.`)}catch{this.message.set(`The clipboard is not available here.`)}}downloadTest(){let e=this.test();e&&MW(e.code,e.file,`text/plain`)}prettyText(e){return GU(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-store-session`]],viewQuery:function(e,t){e&1&&Zg(t.generateLive,mW,5)(t.generateImported,hW,5)(t.importButton,gW,5)(t.testHeading,_W,5),e&2&&Qg(4)},inputs:{rpc:[1,`rpc`],pageId:[1,`pageId`],storeId:[1,`storeId`],entries:[1,`entries`]},decls:23,vars:11,consts:[[`generateLive`,``],[`importButton`,``],[`file`,``],[`testHeading`,``],[`generateImported`,``],[`aria-labelledby`,`ngrx-session-heading`,1,`session`],[`id`,`ngrx-session-heading`],[1,`intro`],[1,`range`],[1,`muted`],[1,`actions`],[`type`,`button`,1,`btn`,3,`click`,`disabled`],[`type`,`button`,1,`btn`,3,`click`],[`type`,`file`,`accept`,`.json,application/json`,`hidden`,``,`aria-label`,`Session file`,3,`change`],[`role`,`status`,1,`session-message`],[`role`,`alert`,1,`error`],[`role`,`region`,`aria-labelledby`,`ngrx-test-heading`,1,`test`],[`role`,`region`,`aria-labelledby`,`ngrx-imported-heading`,1,`imported`],[1,`field`],[`id`,`ngrx-range-from`,1,`label`],[`labelledBy`,`ngrx-range-from`,3,`valueChange`,`options`,`value`],[`id`,`ngrx-range-to`,1,`label`],[`labelledBy`,`ngrx-range-to`,3,`valueChange`,`options`,`value`],[1,`head`],[`id`,`ngrx-test-heading`,`tabindex`,`-1`],[1,`notes`],[`tabindex`,`0`,1,`code`],[`id`,`ngrx-imported-heading`],[1,`pill`],[`aria-label`,`Imported entries`,1,`entries`],[`idPrefix`,`ngrx-imported`,3,`seq`,`loadDiff`,`loader`],[`type`,`button`,1,`entry`,3,`click`],[1,`seq`],[1,`type`],[`tab-action`,``],[1,`label`],[1,`code`]],template:function(e,t){if(e&1){let e=V();I(0,`section`,5)(1,`h4`,6),K(2,`Session`),L(),I(3,`p`,7),K(4),L(),j(5,yW,9,4,`div`,8)(6,bW,2,0,`p`,9),I(7,`div`,10)(8,`button`,11),H(`click`,function(){return t.exportLive()}),K(9,` Export session `),L(),I(10,`button`,11,0),H(`click`,function(){return t.generate(null)}),K(12,` Generate test `),L(),I(13,`button`,12,1),H(`click`,function(){w(e);let n=$g(17);return T(t.pickFile(n))}),K(15,` Import session `),L(),I(16,`input`,13,2),H(`change`,function(){w(e);let n=$g(17);return T(t.read(n))}),L()(),I(18,`p`,14),K(19),L(),j(20,xW,2,1,`p`,15),j(21,wW,15,4,`div`,16),j(22,jW,17,5,`div`,17),L()}if(e&2){let e,n;O(4),J(` Export a range of this store's log with the state it produced, import a session file to read it here, or turn the range into a `,t.framework,` spec. Values are redacted like the rest of the page. `),O(),M(t.options().length?5:6),O(3),F(`disabled`,!t.canExport()),A(`aria-disabled`,t.busy()?`true`:null),O(2),F(`disabled`,!t.canExport()),A(`aria-disabled`,t.busy()?`true`:null),O(3),A(`aria-disabled`,t.busy()?`true`:null),O(6),q(t.message()),O(),M(t.error()?20:-1),O(),M((e=t.test())?21:-1,e),O(),M((n=t.imported())?22:-1,n)}},dependencies:[UD,pW],styles:[`[_nghost-%COMP%] {
+}`]})},TW=[`generateLive`],EW=[`generateImported`],DW=[`importButton`],OW=[`testHeading`],kW=(e,t)=>t.seq;function AW(e,t){if(e&1){let e=V();I(0,`div`,8)(1,`div`,18)(2,`span`,19),K(3,`From`),L(),I(4,`app-select`,20),U_(`valueChange`,function(t){w(e);let n=W();return H_(n.from,t)||(n.from=t),T(t)}),L()(),I(5,`div`,18)(6,`span`,21),K(7,`To`),L(),I(8,`app-select`,22),U_(`valueChange`,function(t){w(e);let n=W();return H_(n.to,t)||(n.to=t),T(t)}),L()()()}if(e&2){let e=W();O(4),F(`options`,e.options()),V_(`value`,e.from),O(4),F(`options`,e.options()),V_(`value`,e.to)}}function jW(e,t){e&1&&(I(0,`p`,9),K(1,`No recorded changes on this store yet, so there is nothing to export.`),L())}function MW(e,t){if(e&1&&(I(0,`p`,15),K(1),L()),e&2){let e=W();O(),q(e.error())}}function NW(e,t){if(e&1&&(I(0,`li`),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function PW(e,t){if(e&1&&(I(0,`ul`,25),N(1,NW,2,1,`li`,null,vg),L()),e&2){let e=W();O(),P(e.notes)}}function FW(e,t){if(e&1){let e=V();I(0,`div`,16)(1,`div`,23)(2,`h5`,24,3),K(4),L(),I(5,`div`,10)(6,`button`,12),H(`click`,function(){return w(e),T(W().copyTest())}),K(7,`Copy`),L(),I(8,`button`,12),H(`click`,function(){return w(e),T(W().downloadTest())}),K(9,`Download`),L(),I(10,`button`,12),H(`click`,function(){return w(e),T(W().closeTest())}),K(11,`Close`),L()()(),j(12,PW,3,0,`ul`,25),I(13,`pre`,26),K(14),L()()}if(e&2){let e=t;O(4),J(` Generated test (`,e.framework,`) `),O(8),M(e.notes.length?12:-1),O(),A(`aria-label`,`Test code, `+e.file),O(),q(e.code)}}function IW(e,t){e&1&&(I(0,`p`,9),K(1),L()),e&2&&(O(),J(`Recorded on `,t))}function LW(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,31),H(`click`,function(){let t=w(e).$implicit;return T(W(2).importedSeq.set(t.seq))}),I(2,`span`,32),K(3),L(),I(4,`span`,33),K(5),L()()()}if(e&2){let e=t.$implicit,n=W(2);O(),A(`aria-pressed`,e.seq===n.importedSeq()),O(2),J(`#`,e.seq),O(2),q(e.type)}}function RW(e,t){if(e&1&&(I(0,`p`,35),K(1,`Action`),L(),I(2,`pre`,36),K(3),L()),e&2){let e=W(),t=W(2);O(3),q(t.prettyText(e.action))}}function zW(e,t){if(e&1&&(I(0,`p`,35),K(1,`Arguments`),L(),I(2,`pre`,36),K(3),L()),e&2){let e=W(),t=W(2);O(3),q(t.prettyText(e.args))}}function BW(e,t){e&1&&(I(0,`p`,9),K(1,`No action or arguments were recorded for this entry.`),L())}function VW(e,t){if(e&1&&(I(0,`app-entry-tabs`,30)(1,`div`,34),j(2,RW,4,1),j(3,zW,4,1),j(4,BW,2,0,`p`,9),L()()),e&2){let e=t,n=W(2);F(`seq`,e.seq)(`loadDiff`,!0)(`loader`,n.importedLoader),O(2),M(e.action===void 0?-1:2),O(),M(e.args?.length?3:-1),O(),M(e.action===void 0&&!e.args?.length?4:-1)}}function HW(e,t){if(e&1){let e=V();I(0,`div`,17)(1,`div`,23)(2,`h5`,27),K(3),I(4,`span`,28),K(5),L()(),I(6,`div`,10)(7,`button`,12,4),H(`click`,function(){let t=w(e);return T(W().generate(t.id))}),K(9,` Generate test `),L(),I(10,`button`,12),H(`click`,function(){return w(e),T(W().closeImported())}),K(11,`Close`),L()()(),j(12,IW,2,1,`p`,9),I(13,`ul`,29),N(14,LW,6,3,`li`,null,kW),L(),j(16,VW,5,6,`app-entry-tabs`,30),L()}if(e&2){let e,n,r=t,i=W();O(3),J(` Imported: `,r.store.name??r.store.id,` `),O(2),q(r.entries.length),O(2),A(`aria-disabled`,i.busy()?`true`:null),O(5),M((e=r.page?.url)?12:-1,e),O(2),P(r.entries),O(2),M((n=i.importedEntry())?16:-1,n)}}function UW(e,t,n){let r=new Blob([e],{type:n}),i=URL.createObjectURL(r),a=document.createElement(`a`);a.href=i,a.download=t,document.body.append(a),a.click(),a.remove(),setTimeout(()=>URL.revokeObjectURL(i),0)}var WW=class e{rpc=$(null);pageId=$(null);storeId=$(null);entries=$([]);framework=`Vitest`;options=X(()=>this.entries().map(e=>({value:String(e.seq),label:`#${e.seq} ${e.type}`})));from=Q({source:this.entries,computation:(e,t)=>t?.value&&e.some(e=>String(e.seq)===t.value)?t.value:e[0]?String(e[0].seq):null});to=Q({source:this.entries,computation:(e,t)=>{let n=e.at(-1),r=t?.value&&e.some(e=>String(e.seq)===t.value),i=t&&t.value===String(t.source.at(-1)?.seq);return r&&!i?t.value:n?String(n.seq):null}});injector=C(ks);generateLive=Ev(`generateLive`);generateImported=Ev(`generateImported`);importButton=Ev(`importButton`);testHeading=Ev(`testHeading`);testFrom=`live`;busy=D(!1);message=D(``);error=D(``);test=D(null);imported=D(null);importedSeq=D(null);canExport=X(()=>!!this.rpc()&&!!this.pageId()&&!!this.storeId()&&this.entries().length>0);importedEntry=X(()=>{let e=this.imported(),t=this.importedSeq();return e?.entries.find(e=>e.seq===t)??null});range(){let e=Number(this.from()),t=Number(this.to()),[n,r]=e<=t?[e,t]:[t,e];return{storeId:this.storeId()??void 0,...Number.isFinite(n)?{from:n}:{},...Number.isFinite(r)?{to:r}:{}}}async ask(e){try{return await $T(this.rpc(),`request-ngrx-history`,e)??{error:`The devtools server is not connected.`}}catch{return{error:`The devtools server did not answer. Try again.`}}}importedLoader=e=>{let t=this.imported()?.id;return t?this.ask({session:t,request:{type:`entry`,seq:e}}):Promise.resolve({error:`No session is imported.`})};focusAfterRender(e){dd(()=>e()?.nativeElement.focus(),{injector:this.injector})}async exportLive(){if(this.busy()||!this.canExport())return;this.busy.set(!0),this.error.set(``),this.message.set(``);let e=await this.ask({pageId:this.pageId(),request:{type:`export`,...this.range()}});if(this.busy.set(!1),!e.ok||!e.session){this.error.set(e.error??`Nothing was exported.`);return}UW(JSON.stringify(e.session,null,2),`ngrx-session-${this.storeId()}.json`,`application/json`),this.message.set(e.message??`Exported the session.`)}async generate(e){if(this.busy()||!e&&!this.canExport())return;this.busy.set(!0),this.error.set(``),this.message.set(``);let t=await this.ask(e?{session:e,request:{type:`test`}}:{pageId:this.pageId(),request:{type:`test`,...this.range()}});if(this.busy.set(!1),!t.ok||!t.test){this.error.set(t.error??`No test was generated.`);return}this.test.set(t.test),this.testFrom=e?`imported`:`live`,this.message.set(`Generated ${t.test.file}.`),this.focusAfterRender(()=>this.testHeading())}pickFile(e){this.busy()||e.click()}async read(e){let t=e.files?.[0];if(e.value=``,!t)return;if(this.error.set(``),this.message.set(``),t.size>4e6){this.error.set(`The file is larger than 4 MB, so it was not imported.`);return}this.busy.set(!0);let n;try{n=await $T(this.rpc(),`import-ngrx-session`,{session:await t.text()})}catch{n={error:`The devtools server did not answer. Try again.`}}if(this.busy.set(!1),!n||!(`id`in n)||!n.ok){this.error.set(`Not imported: ${n?.error??`the devtools server is not connected.`}`);return}this.imported.set(n),this.importedSeq.set(n.entries[0]?.seq??null),this.message.set(`Imported ${n.entries.length} entries from ${t.name}.`)}closeImported(){this.imported.set(null),this.importedSeq.set(null),this.testFrom===`imported`&&(this.testFrom=`live`),this.focusAfterRender(()=>this.importButton())}closeTest(){this.test.set(null);let e=this.testFrom;this.focusAfterRender(()=>{let t=this.generateLive(),n=this.generateImported();return e===`imported`&&n?n:t&&!t.nativeElement.disabled?t:this.importButton()})}async copyTest(){let e=this.test();if(e)try{await navigator.clipboard.writeText(e.code),this.message.set(`Copied the test.`)}catch{this.message.set(`The clipboard is not available here.`)}}downloadTest(){let e=this.test();e&&UW(e.code,e.file,`text/plain`)}prettyText(e){return nW(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-store-session`]],viewQuery:function(e,t){e&1&&Zg(t.generateLive,TW,5)(t.generateImported,EW,5)(t.importButton,DW,5)(t.testHeading,OW,5),e&2&&Qg(4)},inputs:{rpc:[1,`rpc`],pageId:[1,`pageId`],storeId:[1,`storeId`],entries:[1,`entries`]},decls:23,vars:11,consts:[[`generateLive`,``],[`importButton`,``],[`file`,``],[`testHeading`,``],[`generateImported`,``],[`aria-labelledby`,`ngrx-session-heading`,1,`session`],[`id`,`ngrx-session-heading`],[1,`intro`],[1,`range`],[1,`muted`],[1,`actions`],[`type`,`button`,1,`btn`,3,`click`,`disabled`],[`type`,`button`,1,`btn`,3,`click`],[`type`,`file`,`accept`,`.json,application/json`,`hidden`,``,`aria-label`,`Session file`,3,`change`],[`role`,`status`,1,`session-message`],[`role`,`alert`,1,`error`],[`role`,`region`,`aria-labelledby`,`ngrx-test-heading`,1,`test`],[`role`,`region`,`aria-labelledby`,`ngrx-imported-heading`,1,`imported`],[1,`field`],[`id`,`ngrx-range-from`,1,`label`],[`labelledBy`,`ngrx-range-from`,3,`valueChange`,`options`,`value`],[`id`,`ngrx-range-to`,1,`label`],[`labelledBy`,`ngrx-range-to`,3,`valueChange`,`options`,`value`],[1,`head`],[`id`,`ngrx-test-heading`,`tabindex`,`-1`],[1,`notes`],[`tabindex`,`0`,1,`code`],[`id`,`ngrx-imported-heading`],[1,`pill`],[`aria-label`,`Imported entries`,1,`entries`],[`idPrefix`,`ngrx-imported`,3,`seq`,`loadDiff`,`loader`],[`type`,`button`,1,`entry`,3,`click`],[1,`seq`],[1,`type`],[`tab-action`,``],[1,`label`],[1,`code`]],template:function(e,t){if(e&1){let e=V();I(0,`section`,5)(1,`h4`,6),K(2,`Session`),L(),I(3,`p`,7),K(4),L(),j(5,AW,9,4,`div`,8)(6,jW,2,0,`p`,9),I(7,`div`,10)(8,`button`,11),H(`click`,function(){return t.exportLive()}),K(9,` Export session `),L(),I(10,`button`,11,0),H(`click`,function(){return t.generate(null)}),K(12,` Generate test `),L(),I(13,`button`,12,1),H(`click`,function(){w(e);let n=$g(17);return T(t.pickFile(n))}),K(15,` Import session `),L(),I(16,`input`,13,2),H(`change`,function(){w(e);let n=$g(17);return T(t.read(n))}),L()(),I(18,`p`,14),K(19),L(),j(20,MW,2,1,`p`,15),j(21,FW,15,4,`div`,16),j(22,HW,17,5,`div`,17),L()}if(e&2){let e,n;O(4),J(` Export a range of this store's log with the state it produced, import a session file to read it here, or turn the range into a `,t.framework,` spec. Values are redacted like the rest of the page. `),O(),M(t.options().length?5:6),O(3),F(`disabled`,!t.canExport()),A(`aria-disabled`,t.busy()?`true`:null),O(2),F(`disabled`,!t.canExport()),A(`aria-disabled`,t.busy()?`true`:null),O(3),A(`aria-disabled`,t.busy()?`true`:null),O(6),q(t.message()),O(),M(t.error()?20:-1),O(),M((e=t.test())?21:-1,e),O(),M((n=t.imported())?22:-1,n)}},dependencies:[KD,wW],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
 }
@@ -8937,7 +9005,7 @@ h5[tabindex="-1"][_ngcontent-%COMP%]:focus-visible {
   .btn[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},PW=`redux:`;function FW(e){let t=e;return!!t&&typeof t.id==`string`&&typeof t.name==`string`&&typeof t.library==`string`}function IW(e){let t=e?.pages;return!t||typeof t!=`object`||Array.isArray(t)?[]:Object.values(t).filter(e=>{let t=e;return!!t&&typeof t.pageId==`string`&&Array.isArray(t.stores)&&t.stores.every(FW)&&Array.isArray(t.log)}).sort((e,t)=>t.reportedAt-e.reportedAt)}function LW(e){return(e?.stores??[]).map(e=>({id:PW+e.id,label:e.name,kind:`redux`,scope:e.library,redux:e}))}function RW(e,t){if(!e||!t?.startsWith(`redux:`))return[];let n=t.slice(6);return e.log.filter(e=>e.storeId===n).map(e=>({seq:e.seq,source:`redux`,storeId:t,type:e.type,...e.action===void 0?{}:{action:e.action},timestamp:e.timestamp,diff:e.diff,restorable:!1,...e.diffTruncated?{diffTruncated:e.diffTruncated}:{}}))}var zW=[`eventDetailHeading`],BW=[`cancelButton`],VW=[`restoreButton`],HW=[`stateTree`],UW=[`filterInput`],WW=[`latestButton`],GW=[`logList`],KW=[`eventsList`],qW=e=>({kind:`ngrx`,storeId:e}),JW=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),YW=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),XW=e=>({selected:e}),ZW=(e,t)=>t.id,QW=(e,t)=>t.entry.seq,$W=(e,t)=>t.key,eG=(e,t)=>t.name,tG=(e,t)=>t.idsKey,nG=(e,t)=>t.path,rG=(e,t)=>t.kind,iG=(e,t)=>t.name+t.file+t.line;function aG(e,t){if(e&1){let e=V();I(0,`span`,34),K(1,`Page`),L(),I(2,`app-select`,35),H(`valueChange`,function(t){return w(e),T(W().selectPage(t))}),L()}if(e&2){let e=W();O(2),F(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function oG(e,t){if(e&1&&(I(0,`span`,23),K(1),L()),e&2){let e=W();O(),q(e.liveStores().length)}}function sG(e,t){if(e&1){let e=V();I(0,`div`,24)(1,`p`,36),K(2,`Could not load the live store state.`),L(),I(3,`p`,37),K(4,`Check that the dev server with Pangular Inspector is still running.`),L(),I(5,`button`,38),H(`click`,function(){return w(e),T(W().retry())}),K(6,`Retry`),L()()}}function cG(e,t){e&1&&(I(0,`div`,25)(1,`p`,36),K(2,`Loading…`),L()())}function lG(e,t){e&1&&(I(0,`div`,26)(1,`p`,36),K(2,`No page is reporting store state yet.`),L(),I(3,`p`,37),K(4,` Open the app in a browser. Stores show up here as soon as the page creates them. `),L()())}function uG(e,t){e&1&&(I(0,`p`,36),K(1,`No signal store instance on this page yet.`),L(),I(2,`p`,37),K(3,` A `),I(4,`code`),K(5,`signalStore`),L(),K(6,` is created the first time something injects it. Navigate to a page that uses the store and it appears here. `),L())}function dG(e,t){e&1&&(I(0,`p`,36),K(1,`The @ngrx/store Store was not found on this page.`),L(),I(2,`p`,37),K(3,` Check that `),I(4,`code`),K(5,`provideStore()`),L(),K(6,` or `),I(7,`code`),K(8,`StoreModule.forRoot()`),L(),K(9,` is part of the providers of the running app. `),L())}function fG(e,t){e&1&&(I(0,`p`,36),K(1,`This page has no store.`),L(),I(2,`p`,37),K(3,` Stores from `),I(4,`code`),K(5,`@ngrx/signals`),L(),K(6,` (`),I(7,`code`),K(8,`signalStore`),L(),K(9,`, `),I(10,`code`),K(11,`signalState`),L(),K(12,`) and `),I(13,`code`),K(14,`@ngrx/store`),L(),K(15,` are listed here once the app creates them. NGXS, Elf and MiniRx stores show up through their Redux DevTools integration when the app loads `),I(16,`code`),K(17,`@pangular-inspector/devtools/store-hook`),L(),K(18,` first. `),L())}function pG(e,t){if(e&1&&(I(0,`app-angular-unavailable`,39),K(1,` The overlay finds stores through the injectors, so stores it can't reach from a component are not listed. `),L(),I(2,`div`,26),j(3,uG,7,0)(4,dG,10,0)(5,fG,19,0),L()),e&2){let e=W();F(`page`,e.angularPage()),O(3),M(e.usesSignals()?3:e.usesClassic()?4:5)}}function mG(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,43),H(`click`,function(){let t=w(e).$implicit;return T(W(2).selectStore(t.id))}),I(2,`span`,44),R(3,`span`,45),I(4,`span`,46),K(5),L()(),I(6,`span`,47),K(7),L()()()}if(e&2){let e=t.$implicit,n=W(2);O(),G(`selected`,e.id===n.store()?.id),A(`aria-pressed`,e.id===n.store()?.id),O(2),b_(`background`,n.kindColor(e.kind)),O(2),q(e.label),O(2),R_(` `,n.kindLabel(e.kind),` · `,e.scope,` · `,n.countText(e),` `)}}function hG(e,t){e&1&&(I(0,`li`,41),K(1,`No stores match this filter.`),L())}function gG(e,t){e&1&&(I(0,`span`,50),K(1),L()),e&2&&(O(),q(t.library))}function _G(e,t){if(e&1&&(I(0,`span`,50),K(1),L()),e&2){let e=W();O(),J(`scope: `,e.scope)}}function vG(e,t){e&1&&R(0,`app-source-link`,51),e&2&&F(`file`,t)}function yG(e,t){if(e&1&&(I(0,`span`,50),K(1),L()),e&2){let e=W();O(),q(e.classic.devtools?`Store DevTools on`:`Store DevTools off`)}}function bG(e,t){if(e&1&&(I(0,`code`),K(1),L(),K(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;O(),q(e),O(),J(``,n===r-1?``:`, `,` `)}}function xG(e,t){if(e&1&&(I(0,`p`,52),K(1,` Referenced by `),N(2,bG,3,2,null,null,vg),L()),e&2){let e=W();O(2),P(e.signal.references)}}function SG(e,t){if(e&1&&(I(0,`p`,71),K(1),L()),e&2){let e=W(4);O(),q(e.restoreOff)}}function CG(e,t){if(e&1){let e=V();I(0,`div`,53)(1,`p`)(2,`strong`),K(3,`Viewing a past state.`),L(),K(4,` New actions are logged but do not change the state until you go back to the latest state. `),L(),I(5,`button`,70,4),H(`click`,function(){return w(e),T(W(3).backToLatest())}),K(7,` Back to latest `),L(),j(8,SG,2,1,`p`,71),L()}if(e&2){let e=W(3);O(5),F(`disabled`,e.busy()||!e.canRestore()),A(`aria-describedby`,e.canRestore()?null:`store-latest-off`),O(3),M(e.canRestore()?-1:8)}}function wG(e,t){if(e&1&&R(0,`app-store-global`,59),e&2){let e=W(),t=W(2);F(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,rv(4,qW,e.id))(`label`,e.label+` state`)}}function TG(e,t){if(e&1&&(I(0,`dt`),K(1),L(),I(2,`dd`)(3,`code`,79),K(4),L()()),e&2){let e=t.$implicit;O(),q(e.key),O(2),F(`title`,e.full),O(),q(e.value)}}function EG(e,t){if(e&1&&(I(0,`dl`,74),N(1,TG,5,3,null,null,$W),L()),e&2){let e=W(4);O(),P(e.computedEntries())}}function DG(e,t){e&1&&(I(0,`p`,75),K(1,`No computed signals.`),L())}function OG(e,t){e&1&&(I(0,`span`,81),K(1,`signalMethod`),L())}function kG(e,t){e&1&&(I(0,`span`,81),K(1,`rxMethod`),L())}function AG(e,t){if(e&1&&(I(0,`li`,80),K(1),j(2,OG,2,0,`span`,81)(3,kG,2,0,`span`,81),I(4,`span`,82),K(5),L()()),e&2){let e=t.$implicit,n=W(5);O(),J(` `,e.name,` `),O(),M(e.signalMethod?2:e.rx?3:-1),O(3),R_(``,e.calls,` `,e.calls===1?`call`:`calls`,``,n.methodDuration(e))}}function jG(e,t){if(e&1&&(I(0,`ul`,77),N(1,AG,6,5,`li`,80,eG),L()),e&2){let e=W();O(),P(e.methods)}}function MG(e,t){e&1&&(I(0,`p`,75),K(1,`No methods.`),L())}function NG(e,t){if(e&1&&(I(0,`li`,80),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function PG(e,t){if(e&1&&(I(0,`li`,89),K(1),L()),e&2){let e=W().$implicit;F(`title`,W(5).entityOverflowTitle(e.ids,e.count)),O(),J(` +`,e.count-30,` more `)}}function FG(e,t){if(e&1&&(I(0,`code`,79),K(1),L()),e&2){let e=W(2).$implicit,t=W(5);F(`title`,t.prettyText(e.selected)),O(),q(t.shortText(e.selected))}}function IG(e,t){e&1&&(I(0,`span`,75),K(1,`None selected`),L())}function LG(e,t){if(e&1&&(I(0,`dl`,74)(1,`dt`),K(2,`Selected`),L(),I(3,`dd`),j(4,FG,2,2,`code`,79)(5,IG,2,0,`span`,75),L()()),e&2){let e=W().$implicit;O(4),M(e.selected===void 0?5:4)}}function RG(e,t){if(e&1&&(I(0,`div`,85)(1,`div`,86)(2,`span`,80),K(3),L(),I(4,`span`,87),K(5),L()(),I(6,`ul`,88),N(7,NG,2,1,`li`,80,vg),j(9,PG,2,2,`li`,89),L(),j(10,LG,6,1,`dl`,74),L()),e&2){let e=t.$implicit,n=W(5);O(3),q(e.collection??`entities`),O(2),Y(``,e.count,` `,e.count===1?`entity`:`entities`),O(),A(`aria-label`,(e.collection??`entities`)+` ids`),O(),P(n.entityIds(e.ids)),O(2),M(e.count>30?9:-1),O(),M(e.selectedId===void 0?-1:10)}}function zG(e,t){if(e&1&&(I(0,`section`,78)(1,`h4`,83),K(2,`Entities`),L(),I(3,`div`,84),N(4,RG,11,6,`div`,85,tG),L()()),e&2){let e=W();O(4),P(e.entities)}}function BG(e,t){if(e&1&&(I(0,`section`,72)(1,`h4`,73),K(2,`Computed`),L(),j(3,EG,3,0,`dl`,74)(4,DG,2,0,`p`,75),I(5,`h4`,76),K(6,`Methods`),L(),j(7,jG,3,0,`ul`,77)(8,MG,2,0,`p`,75),L(),j(9,zG,6,0,`section`,78)),e&2){let e=t,n=W(3);O(3),M(n.computedEntries().length?3:4),O(4),M(e.methods.length?7:8),O(2),M(e.entities?.length?9:-1)}}function VG(e,t){if(e&1&&(I(0,`span`,94),K(1),L()),e&2){let e=t;F(`title`,`Caused by `+W(4).kindLabel(`event`)+`: `+e.type),O(),q(e.type)}}function HG(e,t){if(e&1&&(I(0,`span`,81),K(1),L()),e&2){W();let e=q_(0);O(),q(e.origin)}}function UG(e,t){if(e&1&&K(0),e&2){W();let e=q_(0);J(` · `,W(3).formatDuration(e.durationMs),` `)}}function WG(e,t){if(e&1){let e=V();G_(0),I(1,`li`)(2,`button`,90),H(`click`,function(){w(e);let t=q_(0);return T(W(3).selectChange(t.seq))}),I(3,`span`,91),K(4),L(),I(5,`span`,92)(6,`span`,93),K(7),L(),j(8,VG,2,2,`span`,94),L(),I(9,`span`,95),j(10,HG,2,1,`span`,81),K(11),j(12,UG,1,1),L()()()}if(e&2){let e,n=t.$implicit,r=W(3),i=K_(n.entry);O(),A(`data-vindex`,n.index)(`aria-setsize`,r.logWindow.enabled()?r.storeLog().length:null)(`aria-posinset`,r.logWindow.enabled()?n.index+1:null),O(),G(`selected`,i.seq===r.selectedChangeSeq()),A(`aria-pressed`,i.seq===r.selectedChangeSeq())(`aria-controls`,i.seq===r.selectedChangeSeq()?`ngrx-change-detail`:null),O(2),J(`#`,i.seq),O(2),F(`title`,i.type),O(),q(i.type),O(),M((e=i.causedByEvent)?8:-1,e),O(2),M(i.origin?10:-1),O(),Y(` `,r.changesLabel(i),` · `,r.formatTime(i.timestamp),` `),O(),M(i.durationMs===void 0?-1:12)}}function GG(e,t){e&1&&K(0,` No entries match this filter. `)}function KG(e,t){e&1&&K(0,` No actions dispatched since the page connected. `)}function qG(e,t){e&1&&K(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function JG(e,t){if(e&1&&(I(0,`li`,41),j(1,GG,1,0)(2,KG,1,0)(3,qG,1,0),L()),e&2){let e=W(),t=W(2);O(),M(t.filter()?1:e.classic||e.redux?2:3)}}function YG(e,t){if(e&1&&(I(0,`div`,67),Ng(1,96),L()),e&2){W(3);let e=$g(27);O(),F(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,rv(2,JW,t))}}function XG(e,t){if(e&1&&R(0,`app-store-session`,68),e&2){let e=W(),t=W(2);F(`rpc`,t.rpc())(`pageId`,t.page()?.pageId??null)(`storeId`,e.id)(`entries`,t.sessionEntries())}}function ZG(e,t){if(e&1&&R(0,`option`,101),e&2){let e=t.$implicit;F(`value`,e)}}function QG(e,t){if(e&1&&(I(0,`p`,107),K(1),L()),e&2){let e=W(4);O(),q(e.restoreOff)}}function $G(e,t){if(e&1){let e=V();I(0,`section`,69)(1,`h4`,97),K(2,`Dispatch an action`),L(),I(3,`form`,98),H(`submit`,function(t){return w(e),T(W(3).dispatchAction(t))}),I(4,`label`)(5,`span`),K(6,`Type`),L(),I(7,`input`,99),H(`input`,function(t){return w(e),T(W(3).dispatchType.set(t.target.value))}),L()(),I(8,`datalist`,100),N(9,ZG,1,1,`option`,101,vg),L(),I(11,`label`)(12,`span`),K(13,`Payload `),I(14,`span`,102),K(15,`(JSON object, optional)`),L()(),I(16,`textarea`,103),H(`input`,function(t){return w(e),T(W(3).dispatchPayload.set(t.target.value))}),L()(),I(17,`p`,104),K(18),L(),I(19,`div`,105)(20,`button`,106),K(21,` Dispatch `),L()(),j(22,QG,2,1,`p`,107),L()()}if(e&2){let e=W(3);O(7),F(`value`,e.dispatchType()),O(2),P(e.actionTypes()),O(7),F(`value`,e.dispatchPayload()),A(`aria-invalid`,e.payloadError()?`true`:null),O(2),q(e.payloadError()),O(2),F(`disabled`,e.busy()||!e.canRestore()||!e.dispatchRequest()),A(`aria-describedby`,e.canRestore()?null:`store-dispatch-off`),O(2),M(e.canRestore()?-1:22)}}function eK(e,t){if(e&1){let e=V();I(0,`div`,42)(1,`div`,48)(2,`h3`),K(3),L(),I(4,`div`,49)(5,`span`,50),K(6),L(),j(7,gG,2,1,`span`,50)(8,_G,2,1,`span`,50),j(9,vG,1,1,`app-source-link`,51),j(10,yG,2,1,`span`,50),L(),j(11,xG,4,0,`p`,52),L(),j(12,CG,9,3,`div`,53),I(13,`div`,54)(14,`section`,55)(15,`div`,56)(16,`h4`,57),K(17,`State`),L(),I(18,`div`,58),j(19,wG,1,6,`app-store-global`,59),I(20,`button`,60),H(`click`,function(){return w(e),T(W(2).copyState())}),K(21,` Copy `),L()()(),I(22,`pre`,61,2),K(24),L()(),j(25,BG,10,3),L(),I(26,`section`,62)(27,`h4`,63),K(28),I(29,`span`,23),K(30),L()(),R(31,`app-limit-note`,64),I(32,`div`,65)(33,`ul`,66,3),N(35,WG,13,16,`li`,null,QW,!1,JG,4,1,`li`,41),L(),j(38,YG,2,4,`div`,67),L()(),j(39,XG,1,4,`app-store-session`,68),j(40,$G,23,7,`section`,69),L()}if(e&2){let e,n,r,i,a=t,o=W(2);O(3),q(a.label),O(3),q(o.kindLabel(a.kind)),O(),M((e=a.redux)?7:8,e),O(2),M((n=a.signal?.declaredIn)?9:-1,n),O(),M(a.classic?10:-1),O(),M(a.signal?.references?.length?11:-1),O(),M(a.classic?.paused?12:-1),O(7),M(a.redux?-1:19),O(5),q(o.stateText()),O(),M((r=a.signal)?25:-1,r),O(3),J(` `,a.classic||a.redux?`Action log`:`Change log`,` `),O(2),q(o.storeLog().length),O(),F(`dropped`,(a.redux?o.reduxPage()?.dropped:o.page()?.dropped)??0)(`max`,o.maxLog()),O(2),b_(`padding-top`,o.logWindow.enabled()?2+o.logWindow.padTop():null,`px`)(`padding-bottom`,o.logWindow.enabled()?2+o.logWindow.padBottom():null,`px`),F(`rovingWindow`,o.logWindow),A(`aria-label`,a.classic||a.redux?`Actions`:`Changes`),O(2),P(o.shownLog()),O(3),M((i=o.changeEntry())?38:-1,i),O(),M(a.redux?-1:39),O(),M(a.classic?40:-1)}}function tK(e,t){if(e&1&&(I(0,`div`,27)(1,`ul`,40),N(2,mG,8,9,`li`,null,ZW,!1,hG,2,0,`li`,41),L(),j(5,eK,41,24,`div`,42),L()),e&2){let e,t=W();O(2),P(t.filteredStores()),O(3),M((e=t.store())?5:-1,e)}}function nK(e,t){if(e&1&&(I(0,`code`,114),K(1),L()),e&2){W();let e=q_(0),t=W(2);F(`title`,t.prettyText(e.payload)),O(),q(t.shortText(e.payload))}}function rK(e,t){if(e&1){let e=V();G_(0),I(1,`li`)(2,`button`,112),H(`click`,function(){w(e);let t=q_(0);return T(W(2).selectEvent(t.seq))}),R(3,`span`,45),I(4,`span`,113),K(5),L(),j(6,nK,2,2,`code`,114),I(7,`span`,115),K(8),L()()()}if(e&2){let e=t.$implicit,n=W(2),r=K_(e.entry);O(),A(`data-vindex`,e.index)(`aria-setsize`,n.eventWindow.enabled()?n.pageEvents().length:null)(`aria-posinset`,n.eventWindow.enabled()?e.index+1:null),O(),G(`selected`,r.seq===n.selectedEventSeq()),A(`aria-pressed`,r.seq===n.selectedEventSeq())(`aria-controls`,r.seq===n.selectedEventSeq()?`ngrx-event-detail`:null),O(),b_(`background`,n.kindColor(`event`)),O(),F(`title`,r.eventType??r.type),O(),q(r.eventType??r.type),O(),M(r.payload===void 0?-1:6),O(2),q(n.formatTime(r.timestamp))}}function iK(e,t){e&1&&(I(0,`li`,41),K(1,`No events match this filter.`),L())}function aK(e,t){if(e&1&&(I(0,`div`,111,6),Ng(2,96),L()),e&2){W(2);let e=$g(27);O(2),F(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,rv(2,YW,t))}}function oK(e,t){if(e&1&&(I(0,`section`,29)(1,`div`,21)(2,`h2`,108),K(3,`Events`),L(),I(4,`span`,23),K(5),L()(),I(6,`p`,109),K(7,` Events dispatched through @ngrx/signals/events, across every store on this page. `),L(),I(8,`ul`,110,5),N(10,rK,9,14,`li`,null,QW,!1,iK,2,0,`li`,41),L(),j(13,aK,3,4,`div`,111),L()),e&2){let e,t=W();O(5),q(t.pageEvents().length),O(3),b_(`padding-top`,t.eventWindow.enabled()?6+t.eventWindow.padTop():null,`px`)(`padding-bottom`,t.eventWindow.enabled()?6+t.eventWindow.padBottom():null,`px`),F(`rovingWindow`,t.eventWindow),O(2),P(t.shownEvents()),O(3),M((e=t.eventEntry())?13:-1,e)}}function sK(e,t){if(e&1&&(I(0,`dt`),K(1,`Origin`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().selected,t=W();O(3),q(t.originText(e.origin))}}function cK(e,t){if(e&1&&(I(0,`dt`),K(1,`Duration`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().selected,t=W();O(3),q(t.formatDuration(e.durationMs))}}function lK(e,t){if(e&1&&Ng(0,96),e&2){let e=W().selected;F(`ngTemplateOutlet`,$g(12))(`ngTemplateOutletContext`,rv(2,XW,e))}}function uK(e,t){if(e&1&&(I(0,`dt`),K(1,`Action`),L(),I(2,`dd`)(3,`pre`,121),K(4),L()()),e&2){let e=W().selected,t=W(2);O(4),q(t.prettyText(e.action))}}function dK(e,t){if(e&1&&(I(0,`dt`),K(1,`Arguments`),L(),I(2,`dd`)(3,`pre`,121),K(4),L()()),e&2){let e=W().selected,t=W(2);O(4),q(t.prettyText(e.args))}}function fK(e,t){if(e&1&&(I(0,`dt`),K(1,`Payload`),L(),I(2,`dd`)(3,`pre`,121),K(4),L()()),e&2){let e=W().selected,t=W(2);O(4),q(t.prettyText(e.payload))}}function pK(e,t){if(e&1&&(I(0,`pre`,121),K(1),L()),e&2){let e=W(),t=W(3);O(),q(t.prettyText(e.payload))}}function mK(e,t){if(e&1&&(I(0,`dt`),K(1,`Caused by event`),L(),I(2,`dd`)(3,`code`,122),K(4),L(),j(5,pK,2,1,`pre`,121),L()),e&2){let e=t;O(4),q(e.type),O(),M(e.payload===void 0?-1:5)}}function hK(e,t){if(e&1&&(j(0,uK,5,1),j(1,dK,5,1),j(2,fK,5,1),j(3,mK,6,2)),e&2){let e,n=t.selected;M(n.action===void 0?-1:0),O(),M(n.args?.length?1:-1),O(),M(n.source===`event`&&n.payload!==void 0?2:-1),O(),M((e=n.causedByEvent)?3:-1,e)}}function gK(e,t){if(e&1){let e=V();I(0,`button`,126),H(`click`,function(){w(e);let t=W().selected;return T(W(2).copyDiff(t))}),K(1,` Copy `),L()}if(e&2){let e=W().selected;A(`aria-label`,`Copy the state diff of #`+e.seq)}}function _K(e,t){if(e&1&&(I(0,`code`,132),K(1),L()),e&2){let e=W().$implicit,t=W(4);O(),q(t.shortText(e.before))}}function vK(e,t){e&1&&(I(0,`span`,134),K(1,`→`),L(),I(2,`span`,135),K(3,`became`),L())}function yK(e,t){if(e&1&&(I(0,`code`,133),K(1),L()),e&2){let e=W().$implicit,t=W(4);O(),q(t.shortText(e.after))}}function bK(e,t){if(e&1&&(I(0,`li`)(1,`span`,129),K(2),L(),I(3,`code`,130),K(4),L(),I(5,`span`,131),j(6,_K,2,1,`code`,132),j(7,vK,4,0),j(8,yK,2,1,`code`,133),L()()),e&2){let e=t.$implicit,n=W(4);x_(`diff-row `+e.op),O(2),q(n.opLabel(e.op)),O(2),q(e.path),O(2),M(e.op===`add`?-1:6),O(),M(e.op===`change`?7:-1),O(),M(e.op===`remove`?-1:8)}}function xK(e,t){if(e&1&&(I(0,`p`,75),K(1),L()),e&2){let e=W(2).selected,t=W(2);O(),q(t.moreChanges(e.diffTruncated))}}function SK(e,t){if(e&1&&(I(0,`ul`,127),N(1,bK,9,7,`li`,128,nG),L(),j(3,xK,2,1,`p`,75)),e&2){let e=W().selected;O(),P(e.diff),O(2),M(e.diffTruncated?3:-1)}}function CK(e,t){e&1&&(I(0,`p`,75),K(1,`The state did not change.`),L())}function wK(e,t){if(e&1&&(I(0,`div`,123)(1,`div`,124),K(2,`State diff`),L(),j(3,gK,2,1,`button`,125),L(),j(4,SK,4,1)(5,CK,2,0,`p`,75)),e&2){let e=t.selected,n=W().headingLevel;O(),A(`aria-level`,n+1),O(2),M(e.diff.length?3:-1),O(),M(e.diff.length?4:5)}}function TK(e,t){if(e&1&&(I(0,`dl`,136),Ng(1,96),L()),e&2){let e=W(2).selected,t=$g(12);O(),F(`ngTemplateOutlet`,t)(`ngTemplateOutletContext`,rv(2,XW,e))}}function EK(e,t){if(e&1&&(j(0,TK,2,4,`dl`,136),Ng(1,96)),e&2){let e=W().selected,t=$g(14);M(e.action===void 0?-1:0),O(),F(`ngTemplateOutlet`,t)(`ngTemplateOutletContext`,rv(3,XW,e))}}function DK(e,t){if(e&1&&(I(0,`dl`,74),Ng(1,96),L()),e&2){let e=W(2).selected,t=$g(12);O(),F(`ngTemplateOutlet`,t)(`ngTemplateOutletContext`,rv(2,XW,e))}}function OK(e,t){e&1&&(I(0,`p`,75),K(1,` No action or arguments: a restore, or a patchState write outside a method. `),L())}function kK(e,t){if(e&1&&(I(0,`app-entry-tabs`,118)(1,`div`,137),j(2,DK,2,4,`dl`,74)(3,OK,2,0,`p`,75),L(),I(4,`div`,138),Ng(5,96),L()()),e&2){let e=W(),t=e.selected,n=e.idPrefix,r=$g(14),i=W();F(`idPrefix`,n+`-`+t.seq)(`seq`,t.seq)(`diffTruncated`,t.diffTruncated)(`loader`,i.loadEntry),O(2),M(t.action!==void 0||t.args?.length||t.causedByEvent?2:3),O(3),F(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,rv(7,XW,t))}}function AK(e,t){if(e&1&&K(0),e&2){let e=W(2).selected;J(` 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 jK(e,t){if(e&1&&K(0),e&2){let e=W(3).selected;Y(` 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 MK(e,t){if(e&1&&K(0),e&2){let e=W(3).selected;J(` 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 NK(e,t){if(e&1&&j(0,jK,1,2)(1,MK,1,1),e&2){let e;M((e=W(3).store())?0:1,e)}}function PK(e,t){if(e&1){let e=V();I(0,`div`,139),H(`keydown.escape`,function(t){return w(e),T(W(2).cancelRestore(t))}),I(1,`p`,140),j(2,AK,1,1)(3,NK,2,1),L(),I(4,`div`,105)(5,`button`,70),H(`click`,function(){w(e);let t=W().selected;return T(W().restore(t.seq,t.source===`store`))}),K(6,` Restore `),L(),I(7,`button`,38,9),H(`click`,function(){return w(e),T(W(2).cancelRestore())}),K(9,` Cancel `),L()()()}if(e&2){let e=W(),t=e.selected,n=e.idPrefix,r=W();A(`aria-labelledby`,n+`-confirm-text`),O(),F(`id`,n+`-confirm-text`),O(),M(t.source===`store`?2:3),O(3),F(`disabled`,r.busy())}}function FK(e,t){if(e&1){let e=V();I(0,`button`,145,10),H(`click`,function(){w(e);let t=W(2).selected;return T(W().askRestore(t.seq))}),K(2,` Restore this state `),L()}if(e&2){let e=W(2).idPrefix,t=W();F(`disabled`,!t.canRestore()),A(`aria-describedby`,t.canRestore()?null:e+`-writes-off`)}}function IK(e,t){if(e&1){let e=V();I(0,`button`,146),H(`click`,function(){w(e);let t=W(2).selected;return T(W().dispatchAgain(t.seq))}),K(1,` Dispatch again `),L()}if(e&2){let e=W(2).idPrefix,t=W();F(`disabled`,t.busy()||!t.canRestore()),A(`aria-describedby`,t.canRestore()?null:e+`-writes-off`)}}function LK(e,t){if(e&1&&(I(0,`p`,144),K(1),L()),e&2){let e=W(2).idPrefix,t=W();F(`id`,e+`-writes-off`),O(),q(t.restoreOff)}}function RK(e,t){if(e&1&&(I(0,`div`,141),j(1,FK,3,2,`button`,142),j(2,IK,2,2,`button`,143),L(),j(3,LK,2,2,`p`,144)),e&2){let e=W().selected,t=W();O(),M(e.restorable?1:-1),O(),M(t.canAgain(e)?2:-1),O(),M(t.canRestore()?-1:3)}}function zK(e,t){e&1&&(I(0,`p`,120),K(1,` This store reports through its Redux DevTools integration, which the panel reads but does not write to, so its state cannot be restored from here. `),L())}function BK(e,t){e&1&&(K(0,` Store DevTools no longer holds this action, so this state cannot be restored. It was dropped past `),I(1,`code`),K(2,`maxAge`),L(),K(3,`, or the Store DevTools history was committed, reset or imported. `))}function VK(e,t){e&1&&(K(0,` Store DevTools never recorded this action, so this state cannot be restored. An `),I(1,`code`),K(2,`actionsBlocklist`),L(),K(3,`, `),I(4,`code`),K(5,`actionsSafelist`),L(),K(6,` or `),I(7,`code`),K(8,`predicate`),L(),K(9,` option filtered it out, or recording was paused. `))}function HK(e,t){e&1&&(K(0,` Time travel for @ngrx/store needs `),I(1,`code`),K(2,`provideStoreDevtools()`),L(),K(3,`. Without it, entries cannot be restored. `))}function UK(e,t){if(e&1&&(I(0,`p`,120),j(1,BK,4,0)(2,VK,10,0)(3,HK,4,0),L()),e&2){let e=W().selected;O(),M(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function WK(e,t){if(e&1&&(I(0,`section`,116)(1,`div`,117),K(2),L(),I(3,`dl`,74)(4,`dt`),K(5,`Time`),L(),I(6,`dd`),K(7),L(),j(8,sK,4,1),j(9,cK,4,1),j(10,lK,1,4,`ng-container`,96),L(),Yh(11,hK,4,4,`ng-template`,null,7,fv)(13,wK,6,3,`ng-template`,null,8,fv),j(15,EK,2,5)(16,kK,6,9,`app-entry-tabs`,118),j(17,PK,10,4,`div`,119),j(18,RK,4,3),j(19,zK,2,0,`p`,120),j(20,UK,4,1,`p`,120),L()),e&2){let e=t.selected,n=t.headingLevel,r=t.idPrefix,i=W();A(`aria-labelledby`,r+`-entry-heading`),O(),F(`id`,r+`-entry-heading`),A(`aria-level`,n),O(),Y(` #`,e.seq,` `,e.type,` `),O(5),q(i.formatTime(e.timestamp)),O(),M(e.origin?8:-1),O(),M(e.durationMs===void 0?-1:9),O(),M(e.source===`event`?10:-1),O(5),M(e.source===`redux`?15:e.source===`event`?-1:16),O(2),M(e.restorable&&i.confirmSeq()===e.seq?17:-1),O(),M(i.confirmSeq()!==e.seq&&(e.restorable||i.canAgain(e))?18:-1),O(),M(e.source===`redux`?19:-1),O(),M(!e.restorable&&e.source===`store`?20:-1)}}function GK(e,t){if(e&1&&(I(0,`span`,23),K(1),L()),e&2){let e=W();O(),q(e.sourceEntries().length)}}function KK(e,t){e&1&&(I(0,`div`,32),R(1,`span`,147),I(2,`p`,36),K(3,`Scanning source for NgRx declarations…`),L()())}function qK(e,t){e&1&&(I(0,`div`,33)(1,`p`,36),K(2,`No NgRx declarations found in source.`),L(),I(3,`p`,37),K(4,` The scan looks for `),I(5,`code`),K(6,`signalStore`),L(),K(7,`, `),I(8,`code`),K(9,`signalState`),L(),K(10,`, `),I(11,`code`),K(12,`signalMethod`),L(),K(13,`, `),I(14,`code`),K(15,`createAction`),L(),K(16,`, `),I(17,`code`),K(18,`createReducer`),L(),K(19,`, `),I(20,`code`),K(21,`createEffect`),L(),K(22,`, `),I(23,`code`),K(24,`createSelector`),L(),K(25,` and `),I(26,`code`),K(27,`createFeature`),L(),K(28,`. `),L()())}function JK(e,t){if(e&1){let e=V();I(0,`button`,149),H(`click`,function(){let t=w(e).$implicit,n=W(2);return T(n.kind.set(n.kind()===t.kind?null:t.kind))}),R(1,`span`,45),I(2,`span`,154),K(3),L(),I(4,`span`,150),K(5),L()()}if(e&2){let e=t.$implicit,n=W(2);G(`active`,n.kind()===e.kind),A(`aria-pressed`,n.kind()===e.kind),O(),b_(`background`,n.kindColor(e.kind)),O(2),q(n.kindLabel(e.kind)),O(2),q(e.count)}}function YK(e,t){if(e&1&&(I(0,`p`,159),K(1),L()),e&2){let e=W().$implicit;O(),q(e.detail)}}function XK(e,t){if(e&1&&(I(0,`li`,153)(1,`div`,155),R(2,`span`,45),I(3,`span`,156),K(4),L(),I(5,`span`,50),K(6),L()(),I(7,`div`,157),R(8,`app-source-link`,158),L(),j(9,YK,2,1,`p`,159),L()),e&2){let e=t.$implicit,n=W(2);O(2),b_(`background`,n.kindColor(e.kind)),O(2),q(e.name),O(2),q(n.kindLabel(e.kind)),O(2),F(`file`,e.file)(`line`,e.line),O(),M(e.detail?9:-1)}}function ZK(e,t){if(e&1){let e=V();I(0,`li`)(1,`div`,32)(2,`p`,36),K(3,`No declarations match.`),L(),I(4,`button`,38),H(`click`,function(){return w(e),T(W(2).clearFilters())}),K(5,`Clear filters`),L()()()}}function QK(e,t){if(e&1){let e=V();I(0,`div`,148)(1,`button`,149),H(`click`,function(){return w(e),T(W().kind.set(null))}),K(2,` All `),I(3,`span`,150),K(4),L()(),N(5,JK,6,7,`button`,151,rG),L(),I(7,`ul`,152),N(8,XK,10,7,`li`,153,iG,!1,ZK,6,0,`li`),L()}if(e&2){let e=W();O(),G(`active`,!e.kind()),A(`aria-pressed`,!e.kind()),O(3),q(e.sourceEntries().length),O(),P(e.groupedEntries()),O(3),P(e.filteredEntries())}}var $K={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)`,redux:`#38bdf8`},eq={"signal-store":`signalStore`,"signal-state":`signalState`,"signal-method":`signalMethod`,"store-setup":`store setup`,store:`@ngrx/store`,event:`event`,redux:`Redux DevTools`},tq={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function nq(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 rq=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),iq=class e{rpc=$(null);canRestore=X(()=>hE(this.rpc(),`ngrx`));restoreOff=DT(`ngrx`);filter=D(``);kind=D(null);sourceEntries=D([]);sourceLoaded=D(!1);pages=D([]);reduxPages=D([]);allPages=X(()=>{let e=this.pages(),t=new Set(e.map(e=>e.pageId)),n=this.reduxPages().filter(e=>!t.has(e.pageId)).map(e=>({pageId:e.pageId,url:e.url,title:e.title,stores:[],classic:null,log:[],reportedAt:e.reportedAt}));return[...e,...n]});failed=D(!1);stateLoaded=D(!1);selectedPageId=D(null);hostPageId=GT();angularPages=TD(()=>this.rpc());angularPage=X(()=>ED(this.angularPages(),this.page()?.pageId??this.hostPageId));maxLog=X(()=>fE(this.rpc()).limits.changeLog);selectedStoreId=D(null);focusEventSeq=D(null);eventDetailHeading=Ev(`eventDetailHeading`);busy=D(!1);focusLatest=D(!1);focusConfirm=D(null);cancelButton=Ev(`cancelButton`);restoreButton=Ev(`restoreButton`);stateTree=Ev(`stateTree`);filterInput=Ev(`filterInput`);latestButton=Ev(`latestButton`);message=D(``);destroyRef=C(Ns);unsubscribe=null;unsubscribeOthers=null;page=X(()=>{let e=this.allPages();return e.find(e=>e.pageId===this.selectedPageId())??e.find(e=>e.pageId===this.hostPageId)??e[0]??null});pageConnected=X(()=>!!this.page()||!!this.angularPage());reduxPage=X(()=>this.reduxPages().find(e=>e.pageId===this.page()?.pageId)??null);logKey=X(()=>{let e=this.page(),t=this.store();return t?.redux?{pageId:`${e?.pageId}/${t.id}`,log:RW(this.reduxPage(),t.id)}:{pageId:e?.pageId??null,log:e?.log??[]}});logSession=Q({source:this.logKey,computation:(e,t)=>t?BU(t.source,e)?t.value:t.value+1:0});selectedChangeSeq=Q({source:this.logSession,computation:()=>null});selectedEventSeq=Q({source:this.logSession,computation:()=>null});confirmSeq=Q({source:this.logSession,computation:()=>null});pageOptions=X(()=>this.allPages().map(e=>({value:e.pageId,label:e.title||e.url,hint:e.url})));liveStores=X(()=>{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.push(...LW(this.reduxPage())),t});filteredStores=X(()=>{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.logOf(t).some(t=>t.type.toLowerCase().includes(e))):this.liveStores()});store=X(()=>{let e=this.liveStores();return e.find(e=>e.id===this.selectedStoreId())??e[0]??null});stateText=X(()=>{let e=this.store();return e?GU(e.signal?e.signal.state:e.redux?e.redux.state:e.classic?.state):``});computedEntries=X(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:KU(t,160),full:GU(t)})));storeLog=X(()=>{let e=this.store(),t=this.filter().trim().toLowerCase();return(e?this.logOf(e):[]).filter(e=>!t||e.type.toLowerCase().includes(t)||this.storeMatches(t)).reverse()});sessionEntries=X(()=>{let e=this.store();return!e||e.redux?[]:(this.page()?.log??[]).filter(t=>t.storeId===e.id&&t.source!==`event`)});loadEntry=async e=>{let t=this.page()?.pageId;return t?await XT(this.rpc(),`request-ngrx-history`,{pageId:t,request:{type:`entry`,seq:e}})??{error:`The devtools server is not connected.`}:{error:`No live page to read from.`}};logOf(e){return e.redux?RW(this.reduxPage(),e.id):(this.page()?.log??[]).filter(t=>t.storeId===e.id)}hasEvents=X(()=>(this.page()?.log??[]).some(e=>e.source===`event`));pageEvents=X(()=>{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 TN({count:X(()=>this.storeLog().length),estimate:56});shownLog=X(()=>aq(this.storeLog(),this.logWindow));eventWindow=new TN({count:X(()=>this.pageEvents().length),estimate:36});shownEvents=X(()=>aq(this.pageEvents(),this.eventWindow));logList=Ev(`logList`);eventsList=Ev(`eventsList`);changeEntry=X(()=>{let e=this.selectedChangeSeq();return e===null?null:this.storeLog().find(t=>t.seq===e)??null});eventEntry=X(()=>{let e=this.selectedEventSeq();return e===null?null:this.pageEvents().find(t=>t.seq===e)??null});dispatchType=D(``);dispatchPayload=D(``);actionTypes=X(()=>{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=X(()=>nq(this.dispatchPayload()).error??``);dispatchRequest=X(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=nq(this.dispatchPayload());return!e||n?null:{type:`dispatch`,action:e,...t?{payload:t}:{}}});usesSignals=X(()=>this.sourceEntries().some(e=>e.kind===`signal-store`||e.kind===`signal-state`));usesClassic=X(()=>this.sourceEntries().some(e=>rq.has(e.kind)));filteredEntries=X(()=>{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=X(()=>{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(){bc(()=>{let e=this.logList()?.nativeElement;e&&this.logWindow.attach(e)}),bc(()=>{let e=this.eventsList()?.nativeElement;e&&this.eventWindow.attach(e)}),bc(()=>{let e=this.rpc();e&&this.load(e)}),Nv(()=>{let e=this.latestButton();e&&this.focusLatest()&&!this.busy()&&(this.focusLatest.set(!1),e.nativeElement.focus())}),bc(()=>{let e=this.focusConfirm(),t=e===`cancel`?this.cancelButton():this.restoreButton();e&&t&&(this.focusConfirm.set(null),t.nativeElement.focus())}),Nv(()=>{let e=this.focusEventSeq(),t=this.eventDetailHeading();e!==null&&t&&(this.focusEventSeq.set(null),t.nativeElement.focus())}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),this.unsubscribeOthers?.()})}storeMatches(e){let t=this.store();return!!t&&t.label.toLowerCase().includes(e)}async load(e){this.failed.set(!1),XT(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)}try{let t=await e.scope(`pangular`).rpc.sharedState(`redux-stores`);if(this.destroyRef.destroyed)return;let n=e=>this.reduxPages.set(IW(e));n(t.value()),this.unsubscribeOthers?.(),this.unsubscribeOthers=t.on(`updated`,n)}catch{this.reduxPages.set([])}}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 XT(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 XT(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 XT(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()}countText(e){let t=this.changeCount(e.id);return`${t} ${e.redux?t===1?`action`:`actions`:t===1?`change`:`changes`}`}changeCount(e){let t=this.liveStores().find(t=>t.id===e);return t?this.logOf(t).length:0}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 $K[e]??`var(--text-3)`}kindLabel(e){return eq[e]??e}originText(e){return tq[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=pO;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=k({type:e,selectors:[[`app-store-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.eventDetailHeading,zW,5)(t.cancelButton,BW,5)(t.restoreButton,VW,5)(t.stateTree,HW,5)(t.filterInput,UW,5)(t.latestButton,WW,5)(t.logList,GW,5)(t.eventsList,KW,5),e&2&&Qg(8)},inputs:{rpc:[1,`rpc`]},decls:36,vars:11,consts:[[`filterInput`,``],[`entryDetailTpl`,``],[`stateTree`,``],[`logList`,``],[`latestButton`,``],[`eventsList`,``],[`eventDetailHeading`,``],[`actionRowsTpl`,``],[`diffTpl`,``],[`cancelButton`,``],[`restoreButton`,``],[1,`page-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 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`],[3,`rpc`,`pageId`,`storeId`,`entries`],[`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`],[3,`idPrefix`,`seq`,`diffTruncated`,`loader`],[`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`],[1,`kv`,`redux-action`],[`tab-action`,``],[`tab-diff`,``],[`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&&(I(0,`p`,11),K(1,` NgRx signal stores and @ngrx/store state from the live page, with every change, plus NGXS, Elf and MiniRx stores. Source declarations lists the stores your files declare. `),L(),I(2,`div`,12)(3,`div`,13),E(),I(4,`svg`,14),R(5,`circle`,15)(6,`path`,16),L(),Cs(),I(7,`input`,17,0),H(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),L()(),j(9,aG,3,2),I(10,`span`,18),R(11,`span`,19),K(12),L()(),I(13,`section`,20)(14,`div`,21)(15,`h2`,22),K(16,`Live stores`),L(),j(17,oG,2,1,`span`,23),L(),j(18,sG,7,0,`div`,24)(19,cG,3,0,`div`,25)(20,lG,5,0,`div`,26)(21,pG,6,2)(22,tK,6,2,`div`,27),I(23,`p`,28),K(24),L()(),j(25,oK,14,8,`section`,29),Yh(26,WK,21,14,`ng-template`,null,1,fv),I(28,`section`,30)(29,`div`,21)(30,`h2`,31),K(31,`Source declarations`),L(),j(32,GK,2,1,`span`,23),L(),j(33,KK,4,0,`div`,32)(34,qK,29,0,`div`,33)(35,QK,11,5),L()),e&2&&(O(7),F(`value`,t.filter()),O(2),M(t.allPages().length>1?9:-1),O(),G(`on`,t.pageConnected()),O(2),J(` `,t.stateLoaded()?t.pageConnected()?`Live`:`No page connected`:`Loading…`,` `),O(5),M(t.liveStores().length?17:-1),O(),M(t.failed()?18:t.stateLoaded()?t.page()?t.liveStores().length?22:21:20:19),O(6),q(t.message()),O(),M(t.hasEvents()?25:-1),O(7),M(t.sourceEntries().length?32:-1),O(),M(t.sourceLoaded()?t.sourceEntries().length===0?34:35:33))},dependencies:[AD,yO,hz,UD,py,Aj,NM,pW,NW],styles:[`.page-intro[_ngcontent-%COMP%] {
+}`]})},GW=`redux:`;function KW(e){let t=e;return!!t&&typeof t.id==`string`&&typeof t.name==`string`&&typeof t.library==`string`}function qW(e){let t=e?.pages;return!t||typeof t!=`object`||Array.isArray(t)?[]:Object.values(t).filter(e=>{let t=e;return!!t&&typeof t.pageId==`string`&&Array.isArray(t.stores)&&t.stores.every(KW)&&Array.isArray(t.log)}).sort((e,t)=>t.reportedAt-e.reportedAt)}function JW(e){return(e?.stores??[]).map(e=>({id:GW+e.id,label:e.name,kind:`redux`,scope:e.library,redux:e}))}function YW(e,t){if(!e||!t?.startsWith(`redux:`))return[];let n=t.slice(6);return e.log.filter(e=>e.storeId===n).map(e=>({seq:e.seq,source:`redux`,storeId:t,type:e.type,...e.action===void 0?{}:{action:e.action},timestamp:e.timestamp,diff:e.diff,restorable:!1,...e.diffTruncated?{diffTruncated:e.diffTruncated}:{}}))}var XW=[`eventDetailHeading`],ZW=[`cancelButton`],QW=[`restoreButton`],$W=[`stateTree`],eG=[`filterInput`],tG=[`latestButton`],nG=[`logList`],rG=[`eventsList`],iG=e=>({kind:`ngrx`,storeId:e}),aG=e=>({selected:e,headingLevel:5,idPrefix:`ngrx-change`}),oG=e=>({selected:e,headingLevel:3,idPrefix:`ngrx-event`}),sG=e=>({selected:e}),cG=(e,t)=>t.id,lG=(e,t)=>t.entry.seq,uG=(e,t)=>t.key,dG=(e,t)=>t.name,fG=(e,t)=>t.idsKey,pG=(e,t)=>t.path,mG=(e,t)=>t.kind,hG=(e,t)=>t.name+t.file+t.line;function gG(e,t){if(e&1){let e=V();I(0,`span`,34),K(1,`Page`),L(),I(2,`app-select`,35),H(`valueChange`,function(t){return w(e),T(W().selectPage(t))}),L()}if(e&2){let e=W();O(2),F(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function _G(e,t){if(e&1&&(I(0,`span`,23),K(1),L()),e&2){let e=W();O(),q(e.liveStores().length)}}function vG(e,t){if(e&1){let e=V();I(0,`div`,24)(1,`p`,36),K(2,`Could not load the live store state.`),L(),I(3,`p`,37),K(4,`Check that the dev server with Pangular Inspector is still running.`),L(),I(5,`button`,38),H(`click`,function(){return w(e),T(W().retry())}),K(6,`Retry`),L()()}}function yG(e,t){e&1&&(I(0,`div`,25)(1,`p`,36),K(2,`Loading…`),L()())}function bG(e,t){e&1&&(I(0,`div`,26)(1,`p`,36),K(2,`No page is reporting store state yet.`),L(),I(3,`p`,37),K(4,` Open the app in a browser. Stores show up here as soon as the page creates them. `),L()())}function xG(e,t){e&1&&(I(0,`p`,36),K(1,`No signal store instance on this page yet.`),L(),I(2,`p`,37),K(3,` A `),I(4,`code`),K(5,`signalStore`),L(),K(6,` is created the first time something injects it. Navigate to a page that uses the store and it appears here. `),L())}function SG(e,t){e&1&&(I(0,`p`,36),K(1,`The @ngrx/store Store was not found on this page.`),L(),I(2,`p`,37),K(3,` Check that `),I(4,`code`),K(5,`provideStore()`),L(),K(6,` or `),I(7,`code`),K(8,`StoreModule.forRoot()`),L(),K(9,` is part of the providers of the running app. `),L())}function CG(e,t){e&1&&(I(0,`p`,36),K(1,`This page has no store.`),L(),I(2,`p`,37),K(3,` Stores from `),I(4,`code`),K(5,`@ngrx/signals`),L(),K(6,` (`),I(7,`code`),K(8,`signalStore`),L(),K(9,`, `),I(10,`code`),K(11,`signalState`),L(),K(12,`) and `),I(13,`code`),K(14,`@ngrx/store`),L(),K(15,` are listed here once the app creates them. NGXS, Elf and MiniRx stores show up through their Redux DevTools integration when the app loads `),I(16,`code`),K(17,`@pangular-inspector/devtools/store-hook`),L(),K(18,` first. `),L())}function wG(e,t){if(e&1&&(I(0,`app-angular-unavailable`,39),K(1,` The overlay finds stores through the injectors, so stores it can't reach from a component are not listed. `),L(),I(2,`div`,26),j(3,xG,7,0)(4,SG,10,0)(5,CG,19,0),L()),e&2){let e=W();F(`page`,e.angularPage()),O(3),M(e.usesSignals()?3:e.usesClassic()?4:5)}}function TG(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,43),H(`click`,function(){let t=w(e).$implicit;return T(W(2).selectStore(t.id))}),I(2,`span`,44),R(3,`span`,45),I(4,`span`,46),K(5),L()(),I(6,`span`,47),K(7),L()()()}if(e&2){let e=t.$implicit,n=W(2);O(),G(`selected`,e.id===n.store()?.id),A(`aria-pressed`,e.id===n.store()?.id),O(2),b_(`background`,n.kindColor(e.kind)),O(2),q(e.label),O(2),R_(` `,n.kindLabel(e.kind),` · `,e.scope,` · `,n.countText(e),` `)}}function EG(e,t){e&1&&(I(0,`li`,41),K(1,`No stores match this filter.`),L())}function DG(e,t){e&1&&(I(0,`span`,50),K(1),L()),e&2&&(O(),q(t.library))}function OG(e,t){if(e&1&&(I(0,`span`,50),K(1),L()),e&2){let e=W();O(),J(`scope: `,e.scope)}}function kG(e,t){e&1&&R(0,`app-source-link`,51),e&2&&F(`file`,t)}function AG(e,t){if(e&1&&(I(0,`span`,50),K(1),L()),e&2){let e=W();O(),q(e.classic.devtools?`Store DevTools on`:`Store DevTools off`)}}function jG(e,t){if(e&1&&(I(0,`code`),K(1),L(),K(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;O(),q(e),O(),J(``,n===r-1?``:`, `,` `)}}function MG(e,t){if(e&1&&(I(0,`p`,52),K(1,` Referenced by `),N(2,jG,3,2,null,null,vg),L()),e&2){let e=W();O(2),P(e.signal.references)}}function NG(e,t){if(e&1&&(I(0,`p`,71),K(1),L()),e&2){let e=W(4);O(),q(e.restoreOff)}}function PG(e,t){if(e&1){let e=V();I(0,`div`,53)(1,`p`)(2,`strong`),K(3,`Viewing a past state.`),L(),K(4,` New actions are logged but do not change the state until you go back to the latest state. `),L(),I(5,`button`,70,4),H(`click`,function(){return w(e),T(W(3).backToLatest())}),K(7,` Back to latest `),L(),j(8,NG,2,1,`p`,71),L()}if(e&2){let e=W(3);O(5),F(`disabled`,e.busy()||!e.canRestore()),A(`aria-describedby`,e.canRestore()?null:`store-latest-off`),O(3),M(e.canRestore()?-1:8)}}function FG(e,t){if(e&1&&R(0,`app-store-global`,59),e&2){let e=W(),t=W(2);F(`rpc`,t.rpc())(`pageId`,t.page()?.pageId)(`target`,rv(4,iG,e.id))(`label`,e.label+` state`)}}function IG(e,t){if(e&1&&(I(0,`dt`),K(1),L(),I(2,`dd`)(3,`code`,79),K(4),L()()),e&2){let e=t.$implicit;O(),q(e.key),O(2),F(`title`,e.full),O(),q(e.value)}}function LG(e,t){if(e&1&&(I(0,`dl`,74),N(1,IG,5,3,null,null,uG),L()),e&2){let e=W(4);O(),P(e.computedEntries())}}function RG(e,t){e&1&&(I(0,`p`,75),K(1,`No computed signals.`),L())}function zG(e,t){e&1&&(I(0,`span`,81),K(1,`signalMethod`),L())}function BG(e,t){e&1&&(I(0,`span`,81),K(1,`rxMethod`),L())}function VG(e,t){if(e&1&&(I(0,`li`,80),K(1),j(2,zG,2,0,`span`,81)(3,BG,2,0,`span`,81),I(4,`span`,82),K(5),L()()),e&2){let e=t.$implicit,n=W(5);O(),J(` `,e.name,` `),O(),M(e.signalMethod?2:e.rx?3:-1),O(3),R_(``,e.calls,` `,e.calls===1?`call`:`calls`,``,n.methodDuration(e))}}function HG(e,t){if(e&1&&(I(0,`ul`,77),N(1,VG,6,5,`li`,80,dG),L()),e&2){let e=W();O(),P(e.methods)}}function UG(e,t){e&1&&(I(0,`p`,75),K(1,`No methods.`),L())}function WG(e,t){if(e&1&&(I(0,`li`,80),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function GG(e,t){if(e&1&&(I(0,`li`,89),K(1),L()),e&2){let e=W().$implicit;F(`title`,W(5).entityOverflowTitle(e.ids,e.count)),O(),J(` +`,e.count-30,` more `)}}function KG(e,t){if(e&1&&(I(0,`code`,79),K(1),L()),e&2){let e=W(2).$implicit,t=W(5);F(`title`,t.prettyText(e.selected)),O(),q(t.shortText(e.selected))}}function qG(e,t){e&1&&(I(0,`span`,75),K(1,`None selected`),L())}function JG(e,t){if(e&1&&(I(0,`dl`,74)(1,`dt`),K(2,`Selected`),L(),I(3,`dd`),j(4,KG,2,2,`code`,79)(5,qG,2,0,`span`,75),L()()),e&2){let e=W().$implicit;O(4),M(e.selected===void 0?5:4)}}function YG(e,t){if(e&1&&(I(0,`div`,85)(1,`div`,86)(2,`span`,80),K(3),L(),I(4,`span`,87),K(5),L()(),I(6,`ul`,88),N(7,WG,2,1,`li`,80,vg),j(9,GG,2,2,`li`,89),L(),j(10,JG,6,1,`dl`,74),L()),e&2){let e=t.$implicit,n=W(5);O(3),q(e.collection??`entities`),O(2),Y(``,e.count,` `,e.count===1?`entity`:`entities`),O(),A(`aria-label`,(e.collection??`entities`)+` ids`),O(),P(n.entityIds(e.ids)),O(2),M(e.count>30?9:-1),O(),M(e.selectedId===void 0?-1:10)}}function XG(e,t){if(e&1&&(I(0,`section`,78)(1,`h4`,83),K(2,`Entities`),L(),I(3,`div`,84),N(4,YG,11,6,`div`,85,fG),L()()),e&2){let e=W();O(4),P(e.entities)}}function ZG(e,t){if(e&1&&(I(0,`section`,72)(1,`h4`,73),K(2,`Computed`),L(),j(3,LG,3,0,`dl`,74)(4,RG,2,0,`p`,75),I(5,`h4`,76),K(6,`Methods`),L(),j(7,HG,3,0,`ul`,77)(8,UG,2,0,`p`,75),L(),j(9,XG,6,0,`section`,78)),e&2){let e=t,n=W(3);O(3),M(n.computedEntries().length?3:4),O(4),M(e.methods.length?7:8),O(2),M(e.entities?.length?9:-1)}}function QG(e,t){if(e&1&&(I(0,`span`,94),K(1),L()),e&2){let e=t;F(`title`,`Caused by `+W(4).kindLabel(`event`)+`: `+e.type),O(),q(e.type)}}function $G(e,t){if(e&1&&(I(0,`span`,81),K(1),L()),e&2){W();let e=q_(0);O(),q(e.origin)}}function eK(e,t){if(e&1&&K(0),e&2){W();let e=q_(0);J(` · `,W(3).formatDuration(e.durationMs),` `)}}function tK(e,t){if(e&1){let e=V();G_(0),I(1,`li`)(2,`button`,90),H(`click`,function(){w(e);let t=q_(0);return T(W(3).selectChange(t.seq))}),I(3,`span`,91),K(4),L(),I(5,`span`,92)(6,`span`,93),K(7),L(),j(8,QG,2,2,`span`,94),L(),I(9,`span`,95),j(10,$G,2,1,`span`,81),K(11),j(12,eK,1,1),L()()()}if(e&2){let e,n=t.$implicit,r=W(3),i=K_(n.entry);O(),A(`data-vindex`,n.index)(`aria-setsize`,r.logWindow.enabled()?r.storeLog().length:null)(`aria-posinset`,r.logWindow.enabled()?n.index+1:null),O(),G(`selected`,i.seq===r.selectedChangeSeq()),A(`aria-pressed`,i.seq===r.selectedChangeSeq())(`aria-controls`,i.seq===r.selectedChangeSeq()?`ngrx-change-detail`:null),O(2),J(`#`,i.seq),O(2),F(`title`,i.type),O(),q(i.type),O(),M((e=i.causedByEvent)?8:-1,e),O(2),M(i.origin?10:-1),O(),Y(` `,r.changesLabel(i),` · `,r.formatTime(i.timestamp),` `),O(),M(i.durationMs===void 0?-1:12)}}function nK(e,t){e&1&&K(0,` No entries match this filter. `)}function rK(e,t){e&1&&K(0,` No actions dispatched since the page connected. `)}function iK(e,t){e&1&&K(0,` No state changes yet. Method calls and patchState writes that change the state are recorded here. `)}function aK(e,t){if(e&1&&(I(0,`li`,41),j(1,nK,1,0)(2,rK,1,0)(3,iK,1,0),L()),e&2){let e=W(),t=W(2);O(),M(t.filter()?1:e.classic||e.redux?2:3)}}function oK(e,t){if(e&1&&(I(0,`div`,67),Ng(1,96),L()),e&2){W(3);let e=$g(27);O(),F(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,rv(2,aG,t))}}function sK(e,t){if(e&1&&R(0,`app-store-session`,68),e&2){let e=W(),t=W(2);F(`rpc`,t.rpc())(`pageId`,t.page()?.pageId??null)(`storeId`,e.id)(`entries`,t.sessionEntries())}}function cK(e,t){if(e&1&&R(0,`option`,101),e&2){let e=t.$implicit;F(`value`,e)}}function lK(e,t){if(e&1&&(I(0,`p`,107),K(1),L()),e&2){let e=W(4);O(),q(e.restoreOff)}}function uK(e,t){if(e&1){let e=V();I(0,`section`,69)(1,`h4`,97),K(2,`Dispatch an action`),L(),I(3,`form`,98),H(`submit`,function(t){return w(e),T(W(3).dispatchAction(t))}),I(4,`label`)(5,`span`),K(6,`Type`),L(),I(7,`input`,99),H(`input`,function(t){return w(e),T(W(3).dispatchType.set(t.target.value))}),L()(),I(8,`datalist`,100),N(9,cK,1,1,`option`,101,vg),L(),I(11,`label`)(12,`span`),K(13,`Payload `),I(14,`span`,102),K(15,`(JSON object, optional)`),L()(),I(16,`textarea`,103),H(`input`,function(t){return w(e),T(W(3).dispatchPayload.set(t.target.value))}),L()(),I(17,`p`,104),K(18),L(),I(19,`div`,105)(20,`button`,106),K(21,` Dispatch `),L()(),j(22,lK,2,1,`p`,107),L()()}if(e&2){let e=W(3);O(7),F(`value`,e.dispatchType()),O(2),P(e.actionTypes()),O(7),F(`value`,e.dispatchPayload()),A(`aria-invalid`,e.payloadError()?`true`:null),O(2),q(e.payloadError()),O(2),F(`disabled`,e.busy()||!e.canRestore()||!e.dispatchRequest()),A(`aria-describedby`,e.canRestore()?null:`store-dispatch-off`),O(2),M(e.canRestore()?-1:22)}}function dK(e,t){if(e&1){let e=V();I(0,`div`,42)(1,`div`,48)(2,`h3`),K(3),L(),I(4,`div`,49)(5,`span`,50),K(6),L(),j(7,DG,2,1,`span`,50)(8,OG,2,1,`span`,50),j(9,kG,1,1,`app-source-link`,51),j(10,AG,2,1,`span`,50),L(),j(11,MG,4,0,`p`,52),L(),j(12,PG,9,3,`div`,53),I(13,`div`,54)(14,`section`,55)(15,`div`,56)(16,`h4`,57),K(17,`State`),L(),I(18,`div`,58),j(19,FG,1,6,`app-store-global`,59),I(20,`button`,60),H(`click`,function(){return w(e),T(W(2).copyState())}),K(21,` Copy `),L()()(),I(22,`pre`,61,2),K(24),L()(),j(25,ZG,10,3),L(),I(26,`section`,62)(27,`h4`,63),K(28),I(29,`span`,23),K(30),L()(),R(31,`app-limit-note`,64),I(32,`div`,65)(33,`ul`,66,3),N(35,tK,13,16,`li`,null,lG,!1,aK,4,1,`li`,41),L(),j(38,oK,2,4,`div`,67),L()(),j(39,sK,1,4,`app-store-session`,68),j(40,uK,23,7,`section`,69),L()}if(e&2){let e,n,r,i,a=t,o=W(2);O(3),q(a.label),O(3),q(o.kindLabel(a.kind)),O(),M((e=a.redux)?7:8,e),O(2),M((n=a.signal?.declaredIn)?9:-1,n),O(),M(a.classic?10:-1),O(),M(a.signal?.references?.length?11:-1),O(),M(a.classic?.paused?12:-1),O(7),M(a.redux?-1:19),O(5),q(o.stateText()),O(),M((r=a.signal)?25:-1,r),O(3),J(` `,a.classic||a.redux?`Action log`:`Change log`,` `),O(2),q(o.storeLog().length),O(),F(`dropped`,(a.redux?o.reduxPage()?.dropped:o.page()?.dropped)??0)(`max`,o.maxLog()),O(2),b_(`padding-top`,o.logWindow.enabled()?2+o.logWindow.padTop():null,`px`)(`padding-bottom`,o.logWindow.enabled()?2+o.logWindow.padBottom():null,`px`),F(`rovingWindow`,o.logWindow),A(`aria-label`,a.classic||a.redux?`Actions`:`Changes`),O(2),P(o.shownLog()),O(3),M((i=o.changeEntry())?38:-1,i),O(),M(a.redux?-1:39),O(),M(a.classic?40:-1)}}function fK(e,t){if(e&1&&(I(0,`div`,27)(1,`ul`,40),N(2,TG,8,9,`li`,null,cG,!1,EG,2,0,`li`,41),L(),j(5,dK,41,24,`div`,42),L()),e&2){let e,t=W();O(2),P(t.filteredStores()),O(3),M((e=t.store())?5:-1,e)}}function pK(e,t){if(e&1&&(I(0,`code`,114),K(1),L()),e&2){W();let e=q_(0),t=W(2);F(`title`,t.prettyText(e.payload)),O(),q(t.shortText(e.payload))}}function mK(e,t){if(e&1){let e=V();G_(0),I(1,`li`)(2,`button`,112),H(`click`,function(){w(e);let t=q_(0);return T(W(2).selectEvent(t.seq))}),R(3,`span`,45),I(4,`span`,113),K(5),L(),j(6,pK,2,2,`code`,114),I(7,`span`,115),K(8),L()()()}if(e&2){let e=t.$implicit,n=W(2),r=K_(e.entry);O(),A(`data-vindex`,e.index)(`aria-setsize`,n.eventWindow.enabled()?n.pageEvents().length:null)(`aria-posinset`,n.eventWindow.enabled()?e.index+1:null),O(),G(`selected`,r.seq===n.selectedEventSeq()),A(`aria-pressed`,r.seq===n.selectedEventSeq())(`aria-controls`,r.seq===n.selectedEventSeq()?`ngrx-event-detail`:null),O(),b_(`background`,n.kindColor(`event`)),O(),F(`title`,r.eventType??r.type),O(),q(r.eventType??r.type),O(),M(r.payload===void 0?-1:6),O(2),q(n.formatTime(r.timestamp))}}function hK(e,t){e&1&&(I(0,`li`,41),K(1,`No events match this filter.`),L())}function gK(e,t){if(e&1&&(I(0,`div`,111,6),Ng(2,96),L()),e&2){W(2);let e=$g(27);O(2),F(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,rv(2,oG,t))}}function _K(e,t){if(e&1&&(I(0,`section`,29)(1,`div`,21)(2,`h2`,108),K(3,`Events`),L(),I(4,`span`,23),K(5),L()(),I(6,`p`,109),K(7,` Events dispatched through @ngrx/signals/events, across every store on this page. `),L(),I(8,`ul`,110,5),N(10,mK,9,14,`li`,null,lG,!1,hK,2,0,`li`,41),L(),j(13,gK,3,4,`div`,111),L()),e&2){let e,t=W();O(5),q(t.pageEvents().length),O(3),b_(`padding-top`,t.eventWindow.enabled()?6+t.eventWindow.padTop():null,`px`)(`padding-bottom`,t.eventWindow.enabled()?6+t.eventWindow.padBottom():null,`px`),F(`rovingWindow`,t.eventWindow),O(2),P(t.shownEvents()),O(3),M((e=t.eventEntry())?13:-1,e)}}function vK(e,t){if(e&1&&(I(0,`dt`),K(1,`Origin`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().selected,t=W();O(3),q(t.originText(e.origin))}}function yK(e,t){if(e&1&&(I(0,`dt`),K(1,`Duration`),L(),I(2,`dd`),K(3),L()),e&2){let e=W().selected,t=W();O(3),q(t.formatDuration(e.durationMs))}}function bK(e,t){if(e&1&&Ng(0,96),e&2){let e=W().selected;F(`ngTemplateOutlet`,$g(12))(`ngTemplateOutletContext`,rv(2,sG,e))}}function xK(e,t){if(e&1&&(I(0,`dt`),K(1,`Action`),L(),I(2,`dd`)(3,`pre`,121),K(4),L()()),e&2){let e=W().selected,t=W(2);O(4),q(t.prettyText(e.action))}}function SK(e,t){if(e&1&&(I(0,`dt`),K(1,`Arguments`),L(),I(2,`dd`)(3,`pre`,121),K(4),L()()),e&2){let e=W().selected,t=W(2);O(4),q(t.prettyText(e.args))}}function CK(e,t){if(e&1&&(I(0,`dt`),K(1,`Payload`),L(),I(2,`dd`)(3,`pre`,121),K(4),L()()),e&2){let e=W().selected,t=W(2);O(4),q(t.prettyText(e.payload))}}function wK(e,t){if(e&1&&(I(0,`pre`,121),K(1),L()),e&2){let e=W(),t=W(3);O(),q(t.prettyText(e.payload))}}function TK(e,t){if(e&1&&(I(0,`dt`),K(1,`Caused by event`),L(),I(2,`dd`)(3,`code`,122),K(4),L(),j(5,wK,2,1,`pre`,121),L()),e&2){let e=t;O(4),q(e.type),O(),M(e.payload===void 0?-1:5)}}function EK(e,t){if(e&1&&(j(0,xK,5,1),j(1,SK,5,1),j(2,CK,5,1),j(3,TK,6,2)),e&2){let e,n=t.selected;M(n.action===void 0?-1:0),O(),M(n.args?.length?1:-1),O(),M(n.source===`event`&&n.payload!==void 0?2:-1),O(),M((e=n.causedByEvent)?3:-1,e)}}function DK(e,t){if(e&1){let e=V();I(0,`button`,126),H(`click`,function(){w(e);let t=W().selected;return T(W(2).copyDiff(t))}),K(1,` Copy `),L()}if(e&2){let e=W().selected;A(`aria-label`,`Copy the state diff of #`+e.seq)}}function OK(e,t){if(e&1&&(I(0,`code`,132),K(1),L()),e&2){let e=W().$implicit,t=W(4);O(),q(t.shortText(e.before))}}function kK(e,t){e&1&&(I(0,`span`,134),K(1,`→`),L(),I(2,`span`,135),K(3,`became`),L())}function AK(e,t){if(e&1&&(I(0,`code`,133),K(1),L()),e&2){let e=W().$implicit,t=W(4);O(),q(t.shortText(e.after))}}function jK(e,t){if(e&1&&(I(0,`li`)(1,`span`,129),K(2),L(),I(3,`code`,130),K(4),L(),I(5,`span`,131),j(6,OK,2,1,`code`,132),j(7,kK,4,0),j(8,AK,2,1,`code`,133),L()()),e&2){let e=t.$implicit,n=W(4);x_(`diff-row `+e.op),O(2),q(n.opLabel(e.op)),O(2),q(e.path),O(2),M(e.op===`add`?-1:6),O(),M(e.op===`change`?7:-1),O(),M(e.op===`remove`?-1:8)}}function MK(e,t){if(e&1&&(I(0,`p`,75),K(1),L()),e&2){let e=W(2).selected,t=W(2);O(),q(t.moreChanges(e.diffTruncated))}}function NK(e,t){if(e&1&&(I(0,`ul`,127),N(1,jK,9,7,`li`,128,pG),L(),j(3,MK,2,1,`p`,75)),e&2){let e=W().selected;O(),P(e.diff),O(2),M(e.diffTruncated?3:-1)}}function PK(e,t){e&1&&(I(0,`p`,75),K(1,`The state did not change.`),L())}function FK(e,t){if(e&1&&(I(0,`div`,123)(1,`div`,124),K(2,`State diff`),L(),j(3,DK,2,1,`button`,125),L(),j(4,NK,4,1)(5,PK,2,0,`p`,75)),e&2){let e=t.selected,n=W().headingLevel;O(),A(`aria-level`,n+1),O(2),M(e.diff.length?3:-1),O(),M(e.diff.length?4:5)}}function IK(e,t){if(e&1&&(I(0,`dl`,136),Ng(1,96),L()),e&2){let e=W(2).selected,t=$g(12);O(),F(`ngTemplateOutlet`,t)(`ngTemplateOutletContext`,rv(2,sG,e))}}function LK(e,t){if(e&1&&(j(0,IK,2,4,`dl`,136),Ng(1,96)),e&2){let e=W().selected,t=$g(14);M(e.action===void 0?-1:0),O(),F(`ngTemplateOutlet`,t)(`ngTemplateOutletContext`,rv(3,sG,e))}}function RK(e,t){if(e&1&&(I(0,`dl`,74),Ng(1,96),L()),e&2){let e=W(2).selected,t=$g(12);O(),F(`ngTemplateOutlet`,t)(`ngTemplateOutletContext`,rv(2,sG,e))}}function zK(e,t){e&1&&(I(0,`p`,75),K(1,` No action or arguments: a restore, or a patchState write outside a method. `),L())}function BK(e,t){if(e&1&&(I(0,`app-entry-tabs`,118)(1,`div`,137),j(2,RK,2,4,`dl`,74)(3,zK,2,0,`p`,75),L(),I(4,`div`,138),Ng(5,96),L()()),e&2){let e=W(),t=e.selected,n=e.idPrefix,r=$g(14),i=W();F(`idPrefix`,n+`-`+t.seq)(`seq`,t.seq)(`diffTruncated`,t.diffTruncated)(`loader`,i.loadEntry),O(2),M(t.action!==void 0||t.args?.length||t.causedByEvent?2:3),O(3),F(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,rv(7,sG,t))}}function VK(e,t){if(e&1&&K(0),e&2){let e=W(2).selected;J(` 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 HK(e,t){if(e&1&&K(0),e&2){let e=W(3).selected;Y(` 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 UK(e,t){if(e&1&&K(0),e&2){let e=W(3).selected;J(` 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 WK(e,t){if(e&1&&j(0,HK,1,2)(1,UK,1,1),e&2){let e;M((e=W(3).store())?0:1,e)}}function GK(e,t){if(e&1){let e=V();I(0,`div`,139),H(`keydown.escape`,function(t){return w(e),T(W(2).cancelRestore(t))}),I(1,`p`,140),j(2,VK,1,1)(3,WK,2,1),L(),I(4,`div`,105)(5,`button`,70),H(`click`,function(){w(e);let t=W().selected;return T(W().restore(t.seq,t.source===`store`))}),K(6,` Restore `),L(),I(7,`button`,38,9),H(`click`,function(){return w(e),T(W(2).cancelRestore())}),K(9,` Cancel `),L()()()}if(e&2){let e=W(),t=e.selected,n=e.idPrefix,r=W();A(`aria-labelledby`,n+`-confirm-text`),O(),F(`id`,n+`-confirm-text`),O(),M(t.source===`store`?2:3),O(3),F(`disabled`,r.busy())}}function KK(e,t){if(e&1){let e=V();I(0,`button`,145,10),H(`click`,function(){w(e);let t=W(2).selected;return T(W().askRestore(t.seq))}),K(2,` Restore this state `),L()}if(e&2){let e=W(2).idPrefix,t=W();F(`disabled`,!t.canRestore()),A(`aria-describedby`,t.canRestore()?null:e+`-writes-off`)}}function qK(e,t){if(e&1){let e=V();I(0,`button`,146),H(`click`,function(){w(e);let t=W(2).selected;return T(W().dispatchAgain(t.seq))}),K(1,` Dispatch again `),L()}if(e&2){let e=W(2).idPrefix,t=W();F(`disabled`,t.busy()||!t.canRestore()),A(`aria-describedby`,t.canRestore()?null:e+`-writes-off`)}}function JK(e,t){if(e&1&&(I(0,`p`,144),K(1),L()),e&2){let e=W(2).idPrefix,t=W();F(`id`,e+`-writes-off`),O(),q(t.restoreOff)}}function YK(e,t){if(e&1&&(I(0,`div`,141),j(1,KK,3,2,`button`,142),j(2,qK,2,2,`button`,143),L(),j(3,JK,2,2,`p`,144)),e&2){let e=W().selected,t=W();O(),M(e.restorable?1:-1),O(),M(t.canAgain(e)?2:-1),O(),M(t.canRestore()?-1:3)}}function XK(e,t){e&1&&(I(0,`p`,120),K(1,` This store reports through its Redux DevTools integration, which the panel reads but does not write to, so its state cannot be restored from here. `),L())}function ZK(e,t){e&1&&(K(0,` Store DevTools no longer holds this action, so this state cannot be restored. It was dropped past `),I(1,`code`),K(2,`maxAge`),L(),K(3,`, or the Store DevTools history was committed, reset or imported. `))}function QK(e,t){e&1&&(K(0,` Store DevTools never recorded this action, so this state cannot be restored. An `),I(1,`code`),K(2,`actionsBlocklist`),L(),K(3,`, `),I(4,`code`),K(5,`actionsSafelist`),L(),K(6,` or `),I(7,`code`),K(8,`predicate`),L(),K(9,` option filtered it out, or recording was paused. `))}function $K(e,t){e&1&&(K(0,` Time travel for @ngrx/store needs `),I(1,`code`),K(2,`provideStoreDevtools()`),L(),K(3,`. Without it, entries cannot be restored. `))}function eq(e,t){if(e&1&&(I(0,`p`,120),j(1,ZK,4,0)(2,QK,10,0)(3,$K,4,0),L()),e&2){let e=W().selected;O(),M(e.unrestorable===`dropped`?1:e.unrestorable===`not-recorded`?2:3)}}function tq(e,t){if(e&1&&(I(0,`section`,116)(1,`div`,117),K(2),L(),I(3,`dl`,74)(4,`dt`),K(5,`Time`),L(),I(6,`dd`),K(7),L(),j(8,vK,4,1),j(9,yK,4,1),j(10,bK,1,4,`ng-container`,96),L(),Yh(11,EK,4,4,`ng-template`,null,7,fv)(13,FK,6,3,`ng-template`,null,8,fv),j(15,LK,2,5)(16,BK,6,9,`app-entry-tabs`,118),j(17,GK,10,4,`div`,119),j(18,YK,4,3),j(19,XK,2,0,`p`,120),j(20,eq,4,1,`p`,120),L()),e&2){let e=t.selected,n=t.headingLevel,r=t.idPrefix,i=W();A(`aria-labelledby`,r+`-entry-heading`),O(),F(`id`,r+`-entry-heading`),A(`aria-level`,n),O(),Y(` #`,e.seq,` `,e.type,` `),O(5),q(i.formatTime(e.timestamp)),O(),M(e.origin?8:-1),O(),M(e.durationMs===void 0?-1:9),O(),M(e.source===`event`?10:-1),O(5),M(e.source===`redux`?15:e.source===`event`?-1:16),O(2),M(e.restorable&&i.confirmSeq()===e.seq?17:-1),O(),M(i.confirmSeq()!==e.seq&&(e.restorable||i.canAgain(e))?18:-1),O(),M(e.source===`redux`?19:-1),O(),M(!e.restorable&&e.source===`store`?20:-1)}}function nq(e,t){if(e&1&&(I(0,`span`,23),K(1),L()),e&2){let e=W();O(),q(e.sourceEntries().length)}}function rq(e,t){e&1&&(I(0,`div`,32),R(1,`span`,147),I(2,`p`,36),K(3,`Scanning source for NgRx declarations…`),L()())}function iq(e,t){e&1&&(I(0,`div`,33)(1,`p`,36),K(2,`No NgRx declarations found in source.`),L(),I(3,`p`,37),K(4,` The scan looks for `),I(5,`code`),K(6,`signalStore`),L(),K(7,`, `),I(8,`code`),K(9,`signalState`),L(),K(10,`, `),I(11,`code`),K(12,`signalMethod`),L(),K(13,`, `),I(14,`code`),K(15,`createAction`),L(),K(16,`, `),I(17,`code`),K(18,`createReducer`),L(),K(19,`, `),I(20,`code`),K(21,`createEffect`),L(),K(22,`, `),I(23,`code`),K(24,`createSelector`),L(),K(25,` and `),I(26,`code`),K(27,`createFeature`),L(),K(28,`. `),L()())}function aq(e,t){if(e&1){let e=V();I(0,`button`,149),H(`click`,function(){let t=w(e).$implicit,n=W(2);return T(n.kind.set(n.kind()===t.kind?null:t.kind))}),R(1,`span`,45),I(2,`span`,154),K(3),L(),I(4,`span`,150),K(5),L()()}if(e&2){let e=t.$implicit,n=W(2);G(`active`,n.kind()===e.kind),A(`aria-pressed`,n.kind()===e.kind),O(),b_(`background`,n.kindColor(e.kind)),O(2),q(n.kindLabel(e.kind)),O(2),q(e.count)}}function oq(e,t){if(e&1&&(I(0,`p`,159),K(1),L()),e&2){let e=W().$implicit;O(),q(e.detail)}}function sq(e,t){if(e&1&&(I(0,`li`,153)(1,`div`,155),R(2,`span`,45),I(3,`span`,156),K(4),L(),I(5,`span`,50),K(6),L()(),I(7,`div`,157),R(8,`app-source-link`,158),L(),j(9,oq,2,1,`p`,159),L()),e&2){let e=t.$implicit,n=W(2);O(2),b_(`background`,n.kindColor(e.kind)),O(2),q(e.name),O(2),q(n.kindLabel(e.kind)),O(2),F(`file`,e.file)(`line`,e.line),O(),M(e.detail?9:-1)}}function cq(e,t){if(e&1){let e=V();I(0,`li`)(1,`div`,32)(2,`p`,36),K(3,`No declarations match.`),L(),I(4,`button`,38),H(`click`,function(){return w(e),T(W(2).clearFilters())}),K(5,`Clear filters`),L()()()}}function lq(e,t){if(e&1){let e=V();I(0,`div`,148)(1,`button`,149),H(`click`,function(){return w(e),T(W().kind.set(null))}),K(2,` All `),I(3,`span`,150),K(4),L()(),N(5,aq,6,7,`button`,151,mG),L(),I(7,`ul`,152),N(8,sq,10,7,`li`,153,hG,!1,cq,6,0,`li`),L()}if(e&2){let e=W();O(),G(`active`,!e.kind()),A(`aria-pressed`,!e.kind()),O(3),q(e.sourceEntries().length),O(),P(e.groupedEntries()),O(3),P(e.filteredEntries())}}var uq={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)`,redux:`#38bdf8`},dq={"signal-store":`signalStore`,"signal-state":`signalState`,"signal-method":`signalMethod`,"store-setup":`store setup`,store:`@ngrx/store`,event:`event`,redux:`Redux DevTools`},fq={dispatch:`store.dispatch(action)`,effect:`NgRx effect (Store.next)`,reactive:`store.dispatch(() => action)`};function pq(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 mq=new Set([`action`,`reducer`,`effect`,`selector`,`feature`,`store-setup`]),hq=class e{rpc=$(null);canRestore=X(()=>vE(this.rpc(),`ngrx`));restoreOff=DT(`ngrx`);filter=D(``);kind=D(null);sourceEntries=D([]);sourceLoaded=D(!1);pages=D([]);reduxPages=D([]);allPages=X(()=>{let e=this.pages(),t=new Set(e.map(e=>e.pageId)),n=this.reduxPages().filter(e=>!t.has(e.pageId)).map(e=>({pageId:e.pageId,url:e.url,title:e.title,stores:[],classic:null,log:[],reportedAt:e.reportedAt}));return[...e,...n]});failed=D(!1);stateLoaded=D(!1);selectedPageId=D(null);hostPageId=JT();angularPages=OD(()=>this.rpc());angularPage=X(()=>kD(this.angularPages(),this.page()?.pageId??this.hostPageId));maxLog=X(()=>hE(this.rpc()).limits.changeLog);selectedStoreId=D(null);focusEventSeq=D(null);eventDetailHeading=Ev(`eventDetailHeading`);busy=D(!1);focusLatest=D(!1);focusConfirm=D(null);cancelButton=Ev(`cancelButton`);restoreButton=Ev(`restoreButton`);stateTree=Ev(`stateTree`);filterInput=Ev(`filterInput`);latestButton=Ev(`latestButton`);message=D(``);destroyRef=C(js);unsubscribe=null;unsubscribeOthers=null;page=X(()=>{let e=this.allPages();return e.find(e=>e.pageId===this.selectedPageId())??e.find(e=>e.pageId===this.hostPageId)??e[0]??null});pageConnected=X(()=>!!this.page()||!!this.angularPage());reduxPage=X(()=>this.reduxPages().find(e=>e.pageId===this.page()?.pageId)??null);logKey=X(()=>{let e=this.page(),t=this.store();return t?.redux?{pageId:`${e?.pageId}/${t.id}`,log:YW(this.reduxPage(),t.id)}:{pageId:e?.pageId??null,log:e?.log??[]}});logSession=Q({source:this.logKey,computation:(e,t)=>t?ZU(t.source,e)?t.value:t.value+1:0});selectedChangeSeq=Q({source:this.logSession,computation:()=>null});selectedEventSeq=Q({source:this.logSession,computation:()=>null});confirmSeq=Q({source:this.logSession,computation:()=>null});pageOptions=X(()=>this.allPages().map(e=>({value:e.pageId,label:e.title||e.url,hint:e.url})));liveStores=X(()=>{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.push(...JW(this.reduxPage())),t});filteredStores=X(()=>{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.logOf(t).some(t=>t.type.toLowerCase().includes(e))):this.liveStores()});store=X(()=>{let e=this.liveStores();return e.find(e=>e.id===this.selectedStoreId())??e[0]??null});stateText=X(()=>{let e=this.store();return e?nW(e.signal?e.signal.state:e.redux?e.redux.state:e.classic?.state):``});computedEntries=X(()=>Object.entries(this.store()?.signal?.computed??{}).map(([e,t])=>({key:e,value:rW(t,160),full:nW(t)})));storeLog=X(()=>{let e=this.store(),t=this.filter().trim().toLowerCase();return(e?this.logOf(e):[]).filter(e=>!t||e.type.toLowerCase().includes(t)||this.storeMatches(t)).reverse()});sessionEntries=X(()=>{let e=this.store();return!e||e.redux?[]:(this.page()?.log??[]).filter(t=>t.storeId===e.id&&t.source!==`event`)});loadEntry=async e=>{let t=this.page()?.pageId;return t?await $T(this.rpc(),`request-ngrx-history`,{pageId:t,request:{type:`entry`,seq:e}})??{error:`The devtools server is not connected.`}:{error:`No live page to read from.`}};logOf(e){return e.redux?YW(this.reduxPage(),e.id):(this.page()?.log??[]).filter(t=>t.storeId===e.id)}hasEvents=X(()=>(this.page()?.log??[]).some(e=>e.source===`event`));pageEvents=X(()=>{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 VN({count:X(()=>this.storeLog().length),estimate:56});shownLog=X(()=>gq(this.storeLog(),this.logWindow));eventWindow=new VN({count:X(()=>this.pageEvents().length),estimate:36});shownEvents=X(()=>gq(this.pageEvents(),this.eventWindow));logList=Ev(`logList`);eventsList=Ev(`eventsList`);changeEntry=X(()=>{let e=this.selectedChangeSeq();return e===null?null:this.storeLog().find(t=>t.seq===e)??null});eventEntry=X(()=>{let e=this.selectedEventSeq();return e===null?null:this.pageEvents().find(t=>t.seq===e)??null});dispatchType=D(``);dispatchPayload=D(``);actionTypes=X(()=>{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=X(()=>pq(this.dispatchPayload()).error??``);dispatchRequest=X(()=>{let e=this.dispatchType().trim(),{payload:t,error:n}=pq(this.dispatchPayload());return!e||n?null:{type:`dispatch`,action:e,...t?{payload:t}:{}}});usesSignals=X(()=>this.sourceEntries().some(e=>e.kind===`signal-store`||e.kind===`signal-state`));usesClassic=X(()=>this.sourceEntries().some(e=>mq.has(e.kind)));filteredEntries=X(()=>{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=X(()=>{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(){vc(()=>{let e=this.logList()?.nativeElement;e&&this.logWindow.attach(e)}),vc(()=>{let e=this.eventsList()?.nativeElement;e&&this.eventWindow.attach(e)}),vc(()=>{let e=this.rpc();e&&this.load(e)}),Nv(()=>{let e=this.latestButton();e&&this.focusLatest()&&!this.busy()&&(this.focusLatest.set(!1),e.nativeElement.focus())}),vc(()=>{let e=this.focusConfirm(),t=e===`cancel`?this.cancelButton():this.restoreButton();e&&t&&(this.focusConfirm.set(null),t.nativeElement.focus())}),Nv(()=>{let e=this.focusEventSeq(),t=this.eventDetailHeading();e!==null&&t&&(this.focusEventSeq.set(null),t.nativeElement.focus())}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),this.unsubscribeOthers?.()})}storeMatches(e){let t=this.store();return!!t&&t.label.toLowerCase().includes(e)}async load(e){this.failed.set(!1),$T(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)}try{let t=await e.scope(`pangular`).rpc.sharedState(`redux-stores`);if(this.destroyRef.destroyed)return;let n=e=>this.reduxPages.set(qW(e));n(t.value()),this.unsubscribeOthers?.(),this.unsubscribeOthers=t.on(`updated`,n)}catch{this.reduxPages.set([])}}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(nW(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 $T(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 $T(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 $T(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()}countText(e){let t=this.changeCount(e.id);return`${t} ${e.redux?t===1?`action`:`actions`:t===1?`change`:`changes`}`}changeCount(e){let t=this.liveStores().find(t=>t.id===e);return t?this.logOf(t).length:0}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 uq[e]??`var(--text-3)`}kindLabel(e){return dq[e]??e}originText(e){return fq[e]??e}changesLabel=XU;moreChanges=YU;opLabel(e){return e===`add`?`added`:e===`remove`?`removed`:`changed`}prettyText(e){return nW(e)}shortText(e){return rW(e)}formatTime=gO;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=k({type:e,selectors:[[`app-store-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.eventDetailHeading,XW,5)(t.cancelButton,ZW,5)(t.restoreButton,QW,5)(t.stateTree,$W,5)(t.filterInput,eG,5)(t.latestButton,tG,5)(t.logList,nG,5)(t.eventsList,rG,5),e&2&&Qg(8)},inputs:{rpc:[1,`rpc`]},decls:36,vars:11,consts:[[`filterInput`,``],[`entryDetailTpl`,``],[`stateTree`,``],[`logList`,``],[`latestButton`,``],[`eventsList`,``],[`eventDetailHeading`,``],[`actionRowsTpl`,``],[`diffTpl`,``],[`cancelButton`,``],[`restoreButton`,``],[1,`page-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 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`],[3,`rpc`,`pageId`,`storeId`,`entries`],[`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`],[3,`idPrefix`,`seq`,`diffTruncated`,`loader`],[`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`],[1,`kv`,`redux-action`],[`tab-action`,``],[`tab-diff`,``],[`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&&(I(0,`p`,11),K(1,` NgRx signal stores and @ngrx/store state from the live page, with every change, plus NGXS, Elf and MiniRx stores. Source declarations lists the stores your files declare. `),L(),I(2,`div`,12)(3,`div`,13),E(),I(4,`svg`,14),R(5,`circle`,15)(6,`path`,16),L(),xs(),I(7,`input`,17,0),H(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),L()(),j(9,gG,3,2),I(10,`span`,18),R(11,`span`,19),K(12),L()(),I(13,`section`,20)(14,`div`,21)(15,`h2`,22),K(16,`Live stores`),L(),j(17,_G,2,1,`span`,23),L(),j(18,vG,7,0,`div`,24)(19,yG,3,0,`div`,25)(20,bG,5,0,`div`,26)(21,wG,6,2)(22,fK,6,2,`div`,27),I(23,`p`,28),K(24),L()(),j(25,_K,14,8,`section`,29),Yh(26,tq,21,14,`ng-template`,null,1,fv),I(28,`section`,30)(29,`div`,21)(30,`h2`,31),K(31,`Source declarations`),L(),j(32,nq,2,1,`span`,23),L(),j(33,rq,4,0,`div`,32)(34,iq,29,0,`div`,33)(35,lq,11,5),L()),e&2&&(O(7),F(`value`,t.filter()),O(2),M(t.allPages().length>1?9:-1),O(),G(`on`,t.pageConnected()),O(2),J(` `,t.stateLoaded()?t.pageConnected()?`Live`:`No page connected`:`Loading…`,` `),O(5),M(t.liveStores().length?17:-1),O(),M(t.failed()?18:t.stateLoaded()?t.page()?t.liveStores().length?22:21:20:19),O(6),q(t.message()),O(),M(t.hasEvents()?25:-1),O(7),M(t.sourceEntries().length?32:-1),O(),M(t.sourceLoaded()?t.sourceEntries().length===0?34:35:33))},dependencies:[ND,SO,Ez,KD,py,Nj,IM,wW,WW],styles:[`.page-intro[_ngcontent-%COMP%] {
   margin: 0 0 12px;
   color: var(--%NS%text-2);
   line-height: 1.5;
@@ -9994,7 +10062,7 @@ textarea[aria-invalid=true][_ngcontent-%COMP%] {
   .kv[_ngcontent-%COMP%] {
     grid-template-columns: minmax(0, 1fr);
   }
-}`]})};function aq(e,t){let{start:n,end:r}=t.range();return e.slice(n,r).map((e,t)=>({entry:e,index:n+t}))}function oq(e){let t=e?.pages;return!t||typeof t!=`object`||Array.isArray(t)?[]:Object.values(t).filter(e=>{let t=e;return!!t&&typeof t.pageId==`string`&&Array.isArray(t.clients)&&Array.isArray(t.queries)&&Array.isArray(t.mutations)}).sort((e,t)=>t.reportedAt-e.reportedAt)}function sq(e){return e.invalidated?`invalidated`:e.stale?`stale`:`fresh`}function cq(e,t){if(!t)return`never`;let n=Math.max(0,Math.round(e/1e3));return n<60?`${n} s ago`:n<3600?`${Math.round(n/60)} min ago`:`${Math.round(n/3600)} h ago`}function lq(e){return e===void 0?`not set`:e===null?`Infinity`:e===`static`?`static`:e<1e3?`${e} ms`:e<6e4?`${Math.round(e/100)/10} s`:`${Math.round(e/6e3)/10} min`}function uq(e,t){return t===`fetching`?`accent`:t===`paused`?`warn`:e===`error`?`danger`:e===`success`?`ok`:e===`pending`?`warn`:`plain`}function dq(e,t){switch(t){case`all`:return!0;case`fetching`:return e.fetchStatus===`fetching`;case`stale`:return e.stale||e.invalidated;case`inactive`:return e.observers===0;default:return e.status===t}}var fq=[`detailPanel`],pq=(e,t)=>({preview:e,id:t}),mq=(e,t)=>t.id;function hq(e,t){e&1&&(I(0,`p`,3),K(1,`Loading queries…`),L())}function gq(e,t){if(e&1){let e=V();I(0,`div`,4)(1,`p`),K(2,`Can't read TanStack Query from the devtools server.`),L(),I(3,`button`,6),H(`click`,function(){return w(e),T(W().retry())}),K(4,`Retry`),L()()}}function _q(e,t){e&1&&(I(0,`p`,7),K(1,`The connected page has no QueryClient yet.`),L(),I(2,`p`),K(3,` Add `),I(4,`code`),K(5,`provideTanStackQuery(new QueryClient())`),L(),K(6,` to the app's providers. The tab reads it once something in the app injects it, such as `),I(7,`code`),K(8,`injectQuery()`),L(),K(9,`. `),L())}function vq(e,t){e&1&&(I(0,`p`,7),K(1,`No page reports a QueryClient yet.`),L(),I(2,`p`),K(3,` Open the app with the overlay loaded. The tab reads the `),I(4,`code`),K(5,`QueryClient`),L(),K(6,` that `),I(7,`code`),K(8,`provideTanStackQuery()`),L(),K(9,` registers, once something in the app injects it. `),L())}function yq(e,t){if(e&1&&(I(0,`div`,5),j(1,_q,10,0)(2,vq,10,0),L()),e&2){let e=W();O(),M(e.connected()?1:2)}}function bq(e,t){if(e&1){let e=V();I(0,`app-select`,22),H(`valueChange`,function(t){return w(e),T(W(2).status.set(t??`all`))}),L()}if(e&2){let e=W(2);F(`options`,e.filters)(`value`,e.status())}}function xq(e,t){if(e&1){let e=V();I(0,`app-select`,23),H(`valueChange`,function(t){return w(e),T(W(2).selectPage(t))}),L()}if(e&2){let e=W(2);F(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function Sq(e,t){if(e&1&&(I(0,`p`,24),K(1),L()),e&2){let e=W(),t=W(2);O(),Y(` The page reports the `,t.view()===`queries`?`300 queries`:`100 mutations`,` it updated last and leaves out `,t.view()===`queries`?e.queries:e.mutations,` more. `)}}function Cq(e,t){if(e&1&&j(0,Sq,2,2,`p`,24),e&2){let e=t;M(e.queries||e.mutations?0:-1)}}function wq(e,t){e&1&&(I(0,`p`,7),K(1,`No query in the cache yet.`),L(),I(2,`p`),K(3,`Queries show up here when the app creates them with `),I(4,`code`),K(5,`injectQuery()`),L(),K(6,`.`),L())}function Tq(e,t){e&1&&(I(0,`p`,7),K(1,`No mutation yet.`),L(),I(2,`p`),K(3,`Mutations show up here once the app calls `),I(4,`code`),K(5,`mutate()`),L(),K(6,`.`),L())}function Eq(e,t){if(e&1&&(I(0,`div`,5),j(1,wq,7,0)(2,Tq,7,0),L()),e&2){let e=W(2);O(),M(e.view()===`queries`?1:2)}}function Dq(e,t){if(e&1){let e=V();I(0,`div`,5)(1,`p`,7),K(2,`Nothing matches the filters.`),L(),I(3,`button`,6),H(`click`,function(){w(e),W();let t=$g(17);return W().clearFilters(),T(t.focus())}),K(4,` Clear filters `),L()()}}function Oq(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,28),H(`click`,function(){let t=w(e).$implicit;return T(W(3).select(t.id))}),I(2,`span`,29)(3,`code`,30),K(4),L(),I(5,`span`,31),K(6),L()(),I(7,`span`,32),K(8),L()()()}if(e&2){let e=t.$implicit,n=W(3);O(),G(`selected`,e.id===n.selected()?.id),A(`aria-pressed`,e.id===n.selected()?.id),O(2),F(`title`,e.label),O(),q(e.label),O(),A(`data-tone`,e.tone),O(),q(e.status),O(2),q(e.meta)}}function kq(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W();O(),Y(`(`,e.dataUpdateCount,` `,e.dataUpdateCount===1?`update`:`updates`,`)`)}}function Aq(e,t){e&1&&(I(0,`span`,35),K(1,`(disabled)`),L())}function jq(e,t){if(e&1&&(I(0,`dt`),K(1,`Failures`),L(),I(2,`dd`),K(3),L()),e&2){let e=W();O(3),q(e.failureCount)}}function Mq(e,t){if(e&1&&(I(0,`dt`),K(1,`Error`),L(),I(2,`dd`)(3,`code`,41),K(4),L()()),e&2){let e=W();O(4),q(e.error)}}function Nq(e,t){if(e&1&&(I(0,`p`,38),K(1),L()),e&2){let e=W(4);O(),q(e.writesOff)}}function Pq(e,t){e&1&&(I(0,`p`,35),K(1,`No data yet.`),L())}function Fq(e,t){if(e&1&&Ng(0,40),e&2){let e=W();W(3),F(`ngTemplateOutlet`,$g(5))(`ngTemplateOutletContext`,iv(2,pq,e.preview,e.id))}}function Iq(e,t){if(e&1){let e=V();I(0,`h2`,33)(1,`code`),K(2),L()(),I(3,`dl`,34)(4,`dt`),K(5,`Status`),L(),I(6,`dd`)(7,`span`,31),K(8),L()(),I(9,`dt`),K(10,`Fetch status`),L(),I(11,`dd`),K(12),L(),I(13,`dt`),K(14,`Freshness`),L(),I(15,`dd`),K(16),L(),I(17,`dt`),K(18,`Data updated`),L(),I(19,`dd`),K(20),j(21,kq,2,2,`span`,35),L(),I(22,`dt`),K(23,`Observers`),L(),I(24,`dd`),K(25),j(26,Aq,2,0,`span`,35),L(),I(27,`dt`),K(28,`staleTime`),L(),I(29,`dd`),K(30),L(),I(31,`dt`),K(32,`gcTime`),L(),I(33,`dd`),K(34),L(),j(35,jq,4,1),j(36,Mq,5,1),L(),I(37,`div`,36)(38,`button`,37),H(`click`,function(){let t=w(e);return T(W(3).act(`invalidate`,t.id))}),K(39,` Invalidate `),L(),I(40,`button`,37),H(`click`,function(){let t=w(e);return T(W(3).act(`refetch`,t.id))}),K(41,` Refetch `),L()(),j(42,Nq,2,1,`p`,38),I(43,`h3`,39),K(44,`Data`),L(),j(45,Pq,2,0,`p`,35)(46,Fq,1,5,`ng-container`,40)}if(e&2){let e=t,n=W(3);O(2),q(e.keyText),O(5),A(`data-tone`,n.tone(e.status)),O(),q(e.status),O(4),q(e.fetchStatus),O(4),q(n.freshnessOf(e)),O(4),J(` `,n.age(e.dataUpdatedAt),` `),O(),M(e.dataUpdateCount?21:-1),O(4),J(` `,e.observers,` `),O(),M(e.disabled?26:-1),O(4),q(n.duration(e.staleTime)),O(4),q(n.duration(e.gcTime)),O(),M(e.failureCount?35:-1),O(),M(e.error?36:-1),O(2),F(`disabled`,n.busy()||!n.canWrite()),A(`aria-describedby`,n.canWrite()?null:`query-writes-off`),O(2),F(`disabled`,n.busy()||!n.canWrite()),A(`aria-describedby`,n.canWrite()?null:`query-writes-off`),O(2),M(n.canWrite()?-1:42),O(3),M(e.hasData?46:45)}}function Lq(e,t){e&1&&(I(0,`span`,35),K(1,`(paused)`),L())}function Rq(e,t){if(e&1&&(I(0,`dt`),K(1,`Failures`),L(),I(2,`dd`),K(3),L()),e&2){let e=W();O(3),q(e.failureCount)}}function zq(e,t){if(e&1&&(I(0,`dt`),K(1,`Error`),L(),I(2,`dd`)(3,`code`,41),K(4),L()()),e&2){let e=W();O(4),q(e.error)}}function Bq(e,t){if(e&1&&(I(0,`h2`,33)(1,`code`),K(2),L()(),I(3,`dl`,34)(4,`dt`),K(5,`Status`),L(),I(6,`dd`)(7,`span`,31),K(8),L(),j(9,Lq,2,0,`span`,35),L(),I(10,`dt`),K(11,`Submitted`),L(),I(12,`dd`),K(13),L(),j(14,Rq,4,1),j(15,zq,5,1),L(),I(16,`h3`,39),K(17,`Variables and data`),L(),Ng(18,40)),e&2){let e=t,n=W(3),r=$g(5);O(2),q(n.mutationLabel(e)),O(5),A(`data-tone`,n.tone(e.status)),O(),q(e.status),O(),M(e.isPaused?9:-1),O(4),q(n.age(e.submittedAt)),O(),M(e.failureCount?14:-1),O(),M(e.error?15:-1),O(3),F(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,iv(9,pq,e.variables,e.id))}}function Vq(e,t){if(e&1&&(I(0,`h2`,42),K(1,`Details`),L(),I(2,`p`,35),K(3),L()),e&2){let e=W(3);O(3),J(` Select a `,e.view()===`queries`?`query`:`mutation`,` to see its details. `)}}function Hq(e,t){if(e&1&&(I(0,`div`,21)(1,`ul`,25),N(2,Oq,9,8,`li`,null,mq),L(),I(4,`section`,26,2),j(6,Iq,47,19)(7,Bq,19,12)(8,Vq,4,1),I(9,`p`,27),K(10),L()()()),e&2){let e,t=W(2);O(),A(`aria-label`,t.view()===`queries`?`Queries`:`Mutations`),O(),P(t.rows()),O(4),M((e=t.selectedQuery())?6:(e=t.selectedMutation())?7:8,e),O(4),q(t.message())}}function Uq(e,t){if(e&1){let e=V();I(0,`p`,8),K(1,` The queries and mutations of the TanStack Query client the app provides, read from the live page. Keys, errors and data are masked like other live data. `),L(),I(2,`div`,9)(3,`div`,10)(4,`button`,11),H(`click`,function(){return w(e),T(W().setView(`queries`))}),K(5,` Queries `),I(6,`span`,12),K(7),L()(),I(8,`button`,11),H(`click`,function(){return w(e),T(W().setView(`mutations`))}),K(9,` Mutations `),I(10,`span`,12),K(11),L()()(),I(12,`div`,13),E(),I(13,`svg`,14),R(14,`circle`,15)(15,`path`,16),L(),Cs(),I(16,`input`,17,1),H(`input`,function(t){return w(e),T(W().filter.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().filter.set(``))}),L()(),j(18,bq,1,2,`app-select`,18),j(19,xq,1,2,`app-select`,19),I(20,`span`,20),K(21),L()(),j(22,Cq,1,1),j(23,Eq,3,1,`div`,5)(24,Dq,5,0,`div`,5)(25,Hq,11,3,`div`,21)}if(e&2){let e,t=W();O(4),A(`aria-pressed`,t.view()===`queries`),O(3),q(t.page()?.queries.length??0),O(),A(`aria-pressed`,t.view()===`mutations`),O(3),q(t.page()?.mutations.length??0),O(5),F(`value`,t.filter()),O(2),M(t.view()===`queries`?18:-1),O(),M(t.pages().length>1?19:-1),O(2),q(t.countText()),O(),M((e=t.page()?.more)?22:-1,e),O(),M(t.allRows().length?t.rows().length?25:24:23)}}function Ine(e,t){if(e&1&&(I(0,`p`,43),K(1,`Variables`),L(),I(2,`pre`,45),K(3),L()),e&2){let e=W(),t=W(3);O(3),q(t.prettyText(e.variables))}}function Wq(e,t){if(e&1&&(j(0,Ine,4,1),I(1,`p`,43),K(2,`Data`),L(),I(3,`pre`,44),K(4),L()),e&2){let e=t,n=W(3);M(e.variables===void 0?-1:0),O(4),q(e.data===void 0?`No data.`:n.prettyText(e.data))}}function Gq(e,t){if(e&1&&(I(0,`p`,35),K(1),L()),e&2){let e=W(3);O(),q(e.full().result.error??`The page did not send the data.`)}}function Kq(e,t){if(e&1&&j(0,Wq,5,2)(1,Gq,2,1,`p`,35),e&2){let e;M((e=W(2).full().result.detail)?0:1,e)}}function qq(e,t){if(e&1&&(I(0,`pre`,46),K(1),L()),e&2){let e=W(2).preview,t=W();O(),q(t.prettyText(e))}}function Jq(e,t){if(e&1){let e=V();j(0,qq,2,1,`pre`,46),I(1,`button`,37),H(`click`,function(){w(e);let t=W().id;return T(W().loadData(t))}),K(2),L()}if(e&2){let e=W().preview,t=W();M(e===void 0?-1:0),O(),F(`disabled`,t.loadingData()),O(),J(` `,t.loadingData()?`Loading…`:`Show all data`,` `)}}function Yq(e,t){if(e&1&&j(0,Kq,2,1)(1,Jq,3,3),e&2){let e=t.id;M(W().full()?.id===e?0:1)}}var Xq=[{value:`all`,label:`All statuses`},{value:`fetching`,label:`Fetching`},{value:`success`,label:`Success`},{value:`error`,label:`Error`},{value:`pending`,label:`Pending`},{value:`stale`,label:`Stale or invalidated`},{value:`inactive`,label:`No observers`}],Zq=class e{rpc=$(null);angularPages=TD(()=>this.rpc());connected=X(()=>Object.keys(this.angularPages()).length>0);destroyRef=C(Ns);hostPageId=GT();unsubscribe;detailPanel=Ev(`detailPanel`);filters=Xq;writesOff=DT(`tanstackQuery`);canWrite=X(()=>hE(this.rpc(),`tanstackQuery`));pages=D([]);loaded=D(!1);failed=D(!1);view=D(`queries`);filter=D(``);status=D(`all`);selectedPageId=D(null);selectedId=D(null);busy=D(!1);message=D(``);loadingData=D(!1);full=Q({source:()=>this.selectedId(),computation:()=>null});now=D(Date.now());page=X(()=>{let e=this.pages();return e.find(e=>e.pageId===this.selectedPageId())??e.find(e=>e.pageId===this.hostPageId)??e[0]??null});pageOptions=X(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url||e.pageId,hint:e.url})));queries=X(()=>{let e=this.filter().trim().toLowerCase(),t=this.status();return(this.page()?.queries??[]).filter(n=>dq(n,t)&&(!e||n.keyText.toLowerCase().includes(e)))});mutations=X(()=>{let e=this.filter().trim().toLowerCase();return(this.page()?.mutations??[]).filter(t=>!e||this.mutationLabel(t).toLowerCase().includes(e))});allRows=X(()=>this.view()===`queries`?this.page()?.queries??[]:this.page()?.mutations??[]);rows=X(()=>(this.now(),this.view()===`queries`?this.queries().map(e=>({id:e.id,label:e.keyText,status:e.fetchStatus===`idle`?e.status:e.fetchStatus,tone:uq(e.status,e.fetchStatus),meta:`${sq(e)} · ${e.observers} ${e.observers===1?`observer`:`observers`} · ${this.age(e.dataUpdatedAt)}`})):this.mutations().map(e=>({id:e.id,label:this.mutationLabel(e),status:e.isPaused?`paused`:e.status,tone:e.isPaused?`warn`:uq(e.status),meta:`submitted ${this.age(e.submittedAt)}`}))));countText=X(()=>{let e=this.allRows().length;return`${this.rows().length} of ${e} ${this.view()===`queries`?`queries`:`mutations`}`});selectedQuery=X(()=>this.view()===`queries`?this.page()?.queries.find(e=>e.id===this.selectedId())??null:null);selectedMutation=X(()=>this.view()===`mutations`?this.page()?.mutations.find(e=>e.id===this.selectedId())??null:null);selected=X(()=>this.selectedQuery()??this.selectedMutation());constructor(){bc(()=>{let e=this.rpc();e&&this.load(e)});let e=setInterval(()=>this.now.set(Date.now()),1e3);this.destroyRef.onDestroy(()=>{clearInterval(e),this.unsubscribe?.()})}age(e){let t=this.page();if(!t)return cq(0,e);let n=t.at-t.reportedAt;return cq(this.now()+n-e,e)}freshnessOf(e){return sq(e)}duration(e){return lq(e)}tone(e){return uq(e)}prettyText(e){return GU(e)}mutationLabel(e){return e.keyText??`Mutation ${e.id}`}setView(e){this.view.set(e),this.selectedId.set(null),this.message.set(``)}selectPage(e){this.selectedPageId.set(e),this.selectedId.set(null),this.message.set(``)}select(e){this.selectedId.set(e),this.message.set(``),typeof matchMedia==`function`&&matchMedia(`(max-width: 880px)`).matches&&this.detailPanel()?.nativeElement.scrollIntoView?.({block:`nearest`})}clearFilters(){this.filter.set(``),this.status.set(`all`)}retry(){let e=this.rpc();e&&this.load(e)}async loadData(e){let t=this.page();if(t&&!this.loadingData()){this.loadingData.set(!0);try{let n=await XT(this.rpc(),`request-tanstack-query`,{pageId:t.pageId,request:{type:`detail`,id:e}});this.selectedId()===e&&this.full.set({id:e,result:n??{}})}catch{this.selectedId()===e&&this.full.set({id:e,result:{error:`Could not reach the page to read the data.`}})}finally{this.loadingData.set(!1)}}}async act(e,t){let n=this.page();if(n&&!this.busy()){this.busy.set(!0);try{let r=await XT(this.rpc(),`request-tanstack-query`,{pageId:n.pageId,request:{type:e,id:t}});this.message.set(r?.error??r?.message??`Done.`),this.full.set(null)}catch{this.message.set(`Could not reach the page.`)}finally{this.busy.set(!1)}}}async load(e){this.failed.set(!1);try{let t=await e.scope(`pangular`).rpc.sharedState(`tanstack-query`);if(this.destroyRef.destroyed)return;let n=e=>this.pages.set(oq(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=k({type:e,selectors:[[`app-query-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.detailPanel,fq,5),e&2&&Qg()},inputs:{rpc:[1,`rpc`]},decls:6,vars:1,consts:[[`dataTpl`,``],[`search`,``],[`detailPanel`,``],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`role`,`status`,1,`state`,`empty-card`],[`type`,`button`,1,`btn`,3,`click`],[1,`state-title`],[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`,`aria-label`,`Filter by key`,`placeholder`,`Filter by key`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Status`,1,`filter-select`,3,`options`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[1,`layout`],[`ariaLabel`,`Status`,1,`filter-select`,3,`valueChange`,`options`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[1,`notice`],[`appRovingList`,`button.row`,1,`rows`],[`aria-labelledby`,`query-detail-heading`,1,`detail`],[`role`,`status`,1,`message`],[`type`,`button`,1,`row`,3,`click`],[1,`row-top`],[1,`key`,3,`title`],[1,`pill`],[1,`row-meta`],[`id`,`query-detail-heading`,1,`detail-title`],[1,`kv`],[1,`muted`],[1,`actions`],[`type`,`button`,1,`btn`,3,`click`,`disabled`],[`id`,`query-writes-off`,1,`hint`],[1,`sub`],[3,`ngTemplateOutlet`,`ngTemplateOutletContext`],[1,`error`],[`id`,`query-detail-heading`,1,`sr-only`],[1,`label`],[`tabindex`,`0`,`aria-label`,`Data`],[`tabindex`,`0`,`aria-label`,`Variables`],[`tabindex`,`0`,`aria-label`,`Preview`]],template:function(e,t){e&1&&(j(0,hq,2,0,`p`,3)(1,gq,5,0,`div`,4)(2,yq,3,1,`div`,5)(3,Uq,26,10),Yh(4,Yq,2,1,`ng-template`,null,0,fv)),e&2&&M(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[py,hz,UD],styles:[`[_nghost-%COMP%] {
+}`]})};function gq(e,t){let{start:n,end:r}=t.range();return e.slice(n,r).map((e,t)=>({entry:e,index:n+t}))}function _q(e){let t=e?.pages;return!t||typeof t!=`object`||Array.isArray(t)?[]:Object.values(t).filter(e=>{let t=e;return!!t&&typeof t.pageId==`string`&&Array.isArray(t.clients)&&Array.isArray(t.queries)&&Array.isArray(t.mutations)}).sort((e,t)=>t.reportedAt-e.reportedAt)}function vq(e){return e.invalidated?`invalidated`:e.stale?`stale`:`fresh`}function yq(e,t){if(!t)return`never`;let n=Math.max(0,Math.round(e/1e3));return n<60?`${n} s ago`:n<3600?`${Math.round(n/60)} min ago`:`${Math.round(n/3600)} h ago`}function bq(e){return e===void 0?`not set`:e===null?`Infinity`:e===`static`?`static`:e<1e3?`${e} ms`:e<6e4?`${Math.round(e/100)/10} s`:`${Math.round(e/6e3)/10} min`}function xq(e,t){return t===`fetching`?`accent`:t===`paused`?`warn`:e===`error`?`danger`:e===`success`?`ok`:e===`pending`?`warn`:`plain`}function Sq(e,t){switch(t){case`all`:return!0;case`fetching`:return e.fetchStatus===`fetching`;case`stale`:return e.stale||e.invalidated;case`inactive`:return e.observers===0;default:return e.status===t}}var Cq=[`detailPanel`],wq=(e,t)=>({preview:e,id:t}),Tq=(e,t)=>t.id;function Eq(e,t){e&1&&(I(0,`p`,3),K(1,`Loading queries…`),L())}function Dq(e,t){if(e&1){let e=V();I(0,`div`,4)(1,`p`),K(2,`Can't read TanStack Query from the devtools server.`),L(),I(3,`button`,6),H(`click`,function(){return w(e),T(W().retry())}),K(4,`Retry`),L()()}}function Oq(e,t){e&1&&(I(0,`p`,7),K(1,`The connected page has no QueryClient yet.`),L(),I(2,`p`),K(3,` Add `),I(4,`code`),K(5,`provideTanStackQuery(new QueryClient())`),L(),K(6,` to the app's providers. The tab reads it once something in the app injects it, such as `),I(7,`code`),K(8,`injectQuery()`),L(),K(9,`. `),L())}function kq(e,t){e&1&&(I(0,`p`,7),K(1,`No page reports a QueryClient yet.`),L(),I(2,`p`),K(3,` Open the app with the overlay loaded. The tab reads the `),I(4,`code`),K(5,`QueryClient`),L(),K(6,` that `),I(7,`code`),K(8,`provideTanStackQuery()`),L(),K(9,` registers, once something in the app injects it. `),L())}function Aq(e,t){if(e&1&&(I(0,`div`,5),j(1,Oq,10,0)(2,kq,10,0),L()),e&2){let e=W();O(),M(e.connected()?1:2)}}function jq(e,t){if(e&1){let e=V();I(0,`app-select`,22),H(`valueChange`,function(t){return w(e),T(W(2).status.set(t??`all`))}),L()}if(e&2){let e=W(2);F(`options`,e.filters)(`value`,e.status())}}function Mq(e,t){if(e&1){let e=V();I(0,`app-select`,23),H(`valueChange`,function(t){return w(e),T(W(2).selectPage(t))}),L()}if(e&2){let e=W(2);F(`options`,e.pageOptions())(`value`,e.page()?.pageId??null)}}function Nq(e,t){if(e&1&&(I(0,`p`,24),K(1),L()),e&2){let e=W(),t=W(2);O(),Y(` The page reports the `,t.view()===`queries`?`300 queries`:`100 mutations`,` it updated last and leaves out `,t.view()===`queries`?e.queries:e.mutations,` more. `)}}function Pq(e,t){if(e&1&&j(0,Nq,2,2,`p`,24),e&2){let e=t;M(e.queries||e.mutations?0:-1)}}function Fq(e,t){e&1&&(I(0,`p`,7),K(1,`No query in the cache yet.`),L(),I(2,`p`),K(3,`Queries show up here when the app creates them with `),I(4,`code`),K(5,`injectQuery()`),L(),K(6,`.`),L())}function Iq(e,t){e&1&&(I(0,`p`,7),K(1,`No mutation yet.`),L(),I(2,`p`),K(3,`Mutations show up here once the app calls `),I(4,`code`),K(5,`mutate()`),L(),K(6,`.`),L())}function Lq(e,t){if(e&1&&(I(0,`div`,5),j(1,Fq,7,0)(2,Iq,7,0),L()),e&2){let e=W(2);O(),M(e.view()===`queries`?1:2)}}function Rq(e,t){if(e&1){let e=V();I(0,`div`,5)(1,`p`,7),K(2,`Nothing matches the filters.`),L(),I(3,`button`,6),H(`click`,function(){w(e),W();let t=$g(17);return W().clearFilters(),T(t.focus())}),K(4,` Clear filters `),L()()}}function zq(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,28),H(`click`,function(){let t=w(e).$implicit;return T(W(3).select(t.id))}),I(2,`span`,29)(3,`code`,30),K(4),L(),I(5,`span`,31),K(6),L()(),I(7,`span`,32),K(8),L()()()}if(e&2){let e=t.$implicit,n=W(3);O(),G(`selected`,e.id===n.selected()?.id),A(`aria-pressed`,e.id===n.selected()?.id),O(2),F(`title`,e.label),O(),q(e.label),O(),A(`data-tone`,e.tone),O(),q(e.status),O(2),q(e.meta)}}function Bq(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W();O(),Y(`(`,e.dataUpdateCount,` `,e.dataUpdateCount===1?`update`:`updates`,`)`)}}function Vq(e,t){e&1&&(I(0,`span`,35),K(1,`(disabled)`),L())}function Hq(e,t){if(e&1&&(I(0,`dt`),K(1,`Failures`),L(),I(2,`dd`),K(3),L()),e&2){let e=W();O(3),q(e.failureCount)}}function Uq(e,t){if(e&1&&(I(0,`dt`),K(1,`Error`),L(),I(2,`dd`)(3,`code`,41),K(4),L()()),e&2){let e=W();O(4),q(e.error)}}function Wq(e,t){if(e&1&&(I(0,`p`,38),K(1),L()),e&2){let e=W(4);O(),q(e.writesOff)}}function Gq(e,t){e&1&&(I(0,`p`,35),K(1,`No data yet.`),L())}function Kq(e,t){if(e&1&&Ng(0,40),e&2){let e=W();W(3),F(`ngTemplateOutlet`,$g(5))(`ngTemplateOutletContext`,iv(2,wq,e.preview,e.id))}}function qq(e,t){if(e&1){let e=V();I(0,`h2`,33)(1,`code`),K(2),L()(),I(3,`dl`,34)(4,`dt`),K(5,`Status`),L(),I(6,`dd`)(7,`span`,31),K(8),L()(),I(9,`dt`),K(10,`Fetch status`),L(),I(11,`dd`),K(12),L(),I(13,`dt`),K(14,`Freshness`),L(),I(15,`dd`),K(16),L(),I(17,`dt`),K(18,`Data updated`),L(),I(19,`dd`),K(20),j(21,Bq,2,2,`span`,35),L(),I(22,`dt`),K(23,`Observers`),L(),I(24,`dd`),K(25),j(26,Vq,2,0,`span`,35),L(),I(27,`dt`),K(28,`staleTime`),L(),I(29,`dd`),K(30),L(),I(31,`dt`),K(32,`gcTime`),L(),I(33,`dd`),K(34),L(),j(35,Hq,4,1),j(36,Uq,5,1),L(),I(37,`div`,36)(38,`button`,37),H(`click`,function(){let t=w(e);return T(W(3).act(`invalidate`,t.id))}),K(39,` Invalidate `),L(),I(40,`button`,37),H(`click`,function(){let t=w(e);return T(W(3).act(`refetch`,t.id))}),K(41,` Refetch `),L()(),j(42,Wq,2,1,`p`,38),I(43,`h3`,39),K(44,`Data`),L(),j(45,Gq,2,0,`p`,35)(46,Kq,1,5,`ng-container`,40)}if(e&2){let e=t,n=W(3);O(2),q(e.keyText),O(5),A(`data-tone`,n.tone(e.status)),O(),q(e.status),O(4),q(e.fetchStatus),O(4),q(n.freshnessOf(e)),O(4),J(` `,n.age(e.dataUpdatedAt),` `),O(),M(e.dataUpdateCount?21:-1),O(4),J(` `,e.observers,` `),O(),M(e.disabled?26:-1),O(4),q(n.duration(e.staleTime)),O(4),q(n.duration(e.gcTime)),O(),M(e.failureCount?35:-1),O(),M(e.error?36:-1),O(2),F(`disabled`,n.busy()||!n.canWrite()),A(`aria-describedby`,n.canWrite()?null:`query-writes-off`),O(2),F(`disabled`,n.busy()||!n.canWrite()),A(`aria-describedby`,n.canWrite()?null:`query-writes-off`),O(2),M(n.canWrite()?-1:42),O(3),M(e.hasData?46:45)}}function Jq(e,t){e&1&&(I(0,`span`,35),K(1,`(paused)`),L())}function Yq(e,t){if(e&1&&(I(0,`dt`),K(1,`Failures`),L(),I(2,`dd`),K(3),L()),e&2){let e=W();O(3),q(e.failureCount)}}function Xq(e,t){if(e&1&&(I(0,`dt`),K(1,`Error`),L(),I(2,`dd`)(3,`code`,41),K(4),L()()),e&2){let e=W();O(4),q(e.error)}}function Zq(e,t){if(e&1&&(I(0,`h2`,33)(1,`code`),K(2),L()(),I(3,`dl`,34)(4,`dt`),K(5,`Status`),L(),I(6,`dd`)(7,`span`,31),K(8),L(),j(9,Jq,2,0,`span`,35),L(),I(10,`dt`),K(11,`Submitted`),L(),I(12,`dd`),K(13),L(),j(14,Yq,4,1),j(15,Xq,5,1),L(),I(16,`h3`,39),K(17,`Variables and data`),L(),Ng(18,40)),e&2){let e=t,n=W(3),r=$g(5);O(2),q(n.mutationLabel(e)),O(5),A(`data-tone`,n.tone(e.status)),O(),q(e.status),O(),M(e.isPaused?9:-1),O(4),q(n.age(e.submittedAt)),O(),M(e.failureCount?14:-1),O(),M(e.error?15:-1),O(3),F(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,iv(9,wq,e.variables,e.id))}}function Qq(e,t){if(e&1&&(I(0,`h2`,42),K(1,`Details`),L(),I(2,`p`,35),K(3),L()),e&2){let e=W(3);O(3),J(` Select a `,e.view()===`queries`?`query`:`mutation`,` to see its details. `)}}function $q(e,t){if(e&1&&(I(0,`div`,21)(1,`ul`,25),N(2,zq,9,8,`li`,null,Tq),L(),I(4,`section`,26,2),j(6,qq,47,19)(7,Zq,19,12)(8,Qq,4,1),I(9,`p`,27),K(10),L()()()),e&2){let e,t=W(2);O(),A(`aria-label`,t.view()===`queries`?`Queries`:`Mutations`),O(),P(t.rows()),O(4),M((e=t.selectedQuery())?6:(e=t.selectedMutation())?7:8,e),O(4),q(t.message())}}function Ine(e,t){if(e&1){let e=V();I(0,`p`,8),K(1,` The queries and mutations of the TanStack Query client the app provides, read from the live page. Keys, errors and data are masked like other live data. `),L(),I(2,`div`,9)(3,`div`,10)(4,`button`,11),H(`click`,function(){return w(e),T(W().setView(`queries`))}),K(5,` Queries `),I(6,`span`,12),K(7),L()(),I(8,`button`,11),H(`click`,function(){return w(e),T(W().setView(`mutations`))}),K(9,` Mutations `),I(10,`span`,12),K(11),L()()(),I(12,`div`,13),E(),I(13,`svg`,14),R(14,`circle`,15)(15,`path`,16),L(),xs(),I(16,`input`,17,1),H(`input`,function(t){return w(e),T(W().filter.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().filter.set(``))}),L()(),j(18,jq,1,2,`app-select`,18),j(19,Mq,1,2,`app-select`,19),I(20,`span`,20),K(21),L()(),j(22,Pq,1,1),j(23,Lq,3,1,`div`,5)(24,Rq,5,0,`div`,5)(25,$q,11,3,`div`,21)}if(e&2){let e,t=W();O(4),A(`aria-pressed`,t.view()===`queries`),O(3),q(t.page()?.queries.length??0),O(),A(`aria-pressed`,t.view()===`mutations`),O(3),q(t.page()?.mutations.length??0),O(5),F(`value`,t.filter()),O(2),M(t.view()===`queries`?18:-1),O(),M(t.pages().length>1?19:-1),O(2),q(t.countText()),O(),M((e=t.page()?.more)?22:-1,e),O(),M(t.allRows().length?t.rows().length?25:24:23)}}function eJ(e,t){if(e&1&&(I(0,`p`,43),K(1,`Variables`),L(),I(2,`pre`,45),K(3),L()),e&2){let e=W(),t=W(3);O(3),q(t.prettyText(e.variables))}}function tJ(e,t){if(e&1&&(j(0,eJ,4,1),I(1,`p`,43),K(2,`Data`),L(),I(3,`pre`,44),K(4),L()),e&2){let e=t,n=W(3);M(e.variables===void 0?-1:0),O(4),q(e.data===void 0?`No data.`:n.prettyText(e.data))}}function nJ(e,t){if(e&1&&(I(0,`p`,35),K(1),L()),e&2){let e=W(3);O(),q(e.full().result.error??`The page did not send the data.`)}}function rJ(e,t){if(e&1&&j(0,tJ,5,2)(1,nJ,2,1,`p`,35),e&2){let e;M((e=W(2).full().result.detail)?0:1,e)}}function iJ(e,t){if(e&1&&(I(0,`pre`,46),K(1),L()),e&2){let e=W(2).preview,t=W();O(),q(t.prettyText(e))}}function aJ(e,t){if(e&1){let e=V();j(0,iJ,2,1,`pre`,46),I(1,`button`,37),H(`click`,function(){w(e);let t=W().id;return T(W().loadData(t))}),K(2),L()}if(e&2){let e=W().preview,t=W();M(e===void 0?-1:0),O(),F(`disabled`,t.loadingData()),O(),J(` `,t.loadingData()?`Loading…`:`Show all data`,` `)}}function oJ(e,t){if(e&1&&j(0,rJ,2,1)(1,aJ,3,3),e&2){let e=t.id;M(W().full()?.id===e?0:1)}}var sJ=[{value:`all`,label:`All statuses`},{value:`fetching`,label:`Fetching`},{value:`success`,label:`Success`},{value:`error`,label:`Error`},{value:`pending`,label:`Pending`},{value:`stale`,label:`Stale or invalidated`},{value:`inactive`,label:`No observers`}],cJ=class e{rpc=$(null);angularPages=OD(()=>this.rpc());connected=X(()=>Object.keys(this.angularPages()).length>0);destroyRef=C(js);hostPageId=JT();unsubscribe;detailPanel=Ev(`detailPanel`);filters=sJ;writesOff=DT(`tanstackQuery`);canWrite=X(()=>vE(this.rpc(),`tanstackQuery`));pages=D([]);loaded=D(!1);failed=D(!1);view=D(`queries`);filter=D(``);status=D(`all`);selectedPageId=D(null);selectedId=D(null);busy=D(!1);message=D(``);loadingData=D(!1);full=Q({source:()=>this.selectedId(),computation:()=>null});now=D(Date.now());page=X(()=>{let e=this.pages();return e.find(e=>e.pageId===this.selectedPageId())??e.find(e=>e.pageId===this.hostPageId)??e[0]??null});pageOptions=X(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url||e.pageId,hint:e.url})));queries=X(()=>{let e=this.filter().trim().toLowerCase(),t=this.status();return(this.page()?.queries??[]).filter(n=>Sq(n,t)&&(!e||n.keyText.toLowerCase().includes(e)))});mutations=X(()=>{let e=this.filter().trim().toLowerCase();return(this.page()?.mutations??[]).filter(t=>!e||this.mutationLabel(t).toLowerCase().includes(e))});allRows=X(()=>this.view()===`queries`?this.page()?.queries??[]:this.page()?.mutations??[]);rows=X(()=>(this.now(),this.view()===`queries`?this.queries().map(e=>({id:e.id,label:e.keyText,status:e.fetchStatus===`idle`?e.status:e.fetchStatus,tone:xq(e.status,e.fetchStatus),meta:`${vq(e)} · ${e.observers} ${e.observers===1?`observer`:`observers`} · ${this.age(e.dataUpdatedAt)}`})):this.mutations().map(e=>({id:e.id,label:this.mutationLabel(e),status:e.isPaused?`paused`:e.status,tone:e.isPaused?`warn`:xq(e.status),meta:`submitted ${this.age(e.submittedAt)}`}))));countText=X(()=>{let e=this.allRows().length;return`${this.rows().length} of ${e} ${this.view()===`queries`?`queries`:`mutations`}`});selectedQuery=X(()=>this.view()===`queries`?this.page()?.queries.find(e=>e.id===this.selectedId())??null:null);selectedMutation=X(()=>this.view()===`mutations`?this.page()?.mutations.find(e=>e.id===this.selectedId())??null:null);selected=X(()=>this.selectedQuery()??this.selectedMutation());constructor(){vc(()=>{let e=this.rpc();e&&this.load(e)});let e=setInterval(()=>this.now.set(Date.now()),1e3);this.destroyRef.onDestroy(()=>{clearInterval(e),this.unsubscribe?.()})}age(e){let t=this.page();if(!t)return yq(0,e);let n=t.at-t.reportedAt;return yq(this.now()+n-e,e)}freshnessOf(e){return vq(e)}duration(e){return bq(e)}tone(e){return xq(e)}prettyText(e){return nW(e)}mutationLabel(e){return e.keyText??`Mutation ${e.id}`}setView(e){this.view.set(e),this.selectedId.set(null),this.message.set(``)}selectPage(e){this.selectedPageId.set(e),this.selectedId.set(null),this.message.set(``)}select(e){this.selectedId.set(e),this.message.set(``),typeof matchMedia==`function`&&matchMedia(`(max-width: 880px)`).matches&&this.detailPanel()?.nativeElement.scrollIntoView?.({block:`nearest`})}clearFilters(){this.filter.set(``),this.status.set(`all`)}retry(){let e=this.rpc();e&&this.load(e)}async loadData(e){let t=this.page();if(t&&!this.loadingData()){this.loadingData.set(!0);try{let n=await $T(this.rpc(),`request-tanstack-query`,{pageId:t.pageId,request:{type:`detail`,id:e}});this.selectedId()===e&&this.full.set({id:e,result:n??{}})}catch{this.selectedId()===e&&this.full.set({id:e,result:{error:`Could not reach the page to read the data.`}})}finally{this.loadingData.set(!1)}}}async act(e,t){let n=this.page();if(n&&!this.busy()){this.busy.set(!0);try{let r=await $T(this.rpc(),`request-tanstack-query`,{pageId:n.pageId,request:{type:e,id:t}});this.message.set(r?.error??r?.message??`Done.`),this.full.set(null)}catch{this.message.set(`Could not reach the page.`)}finally{this.busy.set(!1)}}}async load(e){this.failed.set(!1);try{let t=await e.scope(`pangular`).rpc.sharedState(`tanstack-query`);if(this.destroyRef.destroyed)return;let n=e=>this.pages.set(_q(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=k({type:e,selectors:[[`app-query-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.detailPanel,Cq,5),e&2&&Qg()},inputs:{rpc:[1,`rpc`]},decls:6,vars:1,consts:[[`dataTpl`,``],[`search`,``],[`detailPanel`,``],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`],[`role`,`status`,1,`state`,`empty-card`],[`type`,`button`,1,`btn`,3,`click`],[1,`state-title`],[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`,`aria-label`,`Filter by key`,`placeholder`,`Filter by key`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Status`,1,`filter-select`,3,`options`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[1,`layout`],[`ariaLabel`,`Status`,1,`filter-select`,3,`valueChange`,`options`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[1,`notice`],[`appRovingList`,`button.row`,1,`rows`],[`aria-labelledby`,`query-detail-heading`,1,`detail`],[`role`,`status`,1,`message`],[`type`,`button`,1,`row`,3,`click`],[1,`row-top`],[1,`key`,3,`title`],[1,`pill`],[1,`row-meta`],[`id`,`query-detail-heading`,1,`detail-title`],[1,`kv`],[1,`muted`],[1,`actions`],[`type`,`button`,1,`btn`,3,`click`,`disabled`],[`id`,`query-writes-off`,1,`hint`],[1,`sub`],[3,`ngTemplateOutlet`,`ngTemplateOutletContext`],[1,`error`],[`id`,`query-detail-heading`,1,`sr-only`],[1,`label`],[`tabindex`,`0`,`aria-label`,`Data`],[`tabindex`,`0`,`aria-label`,`Variables`],[`tabindex`,`0`,`aria-label`,`Preview`]],template:function(e,t){e&1&&(j(0,Eq,2,0,`p`,3)(1,Dq,5,0,`div`,4)(2,Aq,3,1,`div`,5)(3,Ine,26,10),Yh(4,oJ,2,1,`ng-template`,null,0,fv)),e&2&&M(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[py,Ez,KD],styles:[`[_nghost-%COMP%] {
   display: block;
   min-width: 0;
   font-size: 13px;
@@ -10432,7 +10500,7 @@ pre[_ngcontent-%COMP%]:focus-visible {
   .kv[_ngcontent-%COMP%] {
     grid-template-columns: minmax(0, 1fr);
   }
-}`]})},Qq=[`heading`];function $q(e,t){if(e&1){let e=V();z(0,`div`,6)(1,`p`,9),K(2,`Could not explain this field. The devtools server did not answer.`),B(),z(3,`button`,11),U(`click`,function(){return w(e),T(W().retry())}),K(4,`Try again`),B()()}}function eJ(e,t){if(e&1&&(z(0,`pre`,7),K(1),B()),e&2){let e=W();A(`aria-busy`,e.text()===null?`true`:null),O(),q(e.text()??`Loading…`)}}function tJ(e,t){if(e&1){let e=V();z(0,`div`,8)(1,`label`,15),K(2),B(),z(3,`input`,16),U(`input`,function(t){return w(e),T(W().draft.set(t.target.value))})(`keydown.enter`,function(){return w(e),T(W().setValue())}),B(),z(4,`button`,17),U(`click`,function(){return w(e),T(W().setValue())}),K(5,` Set `),B()()}if(e&2){let e=W();O(2),J(`New value for `,e.node().path),O(),Fg(`value`,e.draft()),O(),Fg(`disabled`,!e.canWrite()),A(`aria-describedby`,e.canWrite()?null:`field-writes-off`)}}function nJ(e,t){if(e&1&&(z(0,`p`,9),K(1),z(2,`a`,18),K(3,`How to unmask it`),B()()),e&2){let e=W();O(),J(` No Set editor: this field is redacted (`,e.redactLabel(e.node().redacted),`). `),O(),Fg(`href`,e.unmaskDocsUrl,Au)}}function rJ(e,t){if(e&1&&(z(0,`p`,13),K(1),B()),e&2){let e=W();O(),q(e.writesOff)}}var iJ=class e{form=$.required();node=$.required();version=$(0);rpc=$(null);closed=yv();canWrite=X(()=>hE(this.rpc(),`forms`));writesOff=DT(`forms`);redactLabel=oE;unmaskDocsUrl=sE;target=X(()=>`${this.form().id}|${this.node().path}`);text=Q({source:this.target,computation:()=>null});failed=Q({source:this.target,computation:()=>!1});attempt=D(0);heading=Ev.required(`heading`);host=C(Wl);draft=Q({source:this.target,computation:()=>``});message=Q({source:this.target,computation:()=>``});constructor(){bc(()=>{let e=this.form().id,t=this.node().path;this.version(),this.attempt();let n=this.rpc();Z(()=>this.load(n,e,t))}),Nv(()=>{this.target();let e=Z(this.heading).nativeElement;this.host.nativeElement.scrollIntoView?.({block:`nearest`}),e.focus({preventScroll:!0})})}async load(e,t,n){if(!e)return;let r=await iE(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(dE(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 cE(this.rpc(),{action:e,formId:t,path:n});this.form().id===t&&this.node().path===n&&this.message.set(r.expression?`${lE(r)} ${r.expression}`:lE(r))}async setValue(){let e=this.form().id,t=this.node().path,n=await cE(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(lE(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-forms-field-detail`]],viewQuery:function(e,t){e&1&&Zg(t.heading,Qq,5),e&2&&Qg()},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&&(z(0,`div`,1)(1,`span`,2),K(2,`Field`),B(),z(3,`h3`,3,0),K(5),B(),z(6,`span`,4),K(7),B(),z(8,`button`,5),U(`click`,function(){return t.closed.emit()}),K(9,` Close `),B()(),j(10,$q,5,0,`div`,6)(11,eJ,2,2,`pre`,7),j(12,tJ,6,4,`div`,8)(13,nJ,4,2,`p`,9),z(14,`div`,10)(15,`button`,11),U(`click`,function(){return t.act(`focus`)}),K(16,`Focus`),B(),z(17,`button`,12),U(`click`,function(){return t.act(`mark-touched`)}),K(18,` Touch `),B(),z(19,`button`,12),U(`click`,function(){return t.act(`revalidate`)}),K(20,` Revalidate `),B(),z(21,`button`,11),U(`click`,function(){return t.act(`store-as-global`)}),K(22,`Store as global`),B()(),j(23,rJ,2,1,`p`,13),z(24,`p`,14),K(25),B()),e&2&&(O(5),q(t.node().path||`(form)`),O(2),q(t.node().type),O(),A(`aria-label`,`Close details for `+(t.node().path||`the form`)),O(2),M(t.failed()?10:11),O(2),M(t.node().type===`control`&&!t.node().redacted?12:t.node().type===`control`?13:-1),O(5),Fg(`disabled`,!t.canWrite()),A(`aria-describedby`,t.canWrite()?null:`field-writes-off`),O(2),Fg(`disabled`,!t.canWrite()),A(`aria-describedby`,t.canWrite()?null:`field-writes-off`),O(4),M(t.canWrite()?-1:23),O(2),q(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},lJ=[`heading`];function uJ(e,t){if(e&1){let e=V();z(0,`div`,6)(1,`p`,9),K(2,`Could not explain this field. The devtools server did not answer.`),B(),z(3,`button`,11),U(`click`,function(){return w(e),T(W().retry())}),K(4,`Try again`),B()()}}function dJ(e,t){if(e&1&&(z(0,`pre`,7),K(1),B()),e&2){let e=W();A(`aria-busy`,e.text()===null?`true`:null),O(),q(e.text()??`Loading…`)}}function fJ(e,t){if(e&1){let e=V();z(0,`div`,8)(1,`label`,15),K(2),B(),z(3,`input`,16),U(`input`,function(t){return w(e),T(W().draft.set(t.target.value))})(`keydown.enter`,function(){return w(e),T(W().setValue())}),B(),z(4,`button`,17),U(`click`,function(){return w(e),T(W().setValue())}),K(5,` Set `),B()()}if(e&2){let e=W();O(2),J(`New value for `,e.node().path),O(),Fg(`value`,e.draft()),O(),Fg(`disabled`,!e.canWrite()),A(`aria-describedby`,e.canWrite()?null:`field-writes-off`)}}function pJ(e,t){if(e&1&&(z(0,`p`,9),K(1),z(2,`a`,18),K(3,`How to unmask it`),B()()),e&2){let e=W();O(),J(` No Set editor: this field is redacted (`,e.redactLabel(e.node().redacted),`). `),O(),Fg(`href`,e.unmaskDocsUrl,Au)}}function mJ(e,t){if(e&1&&(z(0,`p`,13),K(1),B()),e&2){let e=W();O(),q(e.writesOff)}}var hJ=class e{form=$.required();node=$.required();version=$(0);rpc=$(null);closed=yv();canWrite=X(()=>vE(this.rpc(),`forms`));writesOff=DT(`forms`);redactLabel=lE;unmaskDocsUrl=uE;target=X(()=>`${this.form().id}|${this.node().path}`);text=Q({source:this.target,computation:()=>null});failed=Q({source:this.target,computation:()=>!1});attempt=D(0);heading=Ev.required(`heading`);host=C(Hl);draft=Q({source:this.target,computation:()=>``});message=Q({source:this.target,computation:()=>``});constructor(){vc(()=>{let e=this.form().id,t=this.node().path;this.version(),this.attempt();let n=this.rpc();Z(()=>this.load(n,e,t))}),Nv(()=>{this.target();let e=Z(this.heading).nativeElement;this.host.nativeElement.scrollIntoView?.({block:`nearest`}),e.focus({preventScroll:!0})})}async load(e,t,n){if(!e)return;let r=await sE(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(mE(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 dE(this.rpc(),{action:e,formId:t,path:n});this.form().id===t&&this.node().path===n&&this.message.set(r.expression?`${fE(r)} ${r.expression}`:fE(r))}async setValue(){let e=this.form().id,t=this.node().path,n=await dE(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(fE(n))}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-forms-field-detail`]],viewQuery:function(e,t){e&1&&Zg(t.heading,lJ,5),e&2&&Qg()},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&&(z(0,`div`,1)(1,`span`,2),K(2,`Field`),B(),z(3,`h3`,3,0),K(5),B(),z(6,`span`,4),K(7),B(),z(8,`button`,5),U(`click`,function(){return t.closed.emit()}),K(9,` Close `),B()(),j(10,uJ,5,0,`div`,6)(11,dJ,2,2,`pre`,7),j(12,fJ,6,4,`div`,8)(13,pJ,4,2,`p`,9),z(14,`div`,10)(15,`button`,11),U(`click`,function(){return t.act(`focus`)}),K(16,`Focus`),B(),z(17,`button`,12),U(`click`,function(){return t.act(`mark-touched`)}),K(18,` Touch `),B(),z(19,`button`,12),U(`click`,function(){return t.act(`revalidate`)}),K(20,` Revalidate `),B(),z(21,`button`,11),U(`click`,function(){return t.act(`store-as-global`)}),K(22,`Store as global`),B()(),j(23,mJ,2,1,`p`,13),z(24,`p`,14),K(25),B()),e&2&&(O(5),q(t.node().path||`(form)`),O(2),q(t.node().type),O(),A(`aria-label`,`Close details for `+(t.node().path||`the form`)),O(2),M(t.failed()?10:11),O(2),M(t.node().type===`control`&&!t.node().redacted?12:t.node().type===`control`?13:-1),O(5),Fg(`disabled`,!t.canWrite()),A(`aria-describedby`,t.canWrite()?null:`field-writes-off`),O(2),Fg(`disabled`,!t.canWrite()),A(`aria-describedby`,t.canWrite()?null:`field-writes-off`),O(4),M(t.canWrite()?-1:23),O(2),q(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -10773,7 +10841,7 @@ h3[_ngcontent-%COMP%]:focus-visible {
 .status[_ngcontent-%COMP%]:empty {
   height: 0;
   margin: -12px 0 0;
-}`]})};function aJ(e,t){if(e&1){let e=V();z(0,`div`,0)(1,`p`,4),K(2,`Could not explain this form`),B(),z(3,`p`),K(4,`The devtools server did not answer. Check that the app is running, then try again.`),B(),z(5,`button`,2),U(`click`,function(){return w(e),T(W().retry())}),K(6,`Try again`),B()()}}function oJ(e,t){if(e&1&&(z(0,`section`,5)(1,`h3`,6),K(2,`Submit`),B(),z(3,`pre`,7),K(4),B()(),z(5,`section`,8)(6,`h3`,9),K(7,`Payload`),B(),z(8,`pre`,7),K(9),B()()),e&2){let e=W();O(3),A(`aria-busy`,e.submit()===null?`true`:null),O(),q(e.submit()??`Loading…`),O(4),A(`aria-busy`,e.payload()===null?`true`:null),O(),q(e.payload()??`Loading…`)}}function sJ(e,t){if(e&1){let e=V();z(0,`div`,0)(1,`p`,3),K(2,`Could not check this form`),B(),z(3,`p`),K(4,`The devtools server did not answer. Check that the app is running, then try again.`),B(),z(5,`button`,4),U(`click`,function(){return w(e),T(W().retry())}),K(6,`Try again`),B()()}}function cJ(e,t){e&1&&(z(0,`div`,1),kg(1,`span`,5),z(2,`p`),K(3,`Checking the form for problems…`),B()())}function lJ(e,t){e&1&&(z(0,`div`,2)(1,`span`,6),E(),z(2,`svg`,7),kg(3,`path`,8),B()(),Cs(),z(4,`p`,3),K(5,`No problems found`),B(),z(6,`p`),K(7,`For generic accessibility checks, run axe on the page.`),B()())}function uJ(e,t){if(e&1){let e=V();z(0,`span`,15),K(1,`at `),z(2,`button`,19),U(`click`,function(){let t=w(e);return T(W(3).showField.emit(t))}),z(3,`span`,20),K(4,`Show field `),B(),z(5,`code`),K(6),B()()()}e&2&&(O(6),q(t))}function dJ(e,t){if(e&1&&(z(0,`li`)(1,`div`,12)(2,`span`,13),K(3),B(),z(4,`code`,14),K(5),B(),j(6,uJ,7,1,`span`,15),B(),z(7,`p`,16),K(8),B(),z(9,`p`,17)(10,`span`,18),K(11,`Fix`),B(),K(12),B()()),e&2){let e,n=t.$implicit;A(`data-severity`,n.severity),O(2),A(`data-tone`,n.severity===`info`?``:n.severity===`error`?`bad`:`warn`),O(),q(n.severity),O(2),q(n.rule),O(),M((e=n.path)?6:-1,e),O(2),q(n.message),O(4),J(` `,n.fix)}}function fJ(e,t){if(e&1&&(z(0,`p`,9)(1,`span`,10),K(2),B(),K(3),B(),z(4,`ul`,11),N(5,dJ,13,7,`li`,null,_g),B()),e&2){let e=W();O(2),q(e.findings().length),O(),J(` `,e.findings().length===1?`finding`:`findings`,` `),O(2),P(e.findings())}}var pJ=class e{formId=$.required();version=$(0);rpc=$(null);submit=Q({source:this.formId,computation:()=>null});payload=Q({source:this.formId,computation:()=>null});failed=Q({source:this.formId,computation:()=>!1});message=D(``);attempt=D(0);constructor(){bc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Z(async()=>{let[n,r]=await Promise.all([iE(t,`forms-explain`,{kind:`submit`,form:e}),iE(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(dE(n)),this.payload.set(dE(r))}})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async copyFixture(){let e=(await iE(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=k({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&&(j(0,aJ,7,0,`div`,0)(1,oJ,10,4),z(2,`div`,1)(3,`button`,2),U(`click`,function(){return t.copyFixture()}),K(4,`Copy test fixture`),B(),z(5,`span`,3),K(6),B()()),e&2&&(M(+!t.failed()),O(6),q(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})};function gJ(e,t){if(e&1){let e=V();z(0,`div`,0)(1,`p`,4),K(2,`Could not explain this form`),B(),z(3,`p`),K(4,`The devtools server did not answer. Check that the app is running, then try again.`),B(),z(5,`button`,2),U(`click`,function(){return w(e),T(W().retry())}),K(6,`Try again`),B()()}}function _J(e,t){if(e&1&&(z(0,`section`,5)(1,`h3`,6),K(2,`Submit`),B(),z(3,`pre`,7),K(4),B()(),z(5,`section`,8)(6,`h3`,9),K(7,`Payload`),B(),z(8,`pre`,7),K(9),B()()),e&2){let e=W();O(3),A(`aria-busy`,e.submit()===null?`true`:null),O(),q(e.submit()??`Loading…`),O(4),A(`aria-busy`,e.payload()===null?`true`:null),O(),q(e.payload()??`Loading…`)}}function vJ(e,t){if(e&1){let e=V();z(0,`div`,0)(1,`p`,3),K(2,`Could not check this form`),B(),z(3,`p`),K(4,`The devtools server did not answer. Check that the app is running, then try again.`),B(),z(5,`button`,4),U(`click`,function(){return w(e),T(W().retry())}),K(6,`Try again`),B()()}}function yJ(e,t){e&1&&(z(0,`div`,1),kg(1,`span`,5),z(2,`p`),K(3,`Checking the form for problems…`),B()())}function bJ(e,t){e&1&&(z(0,`div`,2)(1,`span`,6),E(),z(2,`svg`,7),kg(3,`path`,8),B()(),xs(),z(4,`p`,3),K(5,`No problems found`),B(),z(6,`p`),K(7,`For generic accessibility checks, run axe on the page.`),B()())}function xJ(e,t){if(e&1){let e=V();z(0,`span`,15),K(1,`at `),z(2,`button`,19),U(`click`,function(){let t=w(e);return T(W(3).showField.emit(t))}),z(3,`span`,20),K(4,`Show field `),B(),z(5,`code`),K(6),B()()()}e&2&&(O(6),q(t))}function SJ(e,t){if(e&1&&(z(0,`li`)(1,`div`,12)(2,`span`,13),K(3),B(),z(4,`code`,14),K(5),B(),j(6,xJ,7,1,`span`,15),B(),z(7,`p`,16),K(8),B(),z(9,`p`,17)(10,`span`,18),K(11,`Fix`),B(),K(12),B()()),e&2){let e,n=t.$implicit;A(`data-severity`,n.severity),O(2),A(`data-tone`,n.severity===`info`?``:n.severity===`error`?`bad`:`warn`),O(),q(n.severity),O(2),q(n.rule),O(),M((e=n.path)?6:-1,e),O(2),q(n.message),O(4),J(` `,n.fix)}}function CJ(e,t){if(e&1&&(z(0,`p`,9)(1,`span`,10),K(2),B(),K(3),B(),z(4,`ul`,11),N(5,SJ,13,7,`li`,null,_g),B()),e&2){let e=W();O(2),q(e.findings().length),O(),J(` `,e.findings().length===1?`finding`:`findings`,` `),O(2),P(e.findings())}}var wJ=class e{formId=$.required();version=$(0);rpc=$(null);submit=Q({source:this.formId,computation:()=>null});payload=Q({source:this.formId,computation:()=>null});failed=Q({source:this.formId,computation:()=>!1});message=D(``);attempt=D(0);constructor(){vc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Z(async()=>{let[n,r]=await Promise.all([sE(t,`forms-explain`,{kind:`submit`,form:e}),sE(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(mE(n)),this.payload.set(mE(r))}})})}retry(){this.failed.set(!1),this.attempt.update(e=>e+1)}async copyFixture(){let e=(await sE(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=k({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&&(j(0,gJ,7,0,`div`,0)(1,_J,10,4),z(2,`div`,1)(3,`button`,2),U(`click`,function(){return t.copyFixture()}),K(4,`Copy test fixture`),B(),z(5,`span`,3),K(6),B()()),e&2&&(M(+!t.failed()),O(6),q(t.message()))},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -11045,7 +11113,7 @@ code[_ngcontent-%COMP%] {
   flex-wrap: wrap;
   gap: 8px 12px;
   align-items: center;
-}`]})},mJ=class e{formId=$.required();version=$(0);rpc=$(null);showField=yv();findings=Q({source:this.formId,computation:()=>null});failed=Q({source:this.formId,computation:()=>!1});attempt=D(0);constructor(){bc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Z(async()=>{let n=await iE(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=k({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&&j(0,sJ,7,0,`div`,0)(1,cJ,4,0,`div`,1)(2,lJ,8,0,`div`,2)(3,fJ,7,2),e&2&&M(t.failed()?0:t.findings()===null?1:t.findings().length?3:2)},styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},TJ=class e{formId=$.required();version=$(0);rpc=$(null);showField=yv();findings=Q({source:this.formId,computation:()=>null});failed=Q({source:this.formId,computation:()=>!1});attempt=D(0);constructor(){vc(()=>{let e=this.formId();this.version(),this.attempt();let t=this.rpc();t&&Z(async()=>{let n=await sE(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=k({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&&j(0,vJ,7,0,`div`,0)(1,yJ,4,0,`div`,1)(2,bJ,8,0,`div`,2)(3,CJ,7,2),e&2&&M(t.failed()?0:t.findings()===null?1:t.findings().length?3:2)},styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -11401,7 +11469,7 @@ code[_ngcontent-%COMP%] {
   font-weight: 600;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-}`]})},hJ=[`pathInput`],gJ=()=>[],_J=(e,t)=>t.formId+`#`+t.seq;function vJ(e,t){e&1&&R(0,`span`,6)}function yJ(e,t){if(e&1){let e=V();I(0,`label`)(1,`input`,21),H(`change`,function(){let t=w(e).$implicit;return T(W().filter.set(t))}),L(),K(2),L()}if(e&2){let e=t.$implicit,n=W();O(),F(`value`,e)(`checked`,e===n.filter()),O(),J(` `,e,` `)}}function bJ(e,t){if(e&1&&(I(0,`span`,26),K(1),L()),e&2){let e=W().$implicit;A(`data-tone`,e.outcome===`ran`?``:`bad`),O(),q(e.outcome)}}function xJ(e,t){if(e&1&&(I(0,`span`,26),K(1),L()),e&2){let e=W().$implicit;O(),J(`×`,e.count)}}function SJ(e,t){if(e&1&&(I(0,`span`,26),K(1),L()),e&2){let e=W().$implicit;O(),q(e.origin)}}function CJ(e,t){if(e&1&&(I(0,`span`,26),K(1),L()),e&2){let e=W().$implicit;A(`data-tone`,e.ms>1e3?`warn`:``),O(),J(`pending `,e.ms,`ms`)}}function wJ(e,t){if(e&1&&(I(0,`span`,26),K(1),L()),e&2){let e=W().$implicit;A(`data-tone`,e.renders>20?`warn`:``),O(),Y(``,e.renders,` renders: `,(e.rendered??nv(3,gJ)).join(`, `))}}function TJ(e,t){if(e&1&&(I(0,`span`,29),K(1),L(),I(2,`span`,30),K(3,`→`),L(),I(4,`span`,9),K(5,`changed to`),L()),e&2){let e=W(2).$implicit;O(),q(e.prev)}}function EJ(e,t){if(e&1&&(I(0,`div`,27),j(1,TJ,6,1),K(2),L()),e&2){let e=W().$implicit;O(),M(e.prev===void 0?-1:1),O(),J(` `,e.detail,` `)}}function DJ(e,t){if(e&1&&(I(0,`span`,28),K(1),L()),e&2){let e=W().$implicit;O(),J(`from `,e.caller)}}function OJ(e,t){if(e&1&&(I(0,`li`)(1,`time`),K(2),L(),I(3,`div`,22)(4,`div`,23)(5,`code`,24),K(6),L(),I(7,`span`,25),K(8),L(),j(9,bJ,2,2,`span`,26),j(10,xJ,2,1,`span`,26),j(11,SJ,2,1,`span`,26),j(12,CJ,2,2,`span`,26),j(13,wJ,2,4,`span`,26),L(),j(14,EJ,3,2,`div`,27),j(15,DJ,2,1,`span`,28),L()()),e&2){let e=t.$implicit,n=W(2);A(`data-type`,e.type),O(),A(`datetime`,n.iso(e.timestamp)),O(),q(n.time(e.timestamp)),O(4),q(e.path||`(form)`),O(2),q(e.type),O(),M(e.outcome?9:-1),O(),M(e.count&&e.count>1?10:-1),O(),M(e.origin?11:-1),O(),M(e.ms===void 0?-1:12),O(),M(e.renders?13:-1),O(),M(e.prev!==void 0||e.detail?14:-1),O(),M(e.caller?15:-1)}}function kJ(e,t){if(e&1&&(I(0,`ol`,19),N(1,OJ,16,12,`li`,null,_J),L()),e&2){let e=W();O(),P(e.shown())}}function AJ(e,t){if(e&1){let e=V();I(0,`div`,20)(1,`p`,31),K(2,`No events match these filters`),L(),I(3,`p`),K(4,`Change the path, type or origin, or interact with the form to record more.`),L(),I(5,`button`,32),H(`click`,function(){return w(e),T(W().clearFilters())}),K(6,`Clear filters`),L()()}}function jJ(e,t){e&1&&(I(0,`div`,20)(1,`p`,31),K(2,`No changes yet`),L(),I(3,`p`),K(4,`Type into the form to see them here.`),L()())}var MJ=[`all`,`user`,`code`,`agent`,`devtools`],NJ=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],PJ=class e{events=$.required();recording=$(!1);record=yv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=MJ;filter=D(`all`);pathFilter=D(``);typeFilter=D(`all`);pathInput=Ev(`pathInput`);typeOptions=X(()=>{let e=new Set(this.events().map(e=>e.type)),t=this.typeFilter();t&&t!==`all`&&e.add(t);let n=NJ.filter(t=>e.has(t)),r=[...e].filter(e=>!NJ.includes(e)).sort();return[{value:`all`,label:`All types`},...[...n,...r].map(e=>({value:e,label:e}))]});matching=X(()=>{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=X(()=>this.matching().slice(-100).reverse());filtered=X(()=>this.filter()!==`all`||(this.typeFilter()??`all`)!==`all`||!!this.pathFilter().trim());summary=X(()=>{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=X(()=>(this.filter(),this.typeFilter(),this.pathFilter(),Z(()=>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=pO;static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-forms-timeline`]],viewQuery:function(e,t){e&1&&Zg(t.pathInput,hJ,5),e&2&&Qg()},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=V();I(0,`div`,1)(1,`label`,2)(2,`input`,3),H(`change`,function(e){return t.toggle(e)}),L(),I(3,`span`,4)(4,`span`,5),j(5,vJ,1,0,`span`,6),K(6,` Record details `),L(),I(7,`span`,7),K(8,`Record calling code, validator changes and renders per keystroke`),L()()(),I(9,`fieldset`,8)(10,`legend`,9),K(11,`Show changes from`),L(),N(12,yJ,3,3,`label`,null,vg),L()(),I(14,`div`,10)(15,`div`,11),E(),I(16,`svg`,12),R(17,`circle`,13)(18,`path`,14),L(),Cs(),I(19,`input`,15,0),H(`input`,function(e){return t.pathFilter.set(e.target.value)})(`keydown.escape`,function(){return t.pathFilter.set(``)}),L()(),I(21,`app-select`,16),U_(`valueChange`,function(n){return w(e),H_(t.typeFilter,n)||(t.typeFilter=n),T(n)}),L(),I(22,`span`,17),K(23),L(),I(24,`span`,18),K(25),L()(),j(26,kJ,3,0,`ol`,19)(27,AJ,7,0,`div`,20)(28,jJ,5,0,`div`,20)}e&2&&(O(),G(`on`,t.recording()),O(),F(`checked`,t.recording()),O(3),M(t.recording()?5:-1),O(7),P(t.origins),O(7),F(`value`,t.pathFilter()),O(2),F(`options`,t.typeOptions()),V_(`value`,t.typeFilter),O(2),q(t.summary()),O(2),q(t.filterStatus()),O(),M(t.shown().length?26:t.events().length?27:28))},dependencies:[UD],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},EJ=[`pathInput`],DJ=()=>[],OJ=(e,t)=>t.formId+`#`+t.seq;function kJ(e,t){e&1&&R(0,`span`,6)}function AJ(e,t){if(e&1){let e=V();I(0,`label`)(1,`input`,21),H(`change`,function(){let t=w(e).$implicit;return T(W().filter.set(t))}),L(),K(2),L()}if(e&2){let e=t.$implicit,n=W();O(),F(`value`,e)(`checked`,e===n.filter()),O(),J(` `,e,` `)}}function jJ(e,t){if(e&1&&(I(0,`span`,26),K(1),L()),e&2){let e=W().$implicit;A(`data-tone`,e.outcome===`ran`?``:`bad`),O(),q(e.outcome)}}function MJ(e,t){if(e&1&&(I(0,`span`,26),K(1),L()),e&2){let e=W().$implicit;O(),J(`×`,e.count)}}function NJ(e,t){if(e&1&&(I(0,`span`,26),K(1),L()),e&2){let e=W().$implicit;O(),q(e.origin)}}function PJ(e,t){if(e&1&&(I(0,`span`,26),K(1),L()),e&2){let e=W().$implicit;A(`data-tone`,e.ms>1e3?`warn`:``),O(),J(`pending `,e.ms,`ms`)}}function FJ(e,t){if(e&1&&(I(0,`span`,26),K(1),L()),e&2){let e=W().$implicit;A(`data-tone`,e.renders>20?`warn`:``),O(),Y(``,e.renders,` renders: `,(e.rendered??nv(3,DJ)).join(`, `))}}function IJ(e,t){if(e&1&&(I(0,`span`,29),K(1),L(),I(2,`span`,30),K(3,`→`),L(),I(4,`span`,9),K(5,`changed to`),L()),e&2){let e=W(2).$implicit;O(),q(e.prev)}}function LJ(e,t){if(e&1&&(I(0,`div`,27),j(1,IJ,6,1),K(2),L()),e&2){let e=W().$implicit;O(),M(e.prev===void 0?-1:1),O(),J(` `,e.detail,` `)}}function RJ(e,t){if(e&1&&(I(0,`span`,28),K(1),L()),e&2){let e=W().$implicit;O(),J(`from `,e.caller)}}function zJ(e,t){if(e&1&&(I(0,`li`)(1,`time`),K(2),L(),I(3,`div`,22)(4,`div`,23)(5,`code`,24),K(6),L(),I(7,`span`,25),K(8),L(),j(9,jJ,2,2,`span`,26),j(10,MJ,2,1,`span`,26),j(11,NJ,2,1,`span`,26),j(12,PJ,2,2,`span`,26),j(13,FJ,2,4,`span`,26),L(),j(14,LJ,3,2,`div`,27),j(15,RJ,2,1,`span`,28),L()()),e&2){let e=t.$implicit,n=W(2);A(`data-type`,e.type),O(),A(`datetime`,n.iso(e.timestamp)),O(),q(n.time(e.timestamp)),O(4),q(e.path||`(form)`),O(2),q(e.type),O(),M(e.outcome?9:-1),O(),M(e.count&&e.count>1?10:-1),O(),M(e.origin?11:-1),O(),M(e.ms===void 0?-1:12),O(),M(e.renders?13:-1),O(),M(e.prev!==void 0||e.detail?14:-1),O(),M(e.caller?15:-1)}}function BJ(e,t){if(e&1&&(I(0,`ol`,19),N(1,zJ,16,12,`li`,null,OJ),L()),e&2){let e=W();O(),P(e.shown())}}function VJ(e,t){if(e&1){let e=V();I(0,`div`,20)(1,`p`,31),K(2,`No events match these filters`),L(),I(3,`p`),K(4,`Change the path, type or origin, or interact with the form to record more.`),L(),I(5,`button`,32),H(`click`,function(){return w(e),T(W().clearFilters())}),K(6,`Clear filters`),L()()}}function HJ(e,t){e&1&&(I(0,`div`,20)(1,`p`,31),K(2,`No changes yet`),L(),I(3,`p`),K(4,`Type into the form to see them here.`),L()())}var UJ=[`all`,`user`,`code`,`agent`,`devtools`],WJ=[`value`,`status`,`touched`,`dirty`,`submit`,`reset`,`added`,`removed`,`moved`,`validators`],GJ=class e{events=$.required();recording=$(!1);record=yv();toggle(e){let t=e.target;t.checked=this.recording(),this.record.emit(!this.recording())}origins=UJ;filter=D(`all`);pathFilter=D(``);typeFilter=D(`all`);pathInput=Ev(`pathInput`);typeOptions=X(()=>{let e=new Set(this.events().map(e=>e.type)),t=this.typeFilter();t&&t!==`all`&&e.add(t);let n=WJ.filter(t=>e.has(t)),r=[...e].filter(e=>!WJ.includes(e)).sort();return[{value:`all`,label:`All types`},...[...n,...r].map(e=>({value:e,label:e}))]});matching=X(()=>{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=X(()=>this.matching().slice(-100).reverse());filtered=X(()=>this.filter()!==`all`||(this.typeFilter()??`all`)!==`all`||!!this.pathFilter().trim());summary=X(()=>{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=X(()=>(this.filter(),this.typeFilter(),this.pathFilter(),Z(()=>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=gO;static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-forms-timeline`]],viewQuery:function(e,t){e&1&&Zg(t.pathInput,EJ,5),e&2&&Qg()},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=V();I(0,`div`,1)(1,`label`,2)(2,`input`,3),H(`change`,function(e){return t.toggle(e)}),L(),I(3,`span`,4)(4,`span`,5),j(5,kJ,1,0,`span`,6),K(6,` Record details `),L(),I(7,`span`,7),K(8,`Record calling code, validator changes and renders per keystroke`),L()()(),I(9,`fieldset`,8)(10,`legend`,9),K(11,`Show changes from`),L(),N(12,AJ,3,3,`label`,null,vg),L()(),I(14,`div`,10)(15,`div`,11),E(),I(16,`svg`,12),R(17,`circle`,13)(18,`path`,14),L(),xs(),I(19,`input`,15,0),H(`input`,function(e){return t.pathFilter.set(e.target.value)})(`keydown.escape`,function(){return t.pathFilter.set(``)}),L()(),I(21,`app-select`,16),U_(`valueChange`,function(n){return w(e),H_(t.typeFilter,n)||(t.typeFilter=n),T(n)}),L(),I(22,`span`,17),K(23),L(),I(24,`span`,18),K(25),L()(),j(26,BJ,3,0,`ol`,19)(27,VJ,7,0,`div`,20)(28,HJ,5,0,`div`,20)}e&2&&(O(),G(`on`,t.recording()),O(),F(`checked`,t.recording()),O(3),M(t.recording()?5:-1),O(7),P(t.origins),O(7),F(`value`,t.pathFilter()),O(2),F(`options`,t.typeOptions()),V_(`value`,t.typeFilter),O(2),q(t.summary()),O(2),q(t.filterStatus()),O(),M(t.shown().length?26:t.events().length?27:28))},dependencies:[KD],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -11997,7 +12065,7 @@ time[_ngcontent-%COMP%] {
     justify-content: center;
     padding: 0 8px;
   }
-}`]})},FJ=(e,t)=>t.path;function IJ(e,t){e&1&&(z(0,`span`,6),K(1,`duplicate name`),B())}function LJ(e,t){if(e&1&&(z(0,`p`,7),K(1),B()),e&2){let e=W();O(),q(e.description)}}function RJ(e,t){if(e&1&&(z(0,`p`,8),K(1),B()),e&2){let e=W();O(),q(e.error)}}function zJ(e,t){if(e&1&&(z(0,`li`)(1,`code`),K(2),B(),K(3),B()),e&2){let e=t.$implicit;O(2),q(e.path),O(),J(` is `,e.reason,` `)}}function BJ(e,t){if(e&1&&(z(0,`div`,9)(1,`p`,10),K(2,`Angular could not infer an input schema. These fields block it:`),B(),z(3,`ul`),N(4,zJ,4,2,`li`,null,FJ),B()()),e&2){let e=W();O(4),P(e.blocking)}}function VJ(e,t){e&1&&(z(0,`span`,12),K(1,`required`),B())}function HJ(e,t){if(e&1&&(z(0,`li`)(1,`code`),K(2),B(),j(3,VJ,2,0,`span`,12),B()),e&2){let e=t.$implicit,n=W(3);O(2),q(e),O(),M(n.isRequired(e)?3:-1)}}function UJ(e,t){if(e&1&&(z(0,`div`,9)(1,`p`,10),K(2,`Inputs`),B(),z(3,`ul`,11),N(4,HJ,4,2,`li`,null,vg),B()()),e&2){let e=W();O(4),P(e.inputs)}}function WJ(e,t){if(e&1&&(z(0,`li`)(1,`code`),K(2),B(),K(3),B()),e&2){let e=t.$implicit;O(2),q(e.path),O(),J(` is now `,e.now?`required`:`optional`,` `)}}function GJ(e,t){if(e&1&&(z(0,`div`,9)(1,`p`,10),K(2,` Required changed since registration. Angular reads it once, so agents still see the old schema: `),B(),z(3,`ul`),N(4,WJ,4,2,`li`,null,FJ),B()()),e&2){let e=W();O(4),P(e.requiredChanged)}}function KJ(e,t){if(e&1&&(z(0,`span`,10),K(1),B()),e&2){let e=W().$implicit;O(),J(``,e.ms,` ms`)}}function qJ(e,t){if(e&1&&(z(0,`span`,10),K(1),B()),e&2){let e=W().$implicit;O(),J(`fields `,e.fields.join(`, `))}}function JJ(e,t){if(e&1&&(z(0,`pre`,13),K(1),B()),e&2){let e=W().$implicit;O(),q(e.detail)}}function YJ(e,t){if(e&1&&(z(0,`li`)(1,`time`),K(2),cv(3,`date`),B(),z(4,`span`,5),K(5),B(),j(6,KJ,2,1,`span`,10),j(7,qJ,2,1,`span`,10),j(8,JJ,2,1,`pre`,13),B()),e&2){let e=t.$implicit,n=W(3);O(),A(`datetime`,n.iso(e.at)),O(),q(uv(3,7,e.at,`HH:mm:ss`)),O(2),A(`data-state`,e.outcome),O(),q(n.outcome(e.outcome)),O(),M(e.ms===void 0?-1:6),O(),M(e.fields?.length?7:-1),O(),M(e.detail?8:-1)}}function XJ(e,t){if(e&1&&(z(0,`ul`),N(1,YJ,9,10,`li`,null,_g),B()),e&2){let e=W();O(),P(e.calls)}}function ZJ(e,t){e&1&&(z(0,`p`,10),K(1,` Calls are not recorded for a tool registered before the inspector attached. `),B())}function QJ(e,t){e&1&&(z(0,`p`,10),K(1,`No agent has called this tool since the inspector attached.`),B())}function $J(e,t){if(e&1&&(z(0,`section`,0)(1,`div`,2)(2,`h3`,3),K(3,`WebMCP tool`),B(),z(4,`code`,4),K(5),B(),z(6,`span`,5),K(7),B(),j(8,IJ,2,0,`span`,6),B(),j(9,LJ,2,1,`p`,7),j(10,RJ,2,1,`p`,8),j(11,BJ,6,0,`div`,9),j(12,UJ,6,0,`div`,9),j(13,GJ,6,0,`div`,9),z(14,`div`,9)(15,`p`,10),K(16,`Recent calls`),B(),j(17,XJ,3,0,`ul`)(18,ZJ,2,0,`p`,10)(19,QJ,2,0,`p`,10),B()()),e&2){let e=t,n=W();O(5),q(e.name),O(),A(`data-state`,e.status),O(),q(n.statusText()),O(),M(e.duplicate?8:-1),O(),M(e.description?9:-1),O(),M(e.status===`failed`&&e.error&&e.error!==`schema`?10:-1),O(),M(e.blocking?.length?11:-1),O(),M(e.inputs?.length?12:-1),O(),M(e.requiredChanged?.length?13:-1),O(4),M(e.calls?.length?17:e.seen===`list`?18:19)}}function eY(e,t){e&1&&(z(0,`p`,1),K(1,` This app uses `),z(2,`code`),K(3,`provideExperimentalWebMcpForms()`),B(),K(4,`, but the browser has no `),z(5,`code`),K(6,`modelContext`),B(),K(7,`, so Angular registers no WebMCP tool for this form. `),B())}var tY={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},nY=class e{tool=$();page=$();signalForm=$(!1);statusText=X(()=>{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=X(()=>{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 tY[e]??e}iso(e){return new Date(e).toISOString()}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&j(0,$J,20,10,`section`,0)(1,eY,8,0,`p`,1),e&2){let e;M((e=t.tool())?0:t.noModelContext()?1:-1,e)}},dependencies:[vy],styles:[`[_nghost-%COMP%] {
+}`]})},KJ=(e,t)=>t.path;function qJ(e,t){e&1&&(z(0,`span`,6),K(1,`duplicate name`),B())}function JJ(e,t){if(e&1&&(z(0,`p`,7),K(1),B()),e&2){let e=W();O(),q(e.description)}}function YJ(e,t){if(e&1&&(z(0,`p`,8),K(1),B()),e&2){let e=W();O(),q(e.error)}}function XJ(e,t){if(e&1&&(z(0,`li`)(1,`code`),K(2),B(),K(3),B()),e&2){let e=t.$implicit;O(2),q(e.path),O(),J(` is `,e.reason,` `)}}function ZJ(e,t){if(e&1&&(z(0,`div`,9)(1,`p`,10),K(2,`Angular could not infer an input schema. These fields block it:`),B(),z(3,`ul`),N(4,XJ,4,2,`li`,null,KJ),B()()),e&2){let e=W();O(4),P(e.blocking)}}function QJ(e,t){e&1&&(z(0,`span`,12),K(1,`required`),B())}function $J(e,t){if(e&1&&(z(0,`li`)(1,`code`),K(2),B(),j(3,QJ,2,0,`span`,12),B()),e&2){let e=t.$implicit,n=W(3);O(2),q(e),O(),M(n.isRequired(e)?3:-1)}}function eY(e,t){if(e&1&&(z(0,`div`,9)(1,`p`,10),K(2,`Inputs`),B(),z(3,`ul`,11),N(4,$J,4,2,`li`,null,vg),B()()),e&2){let e=W();O(4),P(e.inputs)}}function tY(e,t){if(e&1&&(z(0,`li`)(1,`code`),K(2),B(),K(3),B()),e&2){let e=t.$implicit;O(2),q(e.path),O(),J(` is now `,e.now?`required`:`optional`,` `)}}function nY(e,t){if(e&1&&(z(0,`div`,9)(1,`p`,10),K(2,` Required changed since registration. Angular reads it once, so agents still see the old schema: `),B(),z(3,`ul`),N(4,tY,4,2,`li`,null,KJ),B()()),e&2){let e=W();O(4),P(e.requiredChanged)}}function rY(e,t){if(e&1&&(z(0,`span`,10),K(1),B()),e&2){let e=W().$implicit;O(),J(``,e.ms,` ms`)}}function iY(e,t){if(e&1&&(z(0,`span`,10),K(1),B()),e&2){let e=W().$implicit;O(),J(`fields `,e.fields.join(`, `))}}function aY(e,t){if(e&1&&(z(0,`pre`,13),K(1),B()),e&2){let e=W().$implicit;O(),q(e.detail)}}function oY(e,t){if(e&1&&(z(0,`li`)(1,`time`),K(2),cv(3,`date`),B(),z(4,`span`,5),K(5),B(),j(6,rY,2,1,`span`,10),j(7,iY,2,1,`span`,10),j(8,aY,2,1,`pre`,13),B()),e&2){let e=t.$implicit,n=W(3);O(),A(`datetime`,n.iso(e.at)),O(),q(uv(3,7,e.at,`HH:mm:ss`)),O(2),A(`data-state`,e.outcome),O(),q(n.outcome(e.outcome)),O(),M(e.ms===void 0?-1:6),O(),M(e.fields?.length?7:-1),O(),M(e.detail?8:-1)}}function sY(e,t){if(e&1&&(z(0,`ul`),N(1,oY,9,10,`li`,null,_g),B()),e&2){let e=W();O(),P(e.calls)}}function cY(e,t){e&1&&(z(0,`p`,10),K(1,` Calls are not recorded for a tool registered before the inspector attached. `),B())}function lY(e,t){e&1&&(z(0,`p`,10),K(1,`No agent has called this tool since the inspector attached.`),B())}function uY(e,t){if(e&1&&(z(0,`section`,0)(1,`div`,2)(2,`h3`,3),K(3,`WebMCP tool`),B(),z(4,`code`,4),K(5),B(),z(6,`span`,5),K(7),B(),j(8,qJ,2,0,`span`,6),B(),j(9,JJ,2,1,`p`,7),j(10,YJ,2,1,`p`,8),j(11,ZJ,6,0,`div`,9),j(12,eY,6,0,`div`,9),j(13,nY,6,0,`div`,9),z(14,`div`,9)(15,`p`,10),K(16,`Recent calls`),B(),j(17,sY,3,0,`ul`)(18,cY,2,0,`p`,10)(19,lY,2,0,`p`,10),B()()),e&2){let e=t,n=W();A(`aria-labelledby`,n.uid+`-title `+n.uid+`-name`),O(2),Fg(`id`,n.uid+`-title`),O(2),Fg(`id`,n.uid+`-name`),O(),q(e.name),O(),A(`data-state`,e.status),O(),q(n.statusText()),O(),M(e.duplicate?8:-1),O(),M(e.description?9:-1),O(),M(e.status===`failed`&&e.error&&e.error!==`schema`?10:-1),O(),M(e.blocking?.length?11:-1),O(),M(e.inputs?.length?12:-1),O(),M(e.requiredChanged?.length?13:-1),O(4),M(e.calls?.length?17:e.seen===`list`?18:19)}}function dY(e,t){e&1&&(z(0,`p`,1),K(1,` This app uses `),z(2,`code`),K(3,`provideExperimentalWebMcpForms()`),B(),K(4,`, but the browser has no `),z(5,`code`),K(6,`modelContext`),B(),K(7,`, so Angular registers no WebMCP tool for this form. `),B())}function fY(e,t){if(e&1&&(I(0,`p`,5),K(1,` Page `),I(2,`code`),K(3),L()()),e&2){let e=W().$implicit;O(3),q(e.pageId)}}function pY(e,t){if(e&1&&(I(0,`li`),j(1,fY,4,1,`p`,5),R(2,`app-forms-webmcp`,6),L()),e&2){let e=t.$implicit,n=W(2);O(),M(n.manyPages()?1:-1),O(),F(`tool`,e.tool)}}function mY(e,t){if(e&1&&(I(0,`section`,0)(1,`h2`,1),K(2,` Other WebMCP tools `),I(3,`span`,2),K(4),L()(),I(5,`p`,3),K(6,` Tools registered on the page that are not linked to a form in the list, such as tools the app registers itself. `),L(),I(7,`ul`,4),N(8,pY,3,2,`li`,null,_g),L()()),e&2){let e=W();O(4),q(e.tools().length),O(4),P(e.tools())}}var hY=0,gY={running:`running`,submitted:`submitted`,failed:`submit failed`,done:`done`,threw:`threw`},_Y=class e{uid=`forms-webmcp-${++hY}`;tool=$();page=$();signalForm=$(!1);statusText=X(()=>{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=X(()=>{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 gY[e]??e}iso(e){return new Date(e).toISOString()}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-forms-webmcp`]],inputs:{tool:[1,`tool`],page:[1,`page`],signalForm:[1,`signalForm`]},decls:2,vars:1,consts:[[1,`webmcp`],[1,`note`],[1,`head`],[1,`section-label`,3,`id`],[1,`name`,3,`id`],[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&&j(0,uY,20,13,`section`,0)(1,dY,8,0,`p`,1),e&2){let e;M((e=t.tool())?0:t.noModelContext()?1:-1,e)}},dependencies:[vy],styles:[`[_nghost-%COMP%] {
   display: contents;
 }
 
@@ -12117,7 +12185,71 @@ li[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%]    + *[_ngcontent-%COMP%] {
   font-size: 12px;
   white-space: pre-wrap;
   overflow-wrap: anywhere;
-}`]})},rY=()=>[],iY=(e,t)=>t.id,aY=(e,t)=>t.node.path;function oY(e,t){e&1&&(I(0,`div`,2),R(1,`span`,6),I(2,`p`),K(3,`Connecting to the devtools server…`),L()())}function sY(e,t){if(e&1){let e=V();I(0,`div`,3)(1,`p`,7),K(2,`Could not load forms`),L(),I(3,`p`,8),K(4,` The devtools server did not answer. Check that the app is running, then try again. `),L(),I(5,`button`,9),H(`click`,function(){return w(e),T(W().retry())}),K(6,`Try again`),L()()}}function cY(e,t){e&1&&(I(0,`div`,2),R(1,`span`,6),I(2,`p`),K(3,`Loading forms…`),L()())}function lY(e,t){e&1&&(I(0,`div`,4)(1,`p`,7),K(2,`No forms on the page yet`),L(),I(3,`p`,8),K(4,` Open a page that renders a form. Signal Forms, reactive and template-driven forms all show up here, in development builds. `),L()())}function uY(e,t){if(e&1){let e=V();I(0,`div`,4)(1,`p`,7),K(2,`No forms on this page`),L(),I(3,`p`,8),K(4),L(),I(5,`button`,9),H(`click`,function(){return w(e),T(W().allPages.set(!0))}),K(6,` Show forms from all pages `),L()()}if(e&2){let e=W();O(4),Y(` Other connected tabs report `,e.forms().length,` `,e.forms().length===1?`form`:`forms`,`. `)}}function dY(e,t){if(e&1){let e=V();I(0,`label`,13)(1,`input`,17),H(`change`,function(t){return w(e),T(W(2).allPages.set(t.target.checked))}),L(),K(2,` All pages `),L()}if(e&2){let e=W(2);O(),F(`checked`,e.allPages())}}function fY(e,t){if(e&1&&(I(0,`span`,24),K(1),I(2,`span`,23),K(3),L()()),e&2){let e=t;O(),q(e),O(2),J(` `,e===1?`error`:`errors`)}}function pY(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,18),H(`click`,function(){let t=w(e).$implicit;return T(W(2).selectForm(t.id))}),R(2,`span`,19),I(3,`span`,20),K(4),L(),I(5,`span`,21),K(6),I(7,`span`,22),K(8),L(),I(9,`span`,23),K(10),L()(),j(11,fY,4,2,`span`,24),L()()}if(e&2){let e,n=t.$implicit,r=W(2);O(),G(`active`,n.id===r.selected()?.id),A(`aria-current`,n.id===r.selected()?.id?`true`:null),O(),A(`data-status`,n.root.status),O(),A(`title`,n.label),O(),q(n.label),O(2),J(``,r.kindLabel(n.kind),` · `),O(2),q(n.id),O(2),J(`, `,n.root.status),O(),M((e=r.counts().get(n.id)?.errors)?11:-1,e)}}function mY(e,t){if(e&1){let e=V();I(0,`section`,15)(1,`h2`,25),K(2),L(),I(3,`p`,26),K(4,` This form is no longer on the page. It comes back here if the page renders it again. `),L(),I(5,`button`,9),H(`click`,function(){w(e);let t=W(2);return T(t.selectForm(t.visible()[0].id))}),K(6),L()()}if(e&2){let e=W(2);O(2),q(t),O(4),J(` Show `,e.visible()[0].label,` `)}}function hY(e,t){if(e&1){let e=V();I(0,`section`,15)(1,`h2`,25),K(2),L(),I(3,`p`,8),K(4,`This form is on another page. Tick "All pages" to see it again.`),L(),I(5,`button`,9),H(`click`,function(){return w(e),T(W(2).allPages.set(!0))}),K(6,` Show forms from all pages `),L()()}e&2&&(O(2),q(t))}function gY(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W();O(),q(e.submitted?`submitted`:`not submitted`)}}function _Y(e,t){e&1&&(I(0,`span`),K(1,`submitting`),L())}function vY(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,48),H(`click`,function(){let t=w(e).$implicit;return T(W(4).showField(t.path))}),I(2,`span`,23),K(3,`Show field `),L(),I(4,`code`),K(5),L(),I(6,`span`,23),K(7,`:`),L(),K(8),I(9,`code`,49),K(10),L()()()}if(e&2){let e=t.$implicit;O(5),q(e.path||`(form)`),O(3),J(` `,e.message,` `),O(2),q(e.kind)}}function yY(e,t){if(e&1&&(I(0,`details`,32)(1,`summary`),K(2),L(),I(3,`ul`),N(4,vY,11,3,`li`,null,_g),L()()),e&2){let e=W();O(2),J(`Error summary (`,e.errorSummary.length,`)`),O(2),P(e.errorSummary)}}function bY(e,t){if(e&1){let e=V();I(0,`button`,36),H(`click`,function(){return w(e),T(W(3).confirmAct(`restore`))}),K(1),L()}if(e&2){let e=W(3);G(`armed`,e.armed()===`restore`),F(`disabled`,!e.canWrite()),A(`aria-describedby`,e.canWrite()?null:`forms-writes-off`)(`title`,`Restore `+e.snapshot()),O(),J(` `,e.armed()===`restore`?`Confirm restore`:`Restore `+e.snapshot(),` `)}}function xY(e,t){if(e&1&&(I(0,`p`,42),K(1),L()),e&2){let e=W(3);O(),q(e.writesOff)}}function SY(e,t){if(e&1){let e=V();I(0,`button`,50),H(`click`,function(){let t=w(e).$implicit;return T(W(3).tab_.set(t.id))}),K(1),L()}if(e&2){let e=t.$implicit,n=W(3);F(`id`,`forms-tab-`+e.id),A(`aria-selected`,e.id===n.tab_())(`aria-controls`,`forms-panel-`+e.id)(`tabindex`,e.id===n.tab_()?0:-1),O(),J(` `,e.label,` `)}}function CY(e,t){if(e&1){let e=V();I(0,`label`)(1,`input`,17),H(`change`,function(){let t=w(e).$implicit;return T(W(4).toggleChip(t.id))}),L(),K(2),L()}if(e&2){let e=t.$implicit,n=W(4);O(),F(`checked`,n.active().has(e.id)),O(),J(` `,e.label,` `)}}function wY(e,t){if(e&1&&(I(0,`div`,8),K(1,` typed `),I(2,`code`),K(3),cv(4,`json`),L(),K(5,`, not in the model yet `),L()),e&2){let e=W(2).$implicit;O(3),q(lv(4,1,e.node.uncommitted))}}function TY(e,t){if(e&1&&(I(0,`div`,8),K(1,` resets to `),I(2,`code`),K(3),cv(4,`json`),L()()),e&2){let e=W(2).$implicit;O(3),q(lv(4,1,e.node.defaultValue))}}function EY(e,t){if(e&1&&(I(0,`code`),K(1),cv(2,`json`),L(),j(3,wY,6,3,`div`,8),j(4,TY,5,3,`div`,8)),e&2){let e=W().$implicit;O(),q(lv(2,3,e.node.value)),O(2),M(e.node.uncommitted===void 0?-1:3),O(),M(e.node.defaultValue===void 0?-1:4)}}function DY(e,t){e&1&&(I(0,`span`,8),K(1,`not created yet`),L())}function OY(e,t){if(e&1&&(I(0,`span`,30),K(1),L()),e&2){let e=W().$implicit;A(`data-status`,e.node.status),O(),q(e.node.status)}}function kY(e,t){e&1&&(I(0,`span`),K(1,`touched`),L())}function AY(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),q(e.node.changed===!1?`dirty, unchanged`:`dirty`)}}function jY(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),J(`not validated (`,e.node.skipped,`)`)}}function MY(e,t){if(e&1&&(I(0,`span`,70),K(1),L()),e&2){let e=W().$implicit;O(),J(`stale: `,e.node.stale.join(`, `))}}function NY(e,t){e&1&&(I(0,`span`,70),K(1,`view out of sync`),L())}function PY(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit,t=W(4);O(),J(`redacted: `,t.redactLabel(e.node.redacted))}}function FY(e,t){e&1&&(I(0,`span`),K(1,`required`),L())}function IY(e,t){e&1&&(I(0,`span`),K(1,`readonly`),L())}function LY(e,t){e&1&&(I(0,`span`),K(1,`hidden`),L())}function RY(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),J(`updates on `,e.node.updateOn)}}function zY(e,t){e&1&&(I(0,`span`),K(1,`debouncing`),L())}function BY(e,t){e&1&&(I(0,`span`),K(1,`validators`),L())}function VY(e,t){e&1&&(I(0,`span`),K(1,`async validator`),L())}function HY(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function UY(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),q(e.node.accessor)}}function WY(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),J(`name `,e.node.name)}}function GY(e,t){if(e&1&&(I(0,`span`),K(1),cv(2,`json`),L()),e&2){let e=t.$implicit;O(),J(`metadata `,lv(2,1,e))}}function KY(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=t.$implicit;O(),J(`disabled: `,e)}}function qY(e,t){if(e&1&&(I(0,`span`,73),K(1),L()),e&2){let e=W().$implicit;O(),J(`at `,e.params.path)}}function JY(e,t){if(e&1&&(I(0,`span`,73),K(1),L()),e&2){let e=W().$implicit,t=W(5);O(),q(t.sourceText(e))}}function YY(e,t){if(e&1&&(I(0,`div`),K(1),I(2,`code`,49),K(3),L(),j(4,qY,2,1,`span`,73),j(5,JY,2,1,`span`,73),L()),e&2){let e=t.$implicit,n=W().$implicit,r=W(4);O(),J(` `,r.errorText(n.node,e),` `),O(2),q(e.kind),O(),M(e.kind===`standardSchema`&&e.params?.path?4:-1),O(),M(e.source?5:-1)}}function XY(e,t){e&1&&(I(0,`div`,72),K(1,`not shown to the user`),L())}function ZY(e,t){if(e&1&&(I(0,`tr`)(1,`td`,74),K(2),L()()),e&2){let e=W().$implicit;O(),b_(`padding-left`,28+e.depth*16,`px`),O(),Y(` `,e.node.truncated,` more fields under `,e.node.path||`the form`,` not shown `)}}function QY(e,t){if(e&1){let e=V();I(0,`tr`,63),H(`mouseenter`,function(){let t=w(e).$implicit,n=W(2);return T(W(2).highlight(n.id,t.node.path))})(`mouseleave`,function(){return w(e),T(W(4).highlight(null,``))}),I(1,`th`,64)(2,`button`,65),H(`focus`,function(){let t=w(e).$implicit,n=W(2);return T(W(2).highlight(n.id,t.node.path))})(`blur`,function(){return w(e),T(W(4).highlight(null,``))})(`click`,function(){let t=w(e).$implicit;return T(W(4).toggleField(t.node.path))}),K(3),L(),I(4,`span`,66),K(5),L()(),I(6,`td`,67),j(7,EY,5,5),L(),I(8,`td`,68),j(9,DY,2,0,`span`,8)(10,OY,2,2,`span`,30),L(),I(11,`td`,69),j(12,kY,2,0,`span`),j(13,AY,2,1,`span`),j(14,jY,2,1,`span`),j(15,MY,2,1,`span`,70),j(16,NY,2,0,`span`,70),j(17,PY,2,1,`span`),j(18,FY,2,0,`span`),j(19,IY,2,0,`span`),j(20,LY,2,0,`span`),j(21,RY,2,1,`span`),j(22,zY,2,0,`span`),j(23,BY,2,0,`span`),j(24,VY,2,0,`span`),N(25,HY,2,1,`span`,null,vg),j(27,UY,2,1,`span`),j(28,WY,2,1,`span`),N(29,GY,3,3,`span`,null,_g),N(31,KY,2,1,`span`,null,_g),L(),I(33,`td`,71),N(34,YY,6,4,`div`,null,_g),j(36,XY,2,0,`div`,72),L()(),j(37,ZY,3,4,`tr`)}if(e&2){let e=t.$implicit,n=W(4);G(`invalid`,e.node.errors.length),O(),b_(`padding-left`,12+e.depth*16,`px`),O(),A(`aria-label`,`Show details for `+(e.node.path||`the form`))(`aria-pressed`,e.node.path===n.fieldPath())(`title`,e.node.path||`(form)`),O(),J(` `,e.node.key||`(form)`,` `),O(2),q(e.node.type),O(2),M(e.node.type===`control`?7:-1),O(2),M(e.node.materialized===!1?9:10),O(3),M(e.node.touched?12:-1),O(),M(e.node.dirty?13:-1),O(),M(e.node.skipped?14:-1),O(),M(e.node.stale?.length?15:-1),O(),M(e.node.dom?.drift===void 0?-1:16),O(),M(e.node.redacted?17:-1),O(),M(e.node.required?18:-1),O(),M(e.node.readonly?19:-1),O(),M(e.node.hidden?20:-1),O(),M(e.node.updateOn?21:-1),O(),M(e.node.debouncing?22:-1),O(),M(e.node.validators?.sync?23:-1),O(),M(e.node.validators?.async?24:-1),O(),P(n.constraintList(e.node)),O(2),M(e.node.accessor?27:-1),O(),M(e.node.name?28:-1),O(),P(e.node.metadata??nv(28,rY)),O(2),P(e.node.disabledReasons??nv(29,rY)),O(3),P(e.node.errors),O(2),M(e.node.errors.length&&e.node.dom?.errorShown===!1?36:-1),O(),M(e.node.truncated?37:-1)}}function $Y(e,t){e&1&&K(0),e&2&&J(` No field path matches "`,W(5).filter(),`". `)}function eX(e,t){e&1&&K(0,` No field matches the selected filters. `)}function tX(e,t){if(e&1){let e=V();I(0,`button`,9),H(`click`,function(){w(e),W(2);let t=$g(6);return T(W(3).clearFilters(t))}),K(1,` Clear filters `),L()}}function nX(e,t){if(e&1&&(I(0,`tr`)(1,`td`,75)(2,`p`),j(3,$Y,1,1)(4,eX,1,0),L(),j(5,tX,2,0,`button`,76),L()()),e&2){let e=W(4);O(3),M(e.filter()?3:4),O(2),M(e.filtering()?5:-1)}}function rX(e,t){if(e&1){let e=V();I(0,`app-forms-field-detail`,77),H(`closed`,function(){return w(e),T(W(4).closeField())}),L()}if(e&2){let e=W(2),n=W(2);F(`form`,e)(`node`,t)(`version`,n.version())(`rpc`,n.rpc())}}function iX(e,t){if(e&1){let e=V();I(0,`div`,51)(1,`div`,52),E(),I(2,`svg`,53),R(3,`circle`,54)(4,`path`,55),L(),Cs(),I(5,`input`,56,0),H(`input`,function(t){return w(e),T(W(3).onFilter(t))})(`keydown.escape`,function(){return w(e),T(W(3).filter.set(``))}),L()(),I(7,`fieldset`,57)(8,`legend`,23),K(9,`Show only fields that are`),L(),N(10,CY,3,2,`label`,null,iY),L()(),I(12,`p`,58),K(13),L(),I(14,`div`,59)(15,`table`,60)(16,`thead`)(17,`tr`)(18,`th`,61),K(19,`Field`),L(),I(20,`th`,61),K(21,`Value`),L(),I(22,`th`,61),K(23,`Status`),L(),I(24,`th`,61),K(25,`State`),L(),I(26,`th`,61),K(27,`Errors`),L()()(),I(28,`tbody`),N(29,QY,38,30,null,null,aY,!1,nX,6,2,`tr`),L()()(),j(32,rX,1,4,`app-forms-field-detail`,62)}if(e&2){let e,t=W(3);O(5),F(`value`,t.filter()),O(5),P(t.chips),O(3),q(t.filterStatus()),O(16),P(t.rows()),O(3),M((e=t.selectedNode())?32:-1,e)}}function aX(e,t){if(e&1){let e=V();R(0,`app-limit-note`,78),I(1,`app-forms-timeline`,79),H(`record`,function(t){return w(e),T(W(3).setRecording(t))}),L()}if(e&2){let e=W(3);F(`dropped`,e.droppedEvents())(`max`,e.maxEvents()),O(),F(`events`,e.selectedEvents())(`recording`,e.recording())}}function oX(e,t){if(e&1&&R(0,`app-forms-submit`,47),e&2){let e=W(),t=W(2);F(`formId`,e.id)(`version`,t.version())(`rpc`,t.rpc())}}function sX(e,t){if(e&1){let e=V();I(0,`app-forms-lint`,80),H(`showField`,function(t){return w(e),T(W(3).showField(t))}),L()}if(e&2){let e=W(),t=W(2);F(`formId`,e.id)(`version`,t.version())(`rpc`,t.rpc())}}function cX(e,t){if(e&1){let e=V();I(0,`section`,16)(1,`div`,27)(2,`h2`,25),K(3),L(),I(4,`p`,28),K(5),I(6,`code`),K(7),L()()(),I(8,`div`,29)(9,`span`,30),K(10),L(),I(11,`span`),K(12),L(),I(13,`span`),K(14),L(),j(15,gY,2,1,`span`),j(16,_Y,2,0,`span`),I(17,`span`,31)(18,`b`),K(19),L(),K(20,` fields · `),I(21,`b`),K(22),L(),K(23,` errors`),L()(),j(24,yY,6,1,`details`,32),R(25,`app-forms-webmcp`,33),I(26,`div`,34)(27,`div`,35)(28,`button`,36),H(`click`,function(){return w(e),T(W(2).act(`touch-all`))}),K(29,` Touch all `),L(),I(30,`button`,36),H(`click`,function(){return w(e),T(W(2).act(`revalidate`))}),K(31,` Revalidate `),L(),I(32,`button`,9),H(`click`,function(){return w(e),T(W(2).act(`focus-first-invalid`))}),K(33,` Focus first invalid `),L(),I(34,`button`,9),H(`click`,function(){w(e);let t=W(2);return T(t.picking()?t.cancelPick():t.pick())}),K(35),L(),R(36,`span`,37),I(37,`button`,9),H(`click`,function(){return w(e),T(W(2).act(`snapshot`))}),K(38,`Snapshot`),L(),j(39,bY,2,6,`button`,38),R(40,`span`,39),I(41,`button`,40),H(`click`,function(){return w(e),T(W(2).confirmAct(`reset`))}),K(42),L(),I(43,`button`,41),H(`click`,function(){return w(e),T(W(2).confirmAct(`submit`))}),K(44),L()(),j(45,xY,2,1,`p`,42),I(46,`p`,43),K(47),L()(),I(48,`div`,44),H(`keydown`,function(t){return w(e),T(W(2).onKey(t))}),N(49,SY,2,5,`button`,45,iY),L(),I(51,`div`,46),j(52,iX,33,4)(53,aX,2,4)(54,oX,1,3,`app-forms-submit`,47)(55,sX,1,3,`app-forms-lint`,47),L()()}if(e&2){let e,n=t,r=W(2);O(3),q(n.label),O(2),J(` `,r.kindLabel(n.kind),` · `),O(2),q(n.id),O(2),A(`data-status`,n.root.status),O(),q(n.root.status),O(2),q(n.root.dirty?`dirty`:`pristine`),O(2),q(n.root.touched?`touched`:`untouched`),O(),M(n.submitted===void 0?-1:15),O(),M(n.root.submitting?16:-1),O(3),q(r.counts().get(n.id)?.fields),O(2),G(`has-errors`,r.counts().get(n.id)?.errors),O(),q(r.counts().get(n.id)?.errors),O(2),M(n.errorSummary?.length?24:-1),O(),F(`tool`,n.webMcp)(`page`,r.webMcpPage(n.id))(`signalForm`,n.kind===`signal`),O(3),F(`disabled`,!r.canWrite()),A(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),O(2),F(`disabled`,!r.canWrite()),A(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),O(4),G(`on`,r.picking()),A(`aria-pressed`,!!r.picking()),O(),J(` `,r.picking()?`Cancel picking`:`Pick field on page`,` `),O(4),M(r.snapshot()?39:-1),O(2),G(`armed`,r.armed()===`reset`),F(`disabled`,!r.canWrite()),A(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),O(),J(` `,r.armed()===`reset`?`Confirm reset`:`Reset`,` `),O(),G(`armed`,r.armed()===`submit`),F(`disabled`,!r.canWrite()),A(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),O(),J(` `,r.armed()===`submit`?`Confirm submit`:`Submit`,` `),O(),M(r.canWrite()?-1:45),O(2),q(r.message()),O(2),P(r.tabs),O(2),F(`id`,`forms-panel-`+r.tab_()),A(`aria-labelledby`,`forms-tab-`+r.tab_()),O(),M((e=r.tab_())===`fields`?52:e===`timeline`?53:e===`submit`?54:e===`lint`?55:-1)}}function lX(e,t){if(e&1&&(I(0,`div`,5)(1,`div`,10)(2,`h2`,11),K(3,` Forms `),I(4,`span`,12),K(5),L()(),j(6,dY,3,1,`label`,13),I(7,`ul`,14),N(8,pY,12,10,`li`,null,iY),L()(),j(10,mY,7,2,`section`,15)(11,hY,7,1,`section`,15)(12,cX,56,41,`section`,16),L()),e&2){let e,t=W();O(5),q(t.visible().length),O(),M(t.hostPageId&&(t.allPages()||t.otherPages())?6:-1),O(2),P(t.visible()),O(2),M((e=t.missing())?10:(e=t.hidden())?11:(e=t.selected())?12:-1,e)}}var uX=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],dX=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function fX(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 pX(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+pX(t),0)}function mX(e){return e.children?e.children.reduce((e,t)=>e+mX(t),0):+(e.type===`control`&&e.materialized!==!1)}var hX=class e{rpc=$(null);focus=$(null);canWrite=X(()=>hE(this.rpc(),`forms`));redactLabel=oE;writesOff=DT(`forms`);focusHandled=yv();forms=D([]);webMcp=D([]);events=D([]);loading=D(!0);failed=D(!1);selectedId=D(null);selectedLabel=D(null);hostPageId=GT();allPages=D(!1);visible=X(()=>{let e=this.forms(),t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>tE(e.id)===t):e});otherPages=X(()=>this.forms().some(e=>tE(e.id)!==this.hostPageId));instrumented=D([]);recording=X(()=>{let e=this.selected()?.id??``;return this.instrumented().some(t=>e.endsWith(`@${t}`))});filter=D(``);tabs=uX;chips=dX;tab_=D(`fields`);active=D(new Set);filtering=X(()=>!!this.filter()||this.active().size>0);filterStatus=D(``);version=D(0);message=D(``);webMcpPage(e){let t=tE(e);return this.webMcp().find(e=>e.pageId===t)}picking=D(null);pickSeq=0;unsubscribe=null;destroyRef=C(Ns);host=C(Wl);injector=C(js);counts=X(()=>new Map(this.visible().map(e=>[e.id,{fields:mX(e.root),errors:pX(e.root)}])));chosen=X(()=>{let e=this.selectedId();if(e===null)return null;let t=this.forms(),n=this.selectedLabel(),r=tE(e);return t.find(t=>t.id===e)??t.find(e=>e.label===n&&tE(e.id)===r)??null});selected=X(()=>{let e=this.visible();if(this.selectedId()===null)return e[0]??null;let t=this.chosen();return t&&e.includes(t)?t:null});missing=X(()=>this.selectedId()!==null&&!this.chosen()&&this.visible().length?this.selectedLabel()??this.selectedId():null);hidden=X(()=>{let e=this.chosen();return e&&!this.selected()&&this.visible().length?e.label:null});selectedFormId=X(()=>this.selected()?.id??null);fieldPath=Q({source:this.selectedFormId,computation:()=>null});armed=Q({source:this.selectedFormId,computation:()=>null});snapshot=Q({source:this.selectedFormId,computation:()=>null});rows=X(()=>{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=>fX(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=X(()=>{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=D({});droppedEvents=X(()=>{let e=this.selected()?.id;return e?this.dropped()[tE(e)]??0:0});maxEvents=X(()=>fE(this.rpc()).limits.formTimeline);selectedEvents=X(()=>{let e=this.selected()?.id;return this.events().filter(t=>t.formId===e)});constructor(){bc(()=>{let e=this.rpc();e&&this.load(e)}),bc(()=>{let e=this.focus();e&&Z(()=>{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 cE(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(lE(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&&cE(this.rpc(),{action:`cancel-pick`,formId:e})}async setRecording(e){let t=this.selected();if(!t)return;let n=await cE(this.rpc(),{action:`instrument`,formId:t.id,value:e});this.message.set(lE(n))}selectForm(e){this.hostPageId&&tE(e)&&tE(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),dd(()=>{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 cE(this.rpc(),{action:e,formId:n.id,...t});r.snapshot&&this.selected()?.id===n.id&&this.snapshot.set(r.snapshot),this.message.set(lE(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=rE[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 nE[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=k({type:e,selectors:[[`app-forms-inspector`]],hostBindings:function(e,t){e&1&&H(`keydown.escape`,function(){return t.cancelPick()})},inputs:{rpc:[1,`rpc`],focus:[1,`focus`]},outputs:{focusHandled:`focusHandled`},decls:8,vars:1,consts:[[`fieldFilter`,``],[1,`page-intro`],[`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`],[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 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&&(I(0,`p`,1),K(1,` Signal Forms, reactive and template-driven forms on the live page, with each field's state and errors, a change timeline, submit explanations and a lint. Development builds only. `),L(),j(2,oY,4,0,`div`,2)(3,sY,7,0,`div`,3)(4,cY,4,0,`div`,2)(5,lY,5,0,`div`,4)(6,uY,7,2,`div`,4)(7,lX,13,3,`div`,5)),e&2&&(O(2),M(t.rpc()?t.failed()?3:t.loading()?4:t.forms().length?t.visible().length?7:6:5:2))},dependencies:[iJ,PJ,pJ,mJ,nY,yO,yy],styles:[`.muted[_ngcontent-%COMP%] {
+}`]})},vY=class e{pages=$([]);tools=X(()=>this.pages().flatMap(e=>e.tools.map(t=>({tool:t,pageId:e.pageId}))));manyPages=X(()=>new Set(this.tools().map(e=>e.pageId)).size>1);static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-forms-webmcp-others`]],inputs:{pages:[1,`pages`]},decls:1,vars:1,consts:[[`aria-labelledby`,`forms-webmcp-others-title`,1,`others`],[`id`,`forms-webmcp-others-title`],[1,`count`],[1,`muted`],[1,`tools`],[1,`page`],[3,`tool`]],template:function(e,t){e&1&&j(0,mY,10,1,`section`,0),e&2&&M(t.tools().length?0:-1)},dependencies:[_Y],styles:[`[_nghost-%COMP%] {
+  display: block;
+}
+
+.others[_ngcontent-%COMP%] {
+  display: grid;
+  gap: 8px;
+  min-width: 0;
+  margin-top: 16px;
+  padding: 12px;
+  border: 1px solid var(--%NS%border);
+  border-radius: var(--%NS%radius);
+  background: var(--%NS%surface);
+}
+
+h2[_ngcontent-%COMP%] {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  margin: 0;
+  color: var(--%NS%text-3);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.count[_ngcontent-%COMP%] {
+  padding: 0 6px;
+  border-radius: 99px;
+  background: var(--%NS%surface-3);
+  color: var(--%NS%text-2);
+  font-size: 11px;
+  letter-spacing: 0;
+  line-height: 18px;
+  font-variant-numeric: tabular-nums;
+}
+
+.muted[_ngcontent-%COMP%], 
+.page[_ngcontent-%COMP%] {
+  margin: 0;
+  color: var(--%NS%text-2);
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+code[_ngcontent-%COMP%] {
+  font-family: var(--%NS%font-mono);
+  font-size: 12.5px;
+  overflow-wrap: anywhere;
+}
+
+.tools[_ngcontent-%COMP%] {
+  display: grid;
+  gap: 8px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.tools[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%] {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}`]})},yY=()=>[],bY=(e,t)=>t.id,xY=(e,t)=>t.node.path;function SY(e,t){if(e&1&&(I(0,`span`,10),K(1),L()),e&2){let e=W().$implicit;O(),J(`on page `,e.pageId)}}function CY(e,t){if(e&1&&(I(0,`li`)(1,`code`),K(2),L(),j(3,SY,2,1,`span`,10),L()),e&2){let e=t.$implicit,n=W(2);O(2),q(e.message),O(),M(n.setupErrorPages()?3:-1)}}function wY(e,t){if(e&1&&(I(0,`div`,2)(1,`p`,8),K(2),L(),I(3,`p`,9),K(4,` A form with a setup error can be missing from the list or behave unlike its template. Check the directives and value accessors it names. `),L(),I(5,`ul`),N(6,CY,4,2,`li`,null,_g),L()()),e&2){let e=W();O(2),Y(` Angular reported `,e.pageSetupErrors().length,` forms setup `,e.pageSetupErrors().length===1?`error`:`errors`,` `),O(4),P(e.pageSetupErrors())}}function TY(e,t){e&1&&(I(0,`div`,3),R(1,`span`,11),I(2,`p`),K(3,`Connecting to the devtools server…`),L()())}function EY(e,t){if(e&1){let e=V();I(0,`div`,4)(1,`p`,12),K(2,`Could not load forms`),L(),I(3,`p`,13),K(4,` The devtools server did not answer. Check that the app is running, then try again. `),L(),I(5,`button`,14),H(`click`,function(){return w(e),T(W().retry())}),K(6,`Try again`),L()()}}function DY(e,t){e&1&&(I(0,`div`,3),R(1,`span`,11),I(2,`p`),K(3,`Loading forms…`),L()())}function OY(e,t){e&1&&(I(0,`div`,5)(1,`p`,12),K(2,`No forms on the page yet`),L(),I(3,`p`,13),K(4,` Open a page that renders a form. Signal Forms, reactive and template-driven forms all show up here, in development builds. `),L()())}function kY(e,t){if(e&1){let e=V();I(0,`div`,5)(1,`p`,12),K(2,`No forms on this page`),L(),I(3,`p`,13),K(4),L(),I(5,`button`,14),H(`click`,function(){return w(e),T(W().allPages.set(!0))}),K(6,` Show forms from all pages `),L()()}if(e&2){let e=W();O(4),Y(` Other connected tabs report `,e.forms().length,` `,e.forms().length===1?`form`:`forms`,`. `)}}function AY(e,t){if(e&1){let e=V();I(0,`label`,18)(1,`input`,22),H(`change`,function(t){return w(e),T(W(2).allPages.set(t.target.checked))}),L(),K(2,` All pages `),L()}if(e&2){let e=W(2);O(),F(`checked`,e.allPages())}}function jY(e,t){if(e&1&&(I(0,`span`,29),K(1),I(2,`span`,28),K(3),L()()),e&2){let e=t;O(),q(e),O(2),J(` `,e===1?`error`:`errors`)}}function MY(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,23),H(`click`,function(){let t=w(e).$implicit;return T(W(2).selectForm(t.id))}),R(2,`span`,24),I(3,`span`,25),K(4),L(),I(5,`span`,26),K(6),I(7,`span`,27),K(8),L(),I(9,`span`,28),K(10),L()(),j(11,jY,4,2,`span`,29),L()()}if(e&2){let e,n=t.$implicit,r=W(2);O(),G(`active`,n.id===r.selected()?.id),A(`aria-current`,n.id===r.selected()?.id?`true`:null),O(),A(`data-status`,n.root.status),O(),A(`title`,n.label),O(),q(n.label),O(2),J(``,r.kindLabel(n.kind),` · `),O(2),q(n.id),O(2),J(`, `,n.root.status),O(),M((e=r.counts().get(n.id)?.errors)?11:-1,e)}}function NY(e,t){if(e&1){let e=V();I(0,`section`,20)(1,`h2`,30),K(2),L(),I(3,`p`,31),K(4,` This form is no longer on the page. It comes back here if the page renders it again. `),L(),I(5,`button`,14),H(`click`,function(){w(e);let t=W(2);return T(t.selectForm(t.visible()[0].id))}),K(6),L()()}if(e&2){let e=W(2);O(2),q(t),O(4),J(` Show `,e.visible()[0].label,` `)}}function PY(e,t){if(e&1){let e=V();I(0,`section`,20)(1,`h2`,30),K(2),L(),I(3,`p`,13),K(4,`This form is on another page. Tick "All pages" to see it again.`),L(),I(5,`button`,14),H(`click`,function(){return w(e),T(W(2).allPages.set(!0))}),K(6,` Show forms from all pages `),L()()}e&2&&(O(2),q(t))}function FY(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W();O(),q(e.submitted?`submitted`:`not submitted`)}}function IY(e,t){e&1&&(I(0,`span`),K(1,`submitting`),L())}function LY(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,53),H(`click`,function(){let t=w(e).$implicit;return T(W(4).showField(t.path))}),I(2,`span`,28),K(3,`Show field `),L(),I(4,`code`),K(5),L(),I(6,`span`,28),K(7,`:`),L(),K(8),I(9,`code`,54),K(10),L()()()}if(e&2){let e=t.$implicit;O(5),q(e.path||`(form)`),O(3),J(` `,e.message,` `),O(2),q(e.kind)}}function RY(e,t){if(e&1&&(I(0,`details`,37)(1,`summary`),K(2),L(),I(3,`ul`),N(4,LY,11,3,`li`,null,_g),L()()),e&2){let e=W();O(2),J(`Error summary (`,e.errorSummary.length,`)`),O(2),P(e.errorSummary)}}function zY(e,t){if(e&1){let e=V();I(0,`button`,41),H(`click`,function(){return w(e),T(W(3).confirmAct(`restore`))}),K(1),L()}if(e&2){let e=W(3);G(`armed`,e.armed()===`restore`),F(`disabled`,!e.canWrite()),A(`aria-describedby`,e.canWrite()?null:`forms-writes-off`)(`title`,`Restore `+e.snapshot()),O(),J(` `,e.armed()===`restore`?`Confirm restore`:`Restore `+e.snapshot(),` `)}}function BY(e,t){if(e&1&&(I(0,`p`,47),K(1),L()),e&2){let e=W(3);O(),q(e.writesOff)}}function VY(e,t){if(e&1){let e=V();I(0,`button`,55),H(`click`,function(){let t=w(e).$implicit;return T(W(3).tab_.set(t.id))}),K(1),L()}if(e&2){let e=t.$implicit,n=W(3);F(`id`,`forms-tab-`+e.id),A(`aria-selected`,e.id===n.tab_())(`aria-controls`,`forms-panel-`+e.id)(`tabindex`,e.id===n.tab_()?0:-1),O(),J(` `,e.label,` `)}}function HY(e,t){if(e&1){let e=V();I(0,`label`)(1,`input`,22),H(`change`,function(){let t=w(e).$implicit;return T(W(4).toggleChip(t.id))}),L(),K(2),L()}if(e&2){let e=t.$implicit,n=W(4);O(),F(`checked`,n.active().has(e.id)),O(),J(` `,e.label,` `)}}function UY(e,t){if(e&1&&(I(0,`div`,13),K(1,` typed `),I(2,`code`),K(3),cv(4,`json`),L(),K(5,`, not in the model yet `),L()),e&2){let e=W(2).$implicit;O(3),q(lv(4,1,e.node.uncommitted))}}function WY(e,t){if(e&1&&(I(0,`div`,13),K(1,` resets to `),I(2,`code`),K(3),cv(4,`json`),L()()),e&2){let e=W(2).$implicit;O(3),q(lv(4,1,e.node.defaultValue))}}function GY(e,t){if(e&1&&(I(0,`code`),K(1),cv(2,`json`),L(),j(3,UY,6,3,`div`,13),j(4,WY,5,3,`div`,13)),e&2){let e=W().$implicit;O(),q(lv(2,3,e.node.value)),O(2),M(e.node.uncommitted===void 0?-1:3),O(),M(e.node.defaultValue===void 0?-1:4)}}function KY(e,t){e&1&&(I(0,`span`,13),K(1,`not created yet`),L())}function qY(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W().$implicit;A(`data-status`,e.node.status),O(),q(e.node.status)}}function JY(e,t){e&1&&(I(0,`span`),K(1,`touched`),L())}function YY(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),q(e.node.changed===!1?`dirty, unchanged`:`dirty`)}}function XY(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),J(`not validated (`,e.node.skipped,`)`)}}function ZY(e,t){if(e&1&&(I(0,`span`,75),K(1),L()),e&2){let e=W().$implicit;O(),J(`stale: `,e.node.stale.join(`, `))}}function QY(e,t){e&1&&(I(0,`span`,75),K(1,`view out of sync`),L())}function $Y(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit,t=W(4);O(),J(`redacted: `,t.redactLabel(e.node.redacted))}}function eX(e,t){e&1&&(I(0,`span`),K(1,`required`),L())}function tX(e,t){e&1&&(I(0,`span`),K(1,`readonly`),L())}function nX(e,t){e&1&&(I(0,`span`),K(1,`hidden`),L())}function rX(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),J(`updates on `,e.node.updateOn)}}function iX(e,t){e&1&&(I(0,`span`),K(1,`debouncing`),L())}function aX(e,t){e&1&&(I(0,`span`),K(1,`validators`),L())}function oX(e,t){e&1&&(I(0,`span`),K(1,`async validator`),L())}function sX(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function cX(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),q(e.node.accessor)}}function lX(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),J(`name `,e.node.name)}}function uX(e,t){if(e&1&&(I(0,`span`),K(1),cv(2,`json`),L()),e&2){let e=t.$implicit;O(),J(`metadata `,lv(2,1,e))}}function dX(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=t.$implicit;O(),J(`disabled: `,e)}}function fX(e,t){if(e&1&&(I(0,`span`,78),K(1),L()),e&2){let e=W().$implicit;O(),J(`at `,e.params.path)}}function pX(e,t){if(e&1&&(I(0,`span`,78),K(1),L()),e&2){let e=W().$implicit,t=W(5);O(),q(t.sourceText(e))}}function mX(e,t){if(e&1&&(I(0,`div`),K(1),I(2,`code`,54),K(3),L(),j(4,fX,2,1,`span`,78),j(5,pX,2,1,`span`,78),L()),e&2){let e=t.$implicit,n=W().$implicit,r=W(4);O(),J(` `,r.errorText(n.node,e),` `),O(2),q(e.kind),O(),M(e.kind===`standardSchema`&&e.params?.path?4:-1),O(),M(e.source?5:-1)}}function hX(e,t){e&1&&(I(0,`div`,77),K(1,`not shown to the user`),L())}function gX(e,t){if(e&1&&(I(0,`tr`)(1,`td`,79),K(2),L()()),e&2){let e=W().$implicit;O(),b_(`padding-left`,28+e.depth*16,`px`),O(),Y(` `,e.node.truncated,` more fields under `,e.node.path||`the form`,` not shown `)}}function _X(e,t){if(e&1){let e=V();I(0,`tr`,68),H(`mouseenter`,function(){let t=w(e).$implicit,n=W(2);return T(W(2).highlight(n.id,t.node.path))})(`mouseleave`,function(){return w(e),T(W(4).highlight(null,``))}),I(1,`th`,69)(2,`button`,70),H(`focus`,function(){let t=w(e).$implicit,n=W(2);return T(W(2).highlight(n.id,t.node.path))})(`blur`,function(){return w(e),T(W(4).highlight(null,``))})(`click`,function(){let t=w(e).$implicit;return T(W(4).toggleField(t.node.path))}),K(3),L(),I(4,`span`,71),K(5),L()(),I(6,`td`,72),j(7,GY,5,5),L(),I(8,`td`,73),j(9,KY,2,0,`span`,13)(10,qY,2,2,`span`,35),L(),I(11,`td`,74),j(12,JY,2,0,`span`),j(13,YY,2,1,`span`),j(14,XY,2,1,`span`),j(15,ZY,2,1,`span`,75),j(16,QY,2,0,`span`,75),j(17,$Y,2,1,`span`),j(18,eX,2,0,`span`),j(19,tX,2,0,`span`),j(20,nX,2,0,`span`),j(21,rX,2,1,`span`),j(22,iX,2,0,`span`),j(23,aX,2,0,`span`),j(24,oX,2,0,`span`),N(25,sX,2,1,`span`,null,vg),j(27,cX,2,1,`span`),j(28,lX,2,1,`span`),N(29,uX,3,3,`span`,null,_g),N(31,dX,2,1,`span`,null,_g),L(),I(33,`td`,76),N(34,mX,6,4,`div`,null,_g),j(36,hX,2,0,`div`,77),L()(),j(37,gX,3,4,`tr`)}if(e&2){let e=t.$implicit,n=W(4);G(`invalid`,e.node.errors.length),O(),b_(`padding-left`,12+e.depth*16,`px`),O(),A(`aria-label`,`Show details for `+(e.node.path||`the form`))(`aria-pressed`,e.node.path===n.fieldPath())(`title`,e.node.path||`(form)`),O(),J(` `,e.node.key||`(form)`,` `),O(2),q(e.node.type),O(2),M(e.node.type===`control`?7:-1),O(2),M(e.node.materialized===!1?9:10),O(3),M(e.node.touched?12:-1),O(),M(e.node.dirty?13:-1),O(),M(e.node.skipped?14:-1),O(),M(e.node.stale?.length?15:-1),O(),M(e.node.dom?.drift===void 0?-1:16),O(),M(e.node.redacted?17:-1),O(),M(e.node.required?18:-1),O(),M(e.node.readonly?19:-1),O(),M(e.node.hidden?20:-1),O(),M(e.node.updateOn?21:-1),O(),M(e.node.debouncing?22:-1),O(),M(e.node.validators?.sync?23:-1),O(),M(e.node.validators?.async?24:-1),O(),P(n.constraintList(e.node)),O(2),M(e.node.accessor?27:-1),O(),M(e.node.name?28:-1),O(),P(e.node.metadata??nv(28,yY)),O(2),P(e.node.disabledReasons??nv(29,yY)),O(3),P(e.node.errors),O(2),M(e.node.errors.length&&e.node.dom?.errorShown===!1?36:-1),O(),M(e.node.truncated?37:-1)}}function vX(e,t){e&1&&K(0),e&2&&J(` No field path matches "`,W(5).filter(),`". `)}function yX(e,t){e&1&&K(0,` No field matches the selected filters. `)}function bX(e,t){if(e&1){let e=V();I(0,`button`,14),H(`click`,function(){w(e),W(2);let t=$g(6);return T(W(3).clearFilters(t))}),K(1,` Clear filters `),L()}}function xX(e,t){if(e&1&&(I(0,`tr`)(1,`td`,80)(2,`p`),j(3,vX,1,1)(4,yX,1,0),L(),j(5,bX,2,0,`button`,81),L()()),e&2){let e=W(4);O(3),M(e.filter()?3:4),O(2),M(e.filtering()?5:-1)}}function SX(e,t){if(e&1){let e=V();I(0,`app-forms-field-detail`,82),H(`closed`,function(){return w(e),T(W(4).closeField())}),L()}if(e&2){let e=W(2),n=W(2);F(`form`,e)(`node`,t)(`version`,n.version())(`rpc`,n.rpc())}}function CX(e,t){if(e&1){let e=V();I(0,`div`,56)(1,`div`,57),E(),I(2,`svg`,58),R(3,`circle`,59)(4,`path`,60),L(),xs(),I(5,`input`,61,0),H(`input`,function(t){return w(e),T(W(3).onFilter(t))})(`keydown.escape`,function(){return w(e),T(W(3).filter.set(``))}),L()(),I(7,`fieldset`,62)(8,`legend`,28),K(9,`Show only fields that are`),L(),N(10,HY,3,2,`label`,null,bY),L()(),I(12,`p`,63),K(13),L(),I(14,`div`,64)(15,`table`,65)(16,`thead`)(17,`tr`)(18,`th`,66),K(19,`Field`),L(),I(20,`th`,66),K(21,`Value`),L(),I(22,`th`,66),K(23,`Status`),L(),I(24,`th`,66),K(25,`State`),L(),I(26,`th`,66),K(27,`Errors`),L()()(),I(28,`tbody`),N(29,_X,38,30,null,null,xY,!1,xX,6,2,`tr`),L()()(),j(32,SX,1,4,`app-forms-field-detail`,67)}if(e&2){let e,t=W(3);O(5),F(`value`,t.filter()),O(5),P(t.chips),O(3),q(t.filterStatus()),O(16),P(t.rows()),O(3),M((e=t.selectedNode())?32:-1,e)}}function wX(e,t){if(e&1){let e=V();R(0,`app-limit-note`,83),I(1,`app-forms-timeline`,84),H(`record`,function(t){return w(e),T(W(3).setRecording(t))}),L()}if(e&2){let e=W(3);F(`dropped`,e.droppedEvents())(`max`,e.maxEvents()),O(),F(`events`,e.selectedEvents())(`recording`,e.recording())}}function TX(e,t){if(e&1&&R(0,`app-forms-submit`,52),e&2){let e=W(),t=W(2);F(`formId`,e.id)(`version`,t.version())(`rpc`,t.rpc())}}function EX(e,t){if(e&1){let e=V();I(0,`app-forms-lint`,85),H(`showField`,function(t){return w(e),T(W(3).showField(t))}),L()}if(e&2){let e=W(),t=W(2);F(`formId`,e.id)(`version`,t.version())(`rpc`,t.rpc())}}function DX(e,t){if(e&1){let e=V();I(0,`section`,21)(1,`div`,32)(2,`h2`,30),K(3),L(),I(4,`p`,33),K(5),I(6,`code`),K(7),L()()(),I(8,`div`,34)(9,`span`,35),K(10),L(),I(11,`span`),K(12),L(),I(13,`span`),K(14),L(),j(15,FY,2,1,`span`),j(16,IY,2,0,`span`),I(17,`span`,36)(18,`b`),K(19),L(),K(20,` fields · `),I(21,`b`),K(22),L(),K(23,` errors`),L()(),j(24,RY,6,1,`details`,37),R(25,`app-forms-webmcp`,38),I(26,`div`,39)(27,`div`,40)(28,`button`,41),H(`click`,function(){return w(e),T(W(2).act(`touch-all`))}),K(29,` Touch all `),L(),I(30,`button`,41),H(`click`,function(){return w(e),T(W(2).act(`revalidate`))}),K(31,` Revalidate `),L(),I(32,`button`,14),H(`click`,function(){return w(e),T(W(2).act(`focus-first-invalid`))}),K(33,` Focus first invalid `),L(),I(34,`button`,14),H(`click`,function(){w(e);let t=W(2);return T(t.picking()?t.cancelPick():t.pick())}),K(35),L(),R(36,`span`,42),I(37,`button`,14),H(`click`,function(){return w(e),T(W(2).act(`snapshot`))}),K(38,`Snapshot`),L(),j(39,zY,2,6,`button`,43),R(40,`span`,44),I(41,`button`,45),H(`click`,function(){return w(e),T(W(2).confirmAct(`reset`))}),K(42),L(),I(43,`button`,46),H(`click`,function(){return w(e),T(W(2).confirmAct(`submit`))}),K(44),L()(),j(45,BY,2,1,`p`,47),I(46,`p`,48),K(47),L()(),I(48,`div`,49),H(`keydown`,function(t){return w(e),T(W(2).onKey(t))}),N(49,VY,2,5,`button`,50,bY),L(),I(51,`div`,51),j(52,CX,33,4)(53,wX,2,4)(54,TX,1,3,`app-forms-submit`,52)(55,EX,1,3,`app-forms-lint`,52),L()()}if(e&2){let e,n=t,r=W(2);O(3),q(n.label),O(2),J(` `,r.kindLabel(n.kind),` · `),O(2),q(n.id),O(2),A(`data-status`,n.root.status),O(),q(n.root.status),O(2),q(n.root.dirty?`dirty`:`pristine`),O(2),q(n.root.touched?`touched`:`untouched`),O(),M(n.submitted===void 0?-1:15),O(),M(n.root.submitting?16:-1),O(3),q(r.counts().get(n.id)?.fields),O(2),G(`has-errors`,r.counts().get(n.id)?.errors),O(),q(r.counts().get(n.id)?.errors),O(2),M(n.errorSummary?.length?24:-1),O(),F(`tool`,n.webMcp)(`page`,r.webMcpPage(n.id))(`signalForm`,n.kind===`signal`),O(3),F(`disabled`,!r.canWrite()),A(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),O(2),F(`disabled`,!r.canWrite()),A(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),O(4),G(`on`,r.picking()),A(`aria-pressed`,!!r.picking()),O(),J(` `,r.picking()?`Cancel picking`:`Pick field on page`,` `),O(4),M(r.snapshot()?39:-1),O(2),G(`armed`,r.armed()===`reset`),F(`disabled`,!r.canWrite()),A(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),O(),J(` `,r.armed()===`reset`?`Confirm reset`:`Reset`,` `),O(),G(`armed`,r.armed()===`submit`),F(`disabled`,!r.canWrite()),A(`aria-describedby`,r.canWrite()?null:`forms-writes-off`),O(),J(` `,r.armed()===`submit`?`Confirm submit`:`Submit`,` `),O(),M(r.canWrite()?-1:45),O(2),q(r.message()),O(2),P(r.tabs),O(2),F(`id`,`forms-panel-`+r.tab_()),A(`aria-labelledby`,`forms-tab-`+r.tab_()),O(),M((e=r.tab_())===`fields`?52:e===`timeline`?53:e===`submit`?54:e===`lint`?55:-1)}}function OX(e,t){if(e&1&&(I(0,`div`,6)(1,`div`,15)(2,`h2`,16),K(3,` Forms `),I(4,`span`,17),K(5),L()(),j(6,AY,3,1,`label`,18),I(7,`ul`,19),N(8,MY,12,10,`li`,null,bY),L()(),j(10,NY,7,2,`section`,20)(11,PY,7,1,`section`,20)(12,DX,56,41,`section`,21),L()),e&2){let e,t=W();O(5),q(t.visible().length),O(),M(t.hostPageId&&(t.allPages()||t.otherPages())?6:-1),O(2),P(t.visible()),O(2),M((e=t.missing())?10:(e=t.hidden())?11:(e=t.selected())?12:-1,e)}}function kX(e,t){e&1&&R(0,`app-forms-webmcp-others`,7),e&2&&F(`pages`,W().pageWebMcp())}var AX=[{id:`fields`,label:`Fields`},{id:`timeline`,label:`Timeline`},{id:`submit`,label:`Submit`},{id:`lint`,label:`Lint`}],jX=[{id:`invalid`,label:`Invalid`},{id:`dirty`,label:`Dirty`},{id:`touched`,label:`Touched`},{id:`disabled`,label:`Disabled`},{id:`hidden-error`,label:`Error not shown`}];function MX(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 NX(e){return e.errors.length+(e.children??[]).reduce((e,t)=>e+NX(t),0)}function PX(e){return e.children?e.children.reduce((e,t)=>e+PX(t),0):+(e.type===`control`&&e.materialized!==!1)}var FX=class e{rpc=$(null);focus=$(null);canWrite=X(()=>vE(this.rpc(),`forms`));redactLabel=lE;writesOff=DT(`forms`);focusHandled=yv();forms=D([]);webMcp=D([]);events=D([]);loading=D(!0);failed=D(!1);selectedId=D(null);selectedLabel=D(null);hostPageId=JT();allPages=D(!1);visible=X(()=>{let e=this.forms(),t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>iE(e.id)===t):e});otherPages=X(()=>this.forms().some(e=>iE(e.id)!==this.hostPageId));instrumented=D([]);recording=X(()=>{let e=this.selected()?.id??``;return this.instrumented().some(t=>e.endsWith(`@${t}`))});filter=D(``);tabs=AX;chips=jX;tab_=D(`fields`);active=D(new Set);filtering=X(()=>!!this.filter()||this.active().size>0);filterStatus=D(``);version=D(0);message=D(``);setupErrors=D([]);pageSetupErrors=X(()=>this.onShownPages(this.setupErrors()));setupErrorPages=X(()=>new Set(this.pageSetupErrors().map(e=>e.pageId)).size>1);pageWebMcp=X(()=>this.onShownPages(this.webMcp()).filter(e=>e.tools.length));onShownPages(e){let t=this.hostPageId;return t&&!this.allPages()?e.filter(e=>e.pageId===t):e}webMcpPage(e){let t=iE(e);return this.webMcp().find(e=>e.pageId===t)}picking=D(null);pickSeq=0;unsubscribe=null;destroyRef=C(js);host=C(Hl);injector=C(ks);counts=X(()=>new Map(this.visible().map(e=>[e.id,{fields:PX(e.root),errors:NX(e.root)}])));chosen=X(()=>{let e=this.selectedId();if(e===null)return null;let t=this.forms(),n=this.selectedLabel(),r=iE(e);return t.find(t=>t.id===e)??t.find(e=>e.label===n&&iE(e.id)===r)??null});selected=X(()=>{let e=this.visible();if(this.selectedId()===null)return e[0]??null;let t=this.chosen();return t&&e.includes(t)?t:null});missing=X(()=>this.selectedId()!==null&&!this.chosen()&&this.visible().length?this.selectedLabel()??this.selectedId():null);hidden=X(()=>{let e=this.chosen();return e&&!this.selected()&&this.visible().length?e.label:null});selectedFormId=X(()=>this.selected()?.id??null);fieldPath=Q({source:this.selectedFormId,computation:()=>null});armed=Q({source:this.selectedFormId,computation:()=>null});snapshot=Q({source:this.selectedFormId,computation:()=>null});rows=X(()=>{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=>MX(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=X(()=>{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=D({});droppedEvents=X(()=>{let e=this.selected()?.id;return e?this.dropped()[iE(e)]??0:0});maxEvents=X(()=>hE(this.rpc()).limits.formTimeline);selectedEvents=X(()=>{let e=this.selected()?.id;return this.events().filter(t=>t.formId===e)});constructor(){vc(()=>{let e=this.rpc();e&&this.load(e)}),vc(()=>{let e=this.focus();e&&Z(()=>{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.setupErrors.set(t?.setupErrors??[]),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 dE(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(fE(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&&dE(this.rpc(),{action:`cancel-pick`,formId:e})}async setRecording(e){let t=this.selected();if(!t)return;let n=await dE(this.rpc(),{action:`instrument`,formId:t.id,value:e});this.message.set(fE(n))}selectForm(e){this.hostPageId&&iE(e)&&iE(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),dd(()=>{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 dE(this.rpc(),{action:e,formId:n.id,...t});r.snapshot&&this.selected()?.id===n.id&&this.snapshot.set(r.snapshot),this.message.set(fE(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=oE[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 aE[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=k({type:e,selectors:[[`app-forms-inspector`]],hostBindings:function(e,t){e&1&&H(`keydown.escape`,function(){return t.cancelPick()})},inputs:{rpc:[1,`rpc`],focus:[1,`focus`]},outputs:{focusHandled:`focusHandled`},decls:10,vars:3,consts:[[`fieldFilter`,``],[1,`page-intro`],[`role`,`status`,1,`setup-errors`],[`role`,`status`,1,`empty`],[`role`,`alert`,1,`empty`],[1,`empty`],[1,`layout`],[3,`pages`],[1,`setup-title`],[1,`setup-hint`],[1,`setup-page`],[`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`],[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 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&&(I(0,`p`,1),K(1,` Signal Forms, reactive and template-driven forms on the live page, with each field's state and errors, a change timeline, submit explanations and a lint. Development builds only. `),L(),j(2,wY,8,2,`div`,2),j(3,TY,4,0,`div`,3)(4,EY,7,0,`div`,4)(5,DY,4,0,`div`,3)(6,OY,5,0,`div`,5)(7,kY,7,2,`div`,5)(8,OX,13,3,`div`,6),j(9,kX,1,1,`app-forms-webmcp-others`,7)),e&2&&(O(2),M(t.pageSetupErrors().length?2:-1),O(),M(t.rpc()?t.failed()?4:t.loading()?5:t.forms().length?t.visible().length?8:7:6:3),O(6),M(t.rpc()&&!t.failed()&&!t.loading()?9:-1))},dependencies:[hJ,GJ,wJ,TJ,_Y,vY,SO,yy],styles:[`.muted[_ngcontent-%COMP%] {
   color: var(--%NS%text-2);
 }
 
@@ -12372,6 +12504,46 @@ code[_ngcontent-%COMP%] {
   line-height: 1.5;
 }
 
+.setup-errors[_ngcontent-%COMP%] {
+  display: grid;
+  gap: 4px;
+  margin: 0 0 12px;
+  padding: 10px 12px;
+  border: 1px solid;
+  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);
+  border-radius: var(--%NS%radius-sm);
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.setup-errors[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
+  margin: 0;
+}
+
+.setup-title[_ngcontent-%COMP%] {
+  font-weight: 600;
+}
+
+.setup-errors[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%] {
+  display: grid;
+  gap: 2px;
+  margin: 0;
+  padding: 0 0 0 16px;
+  min-width: 0;
+}
+
+.setup-errors[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {
+  font-family: var(--%NS%font-mono);
+  font-size: 12.5px;
+  overflow-wrap: anywhere;
+}
+
+.setup-page[_ngcontent-%COMP%] {
+  margin-left: 6px;
+}
+
 .search[_ngcontent-%COMP%] {
   position: relative;
   display: flex;
@@ -13206,7 +13378,7 @@ code[_ngcontent-%COMP%] {
    .divider[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},gX=[`filterInput`],_X=(e,t)=>t.file+t.name,vX=(e,t)=>t.file+`:`+t.line,yX=(e,t)=>t.name;function bX(e,t){e&1&&(I(0,`p`,14),E(),I(1,`svg`,26),R(2,`circle`,27)(3,`path`,28),L(),Cs(),I(4,`span`),K(5),L()()),e&2&&(O(5),q(t))}function xX(e,t){if(e&1&&(I(0,`p`,14),E(),I(1,`svg`,26),R(2,`circle`,27)(3,`path`,28),L(),Cs(),I(4,`span`)(5,`strong`),K(6),L(),K(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. `),L()()),e&2){let e=W();O(6),J(`Recording on `,e.plural(e.instrumentedPages().length,`page`),`.`)}}function SX(e,t){e&1&&(I(0,`div`,15),R(1,`span`,29),I(2,`p`,30),K(3,`Scanning pipes…`),L()())}function CX(e,t){if(e&1){let e=V();I(0,`div`,16)(1,`p`,30),K(2,`Couldn't load pipes`),L(),I(3,`p`,31),K(4,`The devtools server did not answer. Check that it is running.`),L(),I(5,`button`,32),H(`click`,function(){return w(e),T(W().refresh())}),K(6,`Try again`),L()()}}function wX(e,t){e&1&&(I(0,`div`,17)(1,`p`,30),K(2,`No pipes found`),L(),I(3,`p`,31),K(4,` No @Pipe classes were found in the source, and no template uses a built-in pipe yet. `),L()())}function TX(e,t){e&1&&K(0,` Couldn't scan the source again. The list keeps the last scan. `)}function EX(e,t){e&1&&K(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function DX(e,t){if(e&1){let e=V();I(0,`div`,33),E(),I(1,`svg`,26),R(2,`circle`,27)(3,`path`,39),L(),Cs(),I(4,`span`),j(5,TX,1,0)(6,EX,1,0),L(),I(7,`button`,11),H(`click`,function(){return w(e),T(W(2).refresh())}),K(8,`Try again`),L()()}if(e&2){let e=W(2);O(5),M(e.pipes().length?5:6),O(2),F(`disabled`,e.loading())}}function OX(e,t){e&1&&(I(0,`span`,46),K(1,`stale?`),L())}function kX(e,t){if(e&1&&(I(0,`span`,47),K(1),L()),e&2){W();let e=q_(0);O(),J(``,e.instanceCount,` live`)}}function AX(e,t){e&1&&(I(0,`span`,48),K(1,`built-in`),L())}function jX(e,t){e&1&&(I(0,`span`,48),K(1,`runtime only`),L())}function MX(e,t){e&1&&(I(0,`span`,48),K(1,`NgModule`),L())}function NX(e,t){e&1&&(I(0,`span`,50),K(1,`No source location`),L())}function PX(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;Y(` `,e.file,`:`,e.line,` `)}}function FX(e,t){if(e&1&&(I(0,`span`,51),K(1),L()),e&2){let e=W().$implicit;O(),J(`+`,(e.usageCount??1)-1,` more`)}}function IX(e,t){if(e&1&&(I(0,`span`,51),K(1),L()),e&2){let e=W().$implicit;O(),Y(``,e.usageCount,` `,e.usageCount===1?`use`:`uses`)}}function LX(e,t){if(e&1){let e=V();G_(0),I(1,`li`)(2,`button`,41),H(`click`,function(){let t=w(e).$implicit;return T(W(3).select(t))})(`mouseenter`,function(){w(e);let t=q_(0);return T(W(3).highlightPipe(t))})(`mouseleave`,function(){return w(e),T(W(3).highlight(null))})(`focus`,function(){w(e);let t=q_(0);return T(W(3).highlightPipe(t))})(`blur`,function(){return w(e),T(W(3).highlight(null))}),I(3,`span`,42)(4,`span`,43),K(5),L(),I(6,`span`,44),K(7),L()(),I(8,`span`,45),j(9,OX,2,0,`span`,46),j(10,kX,2,1,`span`,47),j(11,AX,2,0,`span`,48),j(12,jX,2,0,`span`,48),j(13,MX,2,0,`span`,48),I(14,`span`,48),K(15),L()(),I(16,`span`,49),j(17,NX,2,0,`span`,50)(18,PX,1,2),j(19,FX,2,1,`span`,51)(20,IX,2,2,`span`,51),L()()()}if(e&2){let e=t.$implicit,n=W(3),r=K_(n.liveFor(e.name));O(2),G(`selected`,n.isSelected(e)),A(`aria-current`,n.isSelected(e)||null),O(3),q(e.name),O(2),q(e.className),O(2),M(r?.stale?9:-1),O(),M(r?10:-1),O(),M(e.builtin?11:-1),O(),M(e.runtime?12:-1),O(),M(e.isStandalone?-1:13),O(),G(`impure`,!e.isPure),O(),q(e.isPure?`pure`:`impure`),O(2),M(e.runtime?17:18),O(2),M(e.builtin&&(e.usageCount??0)>1?19:!e.builtin&&e.usageCount?20:-1)}}function RX(e,t){if(e&1){let e=V();I(0,`ul`,40),H(`keydown`,function(t){return w(e),T(W(2).onListKey(t))}),N(1,LX,21,16,`li`,null,_X),L()}if(e&2){let e=W(2);O(),P(e.filtered())}}function zX(e,t){e&1&&K(0),e&2&&J(` Nothing matches “`,W(3).filter().trim(),`” in this view. `)}function BX(e,t){e&1&&K(0,` None of the pipes fit this filter. `)}function VX(e,t){if(e&1){let e=V();I(0,`div`,37)(1,`p`,30),K(2,`No pipes match`),L(),I(3,`p`,31),j(4,zX,1,1)(5,BX,1,0),L(),I(6,`button`,32),H(`click`,function(){return w(e),T(W(2).clearFilters())}),K(7,`Clear filters`),L()()}if(e&2){let e=W(2);O(4),M(e.filter().trim()?4:5)}}function HX(e,t){e&1&&(I(0,`span`,48),K(1,`built-in`),L())}function UX(e,t){e&1&&(I(0,`span`,48),K(1,`runtime only`),L())}function WX(e,t){if(e&1&&(I(0,`dt`),K(1,`File`),L(),I(2,`dd`,55),R(3,`app-source-link`,57),L()),e&2){let e=W();O(3),F(`file`,e.file)(`line`,e.line)}}function GX(e,t){if(e&1&&(I(0,`dt`),K(1,`Standalone`),L(),I(2,`dd`),K(3),L()),e&2){let e=W();O(3),q(e.isStandalone?`Yes`:`No, declared in an NgModule`)}}function KX(e,t){if(e&1&&(I(0,`li`,55),R(1,`app-source-link`,57),L()),e&2){let e=t.$implicit;O(),F(`file`,e.file)(`line`,e.line)}}function qX(e,t){if(e&1&&(I(0,`div`,54)(1,`h3`),K(2,` Used in templates `),I(3,`span`,21),K(4),L()(),I(5,`ul`,58),N(6,KX,2,2,`li`,55,vX),L()()),e&2){let e=W();O(4),q(e.usageCount),O(2),P(e.usages)}}function JX(e,t){e&1&&(I(0,`p`,59)(1,`span`,46),K(2,`experimental`),L(),K(3,` This pure pipe got an argument whose contents changed while its reference stayed the same, so it may be showing a stale value. `),L())}function YX(e,t){if(e&1){let e=V();I(0,`button`,64),H(`click`,function(){let t=w(e);return T(W(5).highlight(t,!0))})(`mouseenter`,function(){let t=w(e);return T(W(5).highlight(t))})(`mouseleave`,function(){return w(e),T(W(5).highlight(null))})(`focus`,function(){let t=w(e);return T(W(5).highlight(t))})(`blur`,function(){return w(e),T(W(5).highlight(null))}),I(1,`span`,55),K(2),L(),I(3,`span`,65),K(4),L()()}if(e&2){let e=W().$implicit;A(`aria-label`,`Highlight `+e.name+` on the page`),O(2),q(e.name),O(2),q(e.count)}}function XX(e,t){if(e&1&&(I(0,`span`,63)(1,`span`,55),K(2),L(),I(3,`span`,65),K(4),L()()),e&2){let e=W().$implicit;O(2),q(e.name),O(2),q(e.count)}}function ZX(e,t){if(e&1&&(I(0,`li`),j(1,YX,5,3,`button`,62)(2,XX,5,2,`span`,63),L()),e&2){let e,n=t.$implicit;O(),M((e=n.targets?.[0])?1:2,e)}}function QX(e,t){if(e&1&&(I(0,`dt`),K(1,`Time`),L(),I(2,`dd`),K(3),L()),e&2){let e=W(),t=W(4);O(3),R_(` `,t.ms(e.totalMs),` total, `,t.ms(e.totalMs/e.callCount),` average, `,t.ms(e.maxMs??0),` slowest `)}}function $X(e,t){if(e&1&&(I(0,`span`,66),K(1),L()),e&2){let e=W(2);O(),q(e.lastError)}}function eZ(e,t){if(e&1&&(I(0,`dt`),K(1,`Errors`),L(),I(2,`dd`),K(3),j(4,$X,2,1,`span`,66),L()),e&2){let e=W();O(3),J(` `,e.errorCount,` `),O(),M(e.lastError?4:-1)}}function tZ(e,t){if(e&1){let e=V();I(0,`button`,64),H(`click`,function(){let t=w(e);return T(W(7).highlight(t,!0))})(`mouseenter`,function(){let t=w(e);return T(W(7).highlight(t))})(`mouseleave`,function(){return w(e),T(W(7).highlight(null))})(`focus`,function(){let t=w(e);return T(W(7).highlight(t))})(`blur`,function(){return w(e),T(W(7).highlight(null))}),I(1,`span`,55),K(2),L()()}if(e&2){let e=W().$implicit;A(`aria-label`,`Highlight `+e.component+` on the page`),O(2),q(e.component)}}function nZ(e,t){if(e&1&&(I(0,`span`,63)(1,`span`,55),K(2),L()()),e&2){let e=W().$implicit;O(2),q(e.component)}}function rZ(e,t){if(e&1&&(I(0,`span`,68),K(1),L()),e&2){let e=W().$implicit,t=W(6);O(),q(t.ms(e.totalMs))}}function iZ(e,t){if(e&1&&(I(0,`span`,69),K(1),L()),e&2){let e=W().$implicit;O(),q(e.lastCaller)}}function aZ(e,t){if(e&1&&(I(0,`li`,67),j(1,tZ,3,2,`button`,62)(2,nZ,3,1,`span`,63),I(3,`span`,66),K(4),I(5,`span`,68),K(6),L(),j(7,rZ,2,1,`span`,68),L(),j(8,iZ,2,1,`span`,69),L()),e&2){let e,n=t.$implicit,r=W(6);O(),M((e=n.target)?1:2,e),O(3),Y(` `,r.describe(n.lastArgs),` → `,r.describe(n.lastResult),` `),O(2),J(``,n.callCount,`×`),O(),M(n.totalMs===void 0?-1:7),O(),M(n.lastCaller?8:-1)}}function oZ(e,t){if(e&1&&(I(0,`p`,61),K(1),L()),e&2){let e=W(2);O(),Y(` Showing `,e.instances.length,` of `,e.instanceTotal,` instances. `)}}function sZ(e,t){if(e&1&&(I(0,`dt`),K(1,`Per instance`),L(),I(2,`dd`)(3,`ul`,58),N(4,aZ,9,6,`li`,67,_g),L(),j(6,oZ,2,2,`p`,61),L()),e&2){let e=W();O(4),P(e.instances),O(2),M(e.instanceTotal?6:-1)}}function cZ(e,t){if(e&1&&(I(0,`dt`),K(1,`Last caller`),L(),I(2,`dd`,66),K(3),L()),e&2){let e=W();O(3),q(e.lastCaller)}}function lZ(e,t){if(e&1&&(I(0,`dt`),K(1,`Calls`),L(),I(2,`dd`),K(3),L(),j(4,QX,4,3),j(5,eZ,5,2),I(6,`dt`),K(7,`Last input`),L(),I(8,`dd`,66),K(9),L(),I(10,`dt`),K(11,`Last output`),L(),I(12,`dd`,66),K(13),L(),j(14,sZ,7,1),j(15,cZ,4,1)),e&2){let e=t,n=W(4);O(3),q(e.callCount),O(),M(e.totalMs===void 0?-1:4),O(),M(e.errorCount?5:-1),O(4),q(n.describe(e.lastArgs)),O(4),q(n.describe(e.lastResult)),O(),M(e.instances?.length?14:-1),O(),M(e.lastCaller?15:-1)}}function uZ(e,t){e&1&&(I(0,`dt`),K(1,`Calls`),L(),I(2,`dd`,70),K(3,`None recorded yet.`),L())}function dZ(e,t){e&1&&(I(0,`p`,61),K(1,` The stale check is off for this pipe: it couldn't read the compiled template, which happens in minified builds. `),L())}function fZ(e,t){e&1&&(I(0,`p`,61),K(1,`Turn on “Record calls” to see call counts and values.`),L())}function pZ(e,t){if(e&1&&(j(0,JX,4,0,`p`,59),I(1,`dl`)(2,`dt`),K(3,`Instances`),L(),I(4,`dd`),K(5),L(),I(6,`dt`),K(7,`Used by`),L(),I(8,`dd`)(9,`ul`,60),N(10,ZX,3,1,`li`,null,yX),L()(),j(12,lZ,16,7)(13,uZ,4,0),L(),j(14,dZ,2,0,`p`,61),j(15,fZ,2,0,`p`,61)),e&2){let e,n=t,r=W(3);M(n.stale?0:-1),O(5),q(n.instanceCount),O(5),P(n.components),O(2),M((e=n.call)?12:r.instrumenting()?13:-1,e),O(2),M(n.staleCheck===`unavailable`?14:-1),O(),M(!n.call&&!r.instrumenting()?15:-1)}}function mZ(e,t){e&1&&(I(0,`p`,56),K(1,` Not in use on the connected page. Open a view that uses it, or connect the app. `),L())}function hZ(e,t){if(e&1&&(I(0,`header`,52)(1,`h2`,53),K(2),L(),I(3,`span`,48),K(4),L(),j(5,HX,2,0,`span`,48),j(6,UX,2,0,`span`,48),L(),I(7,`div`,54)(8,`h3`),K(9,`Declaration`),L(),I(10,`dl`)(11,`dt`),K(12,`Class`),L(),I(13,`dd`,55),K(14),L(),I(15,`dt`),K(16,`Source`),L(),I(17,`dd`),K(18),L(),j(19,WX,4,2),j(20,GX,4,1),I(21,`dt`),K(22,`Pure`),L(),I(23,`dd`),K(24),L()()(),j(25,qX,8,1,`div`,54),I(26,`div`,54)(27,`h3`),K(28,`Live on the page`),L(),j(29,pZ,16,5)(30,mZ,2,0,`p`,56),L()),e&2){let e,n=t,r=W(2);O(2),q(n.name),O(),G(`impure`,!n.isPure),O(),q(n.isPure?`pure`:`impure`),O(),M(n.builtin?5:-1),O(),M(n.runtime?6:-1),O(8),q(n.className),O(4),q(r.sourceLabel(n)),O(),M(!n.builtin&&!n.runtime?19:-1),O(),M(n.runtime?-1:20),O(4),J(` `,n.isPure?`Yes, reruns only when an input changes`:`No, reruns on every check`,` `),O(),M(n.usages?.length?25:-1),O(4),M((e=r.liveFor(n.name))?29:30,e)}}function gZ(e,t){e&1&&(I(0,`h2`,71),K(1,`Pipe details`),L(),I(2,`div`,72)(3,`p`,30),K(4,`Pick a pipe`),L(),I(5,`p`,31),K(6,` See where it is declared, which components use it and what it last returned. `),L()())}function _Z(e,t){if(e&1&&(j(0,DX,9,2,`div`,33),I(1,`div`,34)(2,`div`,35),j(3,RX,3,0,`ul`,36)(4,VX,8,1,`div`,37),L(),I(5,`section`,38),j(6,hZ,31,13)(7,gZ,7,0),L()()),e&2){let e,t=W();M(t.loadFailed()?0:-1),O(3),M(t.filtered().length?3:4),O(3),M((e=t.selected())?6:7,e)}}function vZ(e,t){if(e&1&&(I(0,`p`,61),K(1),L()),e&2){let e=W(2);O(),Y(`Showing `,e.async().length,` of `,t,` subscriptions.`)}}function yZ(e,t){if(e&1){let e=V();I(0,`button`,80),H(`click`,function(){let t=w(e);return T(W(3).highlight(t))})(`focus`,function(){let t=w(e);return T(W(3).highlight(t))})(`blur`,function(){return w(e),T(W(3).highlight(null))}),K(1),L()}if(e&2){let e=W().$implicit;A(`aria-label`,`Highlight `+e.component+` on the page`),O(),J(` `,e.component,` `)}}function bZ(e,t){if(e&1&&(I(0,`span`,78),K(1),L()),e&2){let e=W().$implicit;O(),q(e.component)}}function xZ(e,t){e&1&&(I(0,`span`,48),K(1,`no source`),L())}function SZ(e,t){e&1&&(I(0,`span`,46),K(1,`duplicate subscription`),L())}function CZ(e,t){e&1&&(I(0,`span`,46),K(1,`resubscribing`),L())}function wZ(e,t){if(e&1){let e=V();I(0,`li`,76),H(`mouseenter`,function(){let t=w(e).$implicit;return T(W(2).highlight(t.target))})(`mouseleave`,function(){return w(e),T(W(2).highlight(null))}),j(1,yZ,2,2,`button`,77)(2,bZ,2,1,`span`,78),j(3,xZ,2,0,`span`,48),j(4,SZ,2,0,`span`,46),j(5,CZ,2,0,`span`,46),I(6,`span`,79),K(7),L()()}if(e&2){let e,n=t.$implicit;O(),M((e=n.target)?1:2,e),O(2),M(n.hasSource?-1:3),O(),M(n.duplicate?4:-1),O(),M(n.resubscribing?5:-1),O(2),q(n.latestValue??`no value yet`)}}function TZ(e,t){if(e&1&&(I(0,`section`,18)(1,`h2`,73),K(2,` Async subscriptions `),I(3,`span`,21),K(4),L()(),I(5,`p`,61),K(6,` Each `),I(7,`span`,55),K(8,`| async`),L(),K(9,` subscribes on its own. Two on the same source mean the work runs twice. A source that changes on every check, like `),I(10,`span`,55),K(11,`getData() | async`),L(),K(12,`, resubscribes each time. `),L(),j(13,vZ,2,2,`p`,61),I(14,`ul`,74),N(15,wZ,8,5,`li`,75,_g),L()()),e&2){let e,t=W();O(4),q(t.async().length),O(9),M((e=t.asyncTotal())?13:-1,e),O(2),P(t.async())}}function EZ(e,t){e&1&&(I(0,`span`,21),K(1),L()),e&2&&(O(),q(t.length))}function DZ(e,t){e&1&&(I(0,`p`,22),K(1,`Couldn't run the lint check. Try Refresh.`),L())}function OZ(e,t){e&1&&(I(0,`p`,23),K(1,`Checking…`),L())}function kZ(e,t){e&1&&(I(0,`p`,24),K(1,`No problems found.`),L())}function AZ(e,t){if(e&1){let e=V();I(0,`button`,90),H(`click`,function(){w(e),W();let t=q_(6);return T(W(2).showPipe(t))}),I(1,`span`,91),K(2,`Show pipe `),L(),K(3),L()}if(e&2){let e=W().$implicit;O(3),J(``,e.pipe,` `)}}function jZ(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,e.pipe,` `)}}function MZ(e,t){if(e&1&&(I(0,`li`,81)(1,`div`,82)(2,`span`,83),K(3),L(),I(4,`code`,84),K(5),L(),G_(6),I(7,`span`,85),j(8,AZ,4,1,`button`,86)(9,jZ,1,1),K(10,` · `),R(11,`app-source-link`,57),L()(),I(12,`p`,87),K(13),L(),I(14,`p`,88)(15,`span`,89),K(16,`Fix`),L(),K(17),L()()),e&2){let e=t.$implicit;O(2),A(`data-tone`,e.severity),O(),q(e.severity),O(2),q(e.rule),O();let n=K_(W(2).pipeFor(e));O(2),M(n?8:9),O(3),F(`file`,e.file)(`line`,e.line),O(2),q(e.message),O(4),J(` `,e.fix)}}function NZ(e,t){if(e&1&&(I(0,`ul`,25),N(1,MZ,18,9,`li`,81,_g),L()),e&2){let e=W();O(),P(e.lint())}}var PZ=5e3,FZ=[{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`}],IZ=class e{plural=gO;destroyRef=C(Ns);host=C(Wl);injector=C(js);filterInput=Ev(`filterInput`);rpc=$(null);kindOptions=FZ;pipes=D([]);filter=D(``);kind=D(`all`);loading=D(!1);loadFailed=D(!1);selected=D(null);live=D([]);async=D([]);asyncTotal=D(void 0);lint=D(null);lintFailed=D(!1);instrumentedPages=D([]);instrumenting=X(()=>this.instrumentedPages().length>0);pendingRecord=D(null);recordMessage=D(null);recordLabel=X(()=>{let e=this.pendingRecord();return e===null?this.instrumenting()?`Stop recording`:`Record calls`:e?`Starting…`:`Stopping…`});pendingTimer;liveByName=X(()=>new Map(this.live().map(e=>[e.name,e])));allPipes=X(()=>{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=X(()=>{let e=this.filter(),t=this.kind()??`all`;return this.allPipes().filter(n=>this.fitsKind(n,t)&&this.fitsQuery(n,e))});pipesByName=X(()=>{let e=new Map;for(let t of this.allPipes())e.set(t.name,[...e.get(t.name)??[],t]);return e});unsubscribe;constructor(){bc(()=>{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=GT(),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:GT()??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.`)},PZ)}}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),dd(()=>{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=k({type:e,selectors:[[`app-pipes-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.filterInput,gX,5),e&2&&Qg()},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=V();I(0,`p`,1),K(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. `),L(),I(2,`div`,2)(3,`div`,3),E(),I(4,`svg`,4),R(5,`circle`,5)(6,`path`,6),L(),Cs(),I(7,`input`,7,0),H(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),L()(),I(9,`app-select`,8),U_(`valueChange`,function(n){return w(e),H_(t.kind,n)||(t.kind=n),T(n)}),L(),I(10,`span`,9),K(11),L(),I(12,`div`,10)(13,`button`,11),H(`click`,function(){return t.refresh()}),K(14,`Refresh`),L(),I(15,`button`,12),H(`click`,function(){return t.toggleInstrument()}),R(16,`span`,13),K(17),L()()(),j(18,bX,6,1,`p`,14),j(19,xX,8,1,`p`,14),j(20,SX,4,0,`div`,15)(21,CX,7,0,`div`,16)(22,wX,5,0,`div`,17)(23,_Z,8,3),j(24,TZ,17,2,`section`,18),I(25,`section`,19)(26,`h2`,20),K(27,` Lint `),j(28,EZ,2,1,`span`,21),L(),j(29,DZ,2,0,`p`,22)(30,OZ,2,0,`p`,23)(31,kZ,2,0,`p`,24)(32,NZ,3,0,`ul`,25),L()}if(e&2){let e,n;O(7),F(`value`,t.filter()),O(2),F(`options`,t.kindOptions),V_(`value`,t.kind),O(2),Y(``,t.filtered().length,` of `,t.allPipes().length),O(2),F(`disabled`,t.loading()),O(2),G(`on`,t.instrumenting()),A(`aria-pressed`,t.instrumenting())(`aria-busy`,t.pendingRecord()!==null)(`aria-disabled`,t.pendingRecord()!==null),O(2),J(` `,t.recordLabel(),` `),O(),M((e=t.recordMessage())?18:-1,e),O(),M(t.instrumenting()?19:-1),O(),M(t.loading()&&t.allPipes().length===0?20:t.loadFailed()&&t.allPipes().length===0?21:t.allPipes().length===0?22:23),O(4),M(t.async().length>0?24:-1),O(4),M((n=t.lint())?28:-1,n),O(),M(t.lintFailed()?29:t.lint()===null?30:t.lint().length?32:31)}},dependencies:[UD,Aj],styles:[`[_nghost-%COMP%] {
+}`]})},IX=[`filterInput`],LX=(e,t)=>t.file+t.name,RX=(e,t)=>t.file+`:`+t.line,zX=(e,t)=>t.name;function BX(e,t){e&1&&(I(0,`p`,14),E(),I(1,`svg`,26),R(2,`circle`,27)(3,`path`,28),L(),xs(),I(4,`span`),K(5),L()()),e&2&&(O(5),q(t))}function VX(e,t){if(e&1&&(I(0,`p`,14),E(),I(1,`svg`,26),R(2,`circle`,27)(3,`path`,28),L(),xs(),I(4,`span`)(5,`strong`),K(6),L(),K(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. `),L()()),e&2){let e=W();O(6),J(`Recording on `,e.plural(e.instrumentedPages().length,`page`),`.`)}}function HX(e,t){e&1&&(I(0,`div`,15),R(1,`span`,29),I(2,`p`,30),K(3,`Scanning pipes…`),L()())}function UX(e,t){if(e&1){let e=V();I(0,`div`,16)(1,`p`,30),K(2,`Couldn't load pipes`),L(),I(3,`p`,31),K(4,`The devtools server did not answer. Check that it is running.`),L(),I(5,`button`,32),H(`click`,function(){return w(e),T(W().refresh())}),K(6,`Try again`),L()()}}function WX(e,t){e&1&&(I(0,`div`,17)(1,`p`,30),K(2,`No pipes found`),L(),I(3,`p`,31),K(4,` No @Pipe classes were found in the source, and no template uses a built-in pipe yet. `),L()())}function GX(e,t){e&1&&K(0,` Couldn't scan the source again. The list keeps the last scan. `)}function KX(e,t){e&1&&K(0,` Couldn't scan the source. Only pipes seen on the page are listed. `)}function qX(e,t){if(e&1){let e=V();I(0,`div`,33),E(),I(1,`svg`,26),R(2,`circle`,27)(3,`path`,39),L(),xs(),I(4,`span`),j(5,GX,1,0)(6,KX,1,0),L(),I(7,`button`,11),H(`click`,function(){return w(e),T(W(2).refresh())}),K(8,`Try again`),L()()}if(e&2){let e=W(2);O(5),M(e.pipes().length?5:6),O(2),F(`disabled`,e.loading())}}function JX(e,t){e&1&&(I(0,`span`,46),K(1,`stale?`),L())}function YX(e,t){if(e&1&&(I(0,`span`,47),K(1),L()),e&2){W();let e=q_(0);O(),J(``,e.instanceCount,` live`)}}function XX(e,t){e&1&&(I(0,`span`,48),K(1,`built-in`),L())}function ZX(e,t){e&1&&(I(0,`span`,48),K(1,`runtime only`),L())}function QX(e,t){e&1&&(I(0,`span`,48),K(1,`NgModule`),L())}function $X(e,t){e&1&&(I(0,`span`,50),K(1,`No source location`),L())}function eZ(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;Y(` `,e.file,`:`,e.line,` `)}}function tZ(e,t){if(e&1&&(I(0,`span`,51),K(1),L()),e&2){let e=W().$implicit;O(),J(`+`,(e.usageCount??1)-1,` more`)}}function nZ(e,t){if(e&1&&(I(0,`span`,51),K(1),L()),e&2){let e=W().$implicit;O(),Y(``,e.usageCount,` `,e.usageCount===1?`use`:`uses`)}}function rZ(e,t){if(e&1){let e=V();G_(0),I(1,`li`)(2,`button`,41),H(`click`,function(){let t=w(e).$implicit;return T(W(3).select(t))})(`mouseenter`,function(){w(e);let t=q_(0);return T(W(3).highlightPipe(t))})(`mouseleave`,function(){return w(e),T(W(3).highlight(null))})(`focus`,function(){w(e);let t=q_(0);return T(W(3).highlightPipe(t))})(`blur`,function(){return w(e),T(W(3).highlight(null))}),I(3,`span`,42)(4,`span`,43),K(5),L(),I(6,`span`,44),K(7),L()(),I(8,`span`,45),j(9,JX,2,0,`span`,46),j(10,YX,2,1,`span`,47),j(11,XX,2,0,`span`,48),j(12,ZX,2,0,`span`,48),j(13,QX,2,0,`span`,48),I(14,`span`,48),K(15),L()(),I(16,`span`,49),j(17,$X,2,0,`span`,50)(18,eZ,1,2),j(19,tZ,2,1,`span`,51)(20,nZ,2,2,`span`,51),L()()()}if(e&2){let e=t.$implicit,n=W(3),r=K_(n.liveFor(e.name));O(2),G(`selected`,n.isSelected(e)),A(`aria-current`,n.isSelected(e)||null),O(3),q(e.name),O(2),q(e.className),O(2),M(r?.stale?9:-1),O(),M(r?10:-1),O(),M(e.builtin?11:-1),O(),M(e.runtime?12:-1),O(),M(e.isStandalone?-1:13),O(),G(`impure`,!e.isPure),O(),q(e.isPure?`pure`:`impure`),O(2),M(e.runtime?17:18),O(2),M(e.builtin&&(e.usageCount??0)>1?19:!e.builtin&&e.usageCount?20:-1)}}function iZ(e,t){if(e&1){let e=V();I(0,`ul`,40),H(`keydown`,function(t){return w(e),T(W(2).onListKey(t))}),N(1,rZ,21,16,`li`,null,LX),L()}if(e&2){let e=W(2);O(),P(e.filtered())}}function aZ(e,t){e&1&&K(0),e&2&&J(` Nothing matches “`,W(3).filter().trim(),`” in this view. `)}function oZ(e,t){e&1&&K(0,` None of the pipes fit this filter. `)}function sZ(e,t){if(e&1){let e=V();I(0,`div`,37)(1,`p`,30),K(2,`No pipes match`),L(),I(3,`p`,31),j(4,aZ,1,1)(5,oZ,1,0),L(),I(6,`button`,32),H(`click`,function(){return w(e),T(W(2).clearFilters())}),K(7,`Clear filters`),L()()}if(e&2){let e=W(2);O(4),M(e.filter().trim()?4:5)}}function cZ(e,t){e&1&&(I(0,`span`,48),K(1,`built-in`),L())}function lZ(e,t){e&1&&(I(0,`span`,48),K(1,`runtime only`),L())}function uZ(e,t){if(e&1&&(I(0,`dt`),K(1,`File`),L(),I(2,`dd`,55),R(3,`app-source-link`,57),L()),e&2){let e=W();O(3),F(`file`,e.file)(`line`,e.line)}}function dZ(e,t){if(e&1&&(I(0,`dt`),K(1,`Standalone`),L(),I(2,`dd`),K(3),L()),e&2){let e=W();O(3),q(e.isStandalone?`Yes`:`No, declared in an NgModule`)}}function fZ(e,t){if(e&1&&(I(0,`li`,55),R(1,`app-source-link`,57),L()),e&2){let e=t.$implicit;O(),F(`file`,e.file)(`line`,e.line)}}function pZ(e,t){if(e&1&&(I(0,`div`,54)(1,`h3`),K(2,` Used in templates `),I(3,`span`,21),K(4),L()(),I(5,`ul`,58),N(6,fZ,2,2,`li`,55,RX),L()()),e&2){let e=W();O(4),q(e.usageCount),O(2),P(e.usages)}}function mZ(e,t){e&1&&(I(0,`p`,59)(1,`span`,46),K(2,`experimental`),L(),K(3,` This pure pipe got an argument whose contents changed while its reference stayed the same, so it may be showing a stale value. `),L())}function hZ(e,t){if(e&1){let e=V();I(0,`button`,64),H(`click`,function(){let t=w(e);return T(W(5).highlight(t,!0))})(`mouseenter`,function(){let t=w(e);return T(W(5).highlight(t))})(`mouseleave`,function(){return w(e),T(W(5).highlight(null))})(`focus`,function(){let t=w(e);return T(W(5).highlight(t))})(`blur`,function(){return w(e),T(W(5).highlight(null))}),I(1,`span`,55),K(2),L(),I(3,`span`,65),K(4),L()()}if(e&2){let e=W().$implicit;A(`aria-label`,`Highlight `+e.name+` on the page`),O(2),q(e.name),O(2),q(e.count)}}function gZ(e,t){if(e&1&&(I(0,`span`,63)(1,`span`,55),K(2),L(),I(3,`span`,65),K(4),L()()),e&2){let e=W().$implicit;O(2),q(e.name),O(2),q(e.count)}}function _Z(e,t){if(e&1&&(I(0,`li`),j(1,hZ,5,3,`button`,62)(2,gZ,5,2,`span`,63),L()),e&2){let e,n=t.$implicit;O(),M((e=n.targets?.[0])?1:2,e)}}function vZ(e,t){if(e&1&&(I(0,`dt`),K(1,`Time`),L(),I(2,`dd`),K(3),L()),e&2){let e=W(),t=W(4);O(3),R_(` `,t.ms(e.totalMs),` total, `,t.ms(e.totalMs/e.callCount),` average, `,t.ms(e.maxMs??0),` slowest `)}}function yZ(e,t){if(e&1&&(I(0,`span`,66),K(1),L()),e&2){let e=W(2);O(),q(e.lastError)}}function bZ(e,t){if(e&1&&(I(0,`dt`),K(1,`Errors`),L(),I(2,`dd`),K(3),j(4,yZ,2,1,`span`,66),L()),e&2){let e=W();O(3),J(` `,e.errorCount,` `),O(),M(e.lastError?4:-1)}}function xZ(e,t){if(e&1){let e=V();I(0,`button`,64),H(`click`,function(){let t=w(e);return T(W(7).highlight(t,!0))})(`mouseenter`,function(){let t=w(e);return T(W(7).highlight(t))})(`mouseleave`,function(){return w(e),T(W(7).highlight(null))})(`focus`,function(){let t=w(e);return T(W(7).highlight(t))})(`blur`,function(){return w(e),T(W(7).highlight(null))}),I(1,`span`,55),K(2),L()()}if(e&2){let e=W().$implicit;A(`aria-label`,`Highlight `+e.component+` on the page`),O(2),q(e.component)}}function SZ(e,t){if(e&1&&(I(0,`span`,63)(1,`span`,55),K(2),L()()),e&2){let e=W().$implicit;O(2),q(e.component)}}function CZ(e,t){if(e&1&&(I(0,`span`,68),K(1),L()),e&2){let e=W().$implicit,t=W(6);O(),q(t.ms(e.totalMs))}}function wZ(e,t){if(e&1&&(I(0,`span`,69),K(1),L()),e&2){let e=W().$implicit;O(),q(e.lastCaller)}}function TZ(e,t){if(e&1&&(I(0,`li`,67),j(1,xZ,3,2,`button`,62)(2,SZ,3,1,`span`,63),I(3,`span`,66),K(4),I(5,`span`,68),K(6),L(),j(7,CZ,2,1,`span`,68),L(),j(8,wZ,2,1,`span`,69),L()),e&2){let e,n=t.$implicit,r=W(6);O(),M((e=n.target)?1:2,e),O(3),Y(` `,r.describe(n.lastArgs),` → `,r.describe(n.lastResult),` `),O(2),J(``,n.callCount,`×`),O(),M(n.totalMs===void 0?-1:7),O(),M(n.lastCaller?8:-1)}}function EZ(e,t){if(e&1&&(I(0,`p`,61),K(1),L()),e&2){let e=W(2);O(),Y(` Showing `,e.instances.length,` of `,e.instanceTotal,` instances. `)}}function DZ(e,t){if(e&1&&(I(0,`dt`),K(1,`Per instance`),L(),I(2,`dd`)(3,`ul`,58),N(4,TZ,9,6,`li`,67,_g),L(),j(6,EZ,2,2,`p`,61),L()),e&2){let e=W();O(4),P(e.instances),O(2),M(e.instanceTotal?6:-1)}}function OZ(e,t){if(e&1&&(I(0,`dt`),K(1,`Last caller`),L(),I(2,`dd`,66),K(3),L()),e&2){let e=W();O(3),q(e.lastCaller)}}function kZ(e,t){if(e&1&&(I(0,`dt`),K(1,`Calls`),L(),I(2,`dd`),K(3),L(),j(4,vZ,4,3),j(5,bZ,5,2),I(6,`dt`),K(7,`Last input`),L(),I(8,`dd`,66),K(9),L(),I(10,`dt`),K(11,`Last output`),L(),I(12,`dd`,66),K(13),L(),j(14,DZ,7,1),j(15,OZ,4,1)),e&2){let e=t,n=W(4);O(3),q(e.callCount),O(),M(e.totalMs===void 0?-1:4),O(),M(e.errorCount?5:-1),O(4),q(n.describe(e.lastArgs)),O(4),q(n.describe(e.lastResult)),O(),M(e.instances?.length?14:-1),O(),M(e.lastCaller?15:-1)}}function AZ(e,t){e&1&&(I(0,`dt`),K(1,`Calls`),L(),I(2,`dd`,70),K(3,`None recorded yet.`),L())}function jZ(e,t){e&1&&(I(0,`p`,61),K(1,` The stale check is off for this pipe: it couldn't read the compiled template, which happens in minified builds. `),L())}function MZ(e,t){e&1&&(I(0,`p`,61),K(1,`Turn on “Record calls” to see call counts and values.`),L())}function NZ(e,t){if(e&1&&(j(0,mZ,4,0,`p`,59),I(1,`dl`)(2,`dt`),K(3,`Instances`),L(),I(4,`dd`),K(5),L(),I(6,`dt`),K(7,`Used by`),L(),I(8,`dd`)(9,`ul`,60),N(10,_Z,3,1,`li`,null,zX),L()(),j(12,kZ,16,7)(13,AZ,4,0),L(),j(14,jZ,2,0,`p`,61),j(15,MZ,2,0,`p`,61)),e&2){let e,n=t,r=W(3);M(n.stale?0:-1),O(5),q(n.instanceCount),O(5),P(n.components),O(2),M((e=n.call)?12:r.instrumenting()?13:-1,e),O(2),M(n.staleCheck===`unavailable`?14:-1),O(),M(!n.call&&!r.instrumenting()?15:-1)}}function PZ(e,t){e&1&&(I(0,`p`,56),K(1,` Not in use on the connected page. Open a view that uses it, or connect the app. `),L())}function FZ(e,t){if(e&1&&(I(0,`header`,52)(1,`h2`,53),K(2),L(),I(3,`span`,48),K(4),L(),j(5,cZ,2,0,`span`,48),j(6,lZ,2,0,`span`,48),L(),I(7,`div`,54)(8,`h3`),K(9,`Declaration`),L(),I(10,`dl`)(11,`dt`),K(12,`Class`),L(),I(13,`dd`,55),K(14),L(),I(15,`dt`),K(16,`Source`),L(),I(17,`dd`),K(18),L(),j(19,uZ,4,2),j(20,dZ,4,1),I(21,`dt`),K(22,`Pure`),L(),I(23,`dd`),K(24),L()()(),j(25,pZ,8,1,`div`,54),I(26,`div`,54)(27,`h3`),K(28,`Live on the page`),L(),j(29,NZ,16,5)(30,PZ,2,0,`p`,56),L()),e&2){let e,n=t,r=W(2);O(2),q(n.name),O(),G(`impure`,!n.isPure),O(),q(n.isPure?`pure`:`impure`),O(),M(n.builtin?5:-1),O(),M(n.runtime?6:-1),O(8),q(n.className),O(4),q(r.sourceLabel(n)),O(),M(!n.builtin&&!n.runtime?19:-1),O(),M(n.runtime?-1:20),O(4),J(` `,n.isPure?`Yes, reruns only when an input changes`:`No, reruns on every check`,` `),O(),M(n.usages?.length?25:-1),O(4),M((e=r.liveFor(n.name))?29:30,e)}}function IZ(e,t){e&1&&(I(0,`h2`,71),K(1,`Pipe details`),L(),I(2,`div`,72)(3,`p`,30),K(4,`Pick a pipe`),L(),I(5,`p`,31),K(6,` See where it is declared, which components use it and what it last returned. `),L()())}function LZ(e,t){if(e&1&&(j(0,qX,9,2,`div`,33),I(1,`div`,34)(2,`div`,35),j(3,iZ,3,0,`ul`,36)(4,sZ,8,1,`div`,37),L(),I(5,`section`,38),j(6,FZ,31,13)(7,IZ,7,0),L()()),e&2){let e,t=W();M(t.loadFailed()?0:-1),O(3),M(t.filtered().length?3:4),O(3),M((e=t.selected())?6:7,e)}}function RZ(e,t){if(e&1&&(I(0,`p`,61),K(1),L()),e&2){let e=W(2);O(),Y(`Showing `,e.async().length,` of `,t,` subscriptions.`)}}function zZ(e,t){if(e&1){let e=V();I(0,`button`,80),H(`click`,function(){let t=w(e);return T(W(3).highlight(t))})(`focus`,function(){let t=w(e);return T(W(3).highlight(t))})(`blur`,function(){return w(e),T(W(3).highlight(null))}),K(1),L()}if(e&2){let e=W().$implicit;A(`aria-label`,`Highlight `+e.component+` on the page`),O(),J(` `,e.component,` `)}}function BZ(e,t){if(e&1&&(I(0,`span`,78),K(1),L()),e&2){let e=W().$implicit;O(),q(e.component)}}function VZ(e,t){e&1&&(I(0,`span`,48),K(1,`no source`),L())}function HZ(e,t){e&1&&(I(0,`span`,46),K(1,`duplicate subscription`),L())}function UZ(e,t){e&1&&(I(0,`span`,46),K(1,`resubscribing`),L())}function WZ(e,t){if(e&1){let e=V();I(0,`li`,76),H(`mouseenter`,function(){let t=w(e).$implicit;return T(W(2).highlight(t.target))})(`mouseleave`,function(){return w(e),T(W(2).highlight(null))}),j(1,zZ,2,2,`button`,77)(2,BZ,2,1,`span`,78),j(3,VZ,2,0,`span`,48),j(4,HZ,2,0,`span`,46),j(5,UZ,2,0,`span`,46),I(6,`span`,79),K(7),L()()}if(e&2){let e,n=t.$implicit;O(),M((e=n.target)?1:2,e),O(2),M(n.hasSource?-1:3),O(),M(n.duplicate?4:-1),O(),M(n.resubscribing?5:-1),O(2),q(n.latestValue??`no value yet`)}}function GZ(e,t){if(e&1&&(I(0,`section`,18)(1,`h2`,73),K(2,` Async subscriptions `),I(3,`span`,21),K(4),L()(),I(5,`p`,61),K(6,` Each `),I(7,`span`,55),K(8,`| async`),L(),K(9,` subscribes on its own. Two on the same source mean the work runs twice. A source that changes on every check, like `),I(10,`span`,55),K(11,`getData() | async`),L(),K(12,`, resubscribes each time. `),L(),j(13,RZ,2,2,`p`,61),I(14,`ul`,74),N(15,WZ,8,5,`li`,75,_g),L()()),e&2){let e,t=W();O(4),q(t.async().length),O(9),M((e=t.asyncTotal())?13:-1,e),O(2),P(t.async())}}function KZ(e,t){e&1&&(I(0,`span`,21),K(1),L()),e&2&&(O(),q(t.length))}function qZ(e,t){e&1&&(I(0,`p`,22),K(1,`Couldn't run the lint check. Try Refresh.`),L())}function JZ(e,t){e&1&&(I(0,`p`,23),K(1,`Checking…`),L())}function YZ(e,t){e&1&&(I(0,`p`,24),K(1,`No problems found.`),L())}function XZ(e,t){if(e&1){let e=V();I(0,`button`,90),H(`click`,function(){w(e),W();let t=q_(6);return T(W(2).showPipe(t))}),I(1,`span`,91),K(2,`Show pipe `),L(),K(3),L()}if(e&2){let e=W().$implicit;O(3),J(``,e.pipe,` `)}}function ZZ(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,e.pipe,` `)}}function QZ(e,t){if(e&1&&(I(0,`li`,81)(1,`div`,82)(2,`span`,83),K(3),L(),I(4,`code`,84),K(5),L(),G_(6),I(7,`span`,85),j(8,XZ,4,1,`button`,86)(9,ZZ,1,1),K(10,` · `),R(11,`app-source-link`,57),L()(),I(12,`p`,87),K(13),L(),I(14,`p`,88)(15,`span`,89),K(16,`Fix`),L(),K(17),L()()),e&2){let e=t.$implicit;O(2),A(`data-tone`,e.severity),O(),q(e.severity),O(2),q(e.rule),O();let n=K_(W(2).pipeFor(e));O(2),M(n?8:9),O(3),F(`file`,e.file)(`line`,e.line),O(2),q(e.message),O(4),J(` `,e.fix)}}function $Z(e,t){if(e&1&&(I(0,`ul`,25),N(1,QZ,18,9,`li`,81,_g),L()),e&2){let e=W();O(),P(e.lint())}}var eQ=5e3,tQ=[{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`}],nQ=class e{plural=yO;destroyRef=C(js);host=C(Hl);injector=C(ks);filterInput=Ev(`filterInput`);rpc=$(null);kindOptions=tQ;pipes=D([]);filter=D(``);kind=D(`all`);loading=D(!1);loadFailed=D(!1);selected=D(null);live=D([]);async=D([]);asyncTotal=D(void 0);lint=D(null);lintFailed=D(!1);instrumentedPages=D([]);instrumenting=X(()=>this.instrumentedPages().length>0);pendingRecord=D(null);recordMessage=D(null);recordLabel=X(()=>{let e=this.pendingRecord();return e===null?this.instrumenting()?`Stop recording`:`Record calls`:e?`Starting…`:`Stopping…`});pendingTimer;liveByName=X(()=>new Map(this.live().map(e=>[e.name,e])));allPipes=X(()=>{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=X(()=>{let e=this.filter(),t=this.kind()??`all`;return this.allPipes().filter(n=>this.fitsKind(n,t)&&this.fitsQuery(n,e))});pipesByName=X(()=>{let e=new Map;for(let t of this.allPipes())e.set(t.name,[...e.get(t.name)??[],t]);return e});unsubscribe;constructor(){vc(()=>{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=JT(),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:JT()??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.`)},eQ)}}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),dd(()=>{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=k({type:e,selectors:[[`app-pipes-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.filterInput,IX,5),e&2&&Qg()},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=V();I(0,`p`,1),K(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. `),L(),I(2,`div`,2)(3,`div`,3),E(),I(4,`svg`,4),R(5,`circle`,5)(6,`path`,6),L(),xs(),I(7,`input`,7,0),H(`input`,function(e){return t.filter.set(e.target.value)})(`keydown.escape`,function(){return t.filter.set(``)}),L()(),I(9,`app-select`,8),U_(`valueChange`,function(n){return w(e),H_(t.kind,n)||(t.kind=n),T(n)}),L(),I(10,`span`,9),K(11),L(),I(12,`div`,10)(13,`button`,11),H(`click`,function(){return t.refresh()}),K(14,`Refresh`),L(),I(15,`button`,12),H(`click`,function(){return t.toggleInstrument()}),R(16,`span`,13),K(17),L()()(),j(18,BX,6,1,`p`,14),j(19,VX,8,1,`p`,14),j(20,HX,4,0,`div`,15)(21,UX,7,0,`div`,16)(22,WX,5,0,`div`,17)(23,LZ,8,3),j(24,GZ,17,2,`section`,18),I(25,`section`,19)(26,`h2`,20),K(27,` Lint `),j(28,KZ,2,1,`span`,21),L(),j(29,qZ,2,0,`p`,22)(30,JZ,2,0,`p`,23)(31,YZ,2,0,`p`,24)(32,$Z,3,0,`ul`,25),L()}if(e&2){let e,n;O(7),F(`value`,t.filter()),O(2),F(`options`,t.kindOptions),V_(`value`,t.kind),O(2),Y(``,t.filtered().length,` of `,t.allPipes().length),O(2),F(`disabled`,t.loading()),O(2),G(`on`,t.instrumenting()),A(`aria-pressed`,t.instrumenting())(`aria-busy`,t.pendingRecord()!==null)(`aria-disabled`,t.pendingRecord()!==null),O(2),J(` `,t.recordLabel(),` `),O(),M((e=t.recordMessage())?18:-1,e),O(),M(t.instrumenting()?19:-1),O(),M(t.loading()&&t.allPipes().length===0?20:t.loadFailed()&&t.allPipes().length===0?21:t.allPipes().length===0?22:23),O(4),M(t.async().length>0?24:-1),O(4),M((n=t.lint())?28:-1,n),O(),M(t.lintFailed()?29:t.lint()===null?30:t.lint().length?32:31)}},dependencies:[KD,Nj],styles:[`[_nghost-%COMP%] {
   display: block;
   color: var(--%NS%text);
   font-size: 13px;
@@ -13967,7 +14139,7 @@ button.pipe-link[_ngcontent-%COMP%]:focus-visible {
   .spinner[_ngcontent-%COMP%] {
     animation: none;
   }
-}`]})},LZ=()=>[],RZ=()=>[`/`],zZ=(e,t)=>t.id,BZ=(e,t)=>t.route.id,VZ=(e,t)=>t[0],HZ=(e,t)=>t.file+t.method,UZ=(e,t)=>t.path,WZ=(e,t)=>t.mode,GZ=(e,t)=>t.file,KZ=(e,t)=>t.rule;function qZ(e,t){if(e&1){let e=V();I(0,`div`,0)(1,`h2`,3),K(2,`Could not read the project.`),L(),I(3,`p`,4),K(4,` Check that the dev server with Pangular Inspector is still running, then retry. `),L(),I(5,`button`,5),H(`click`,function(){return w(e),T(W().retry())}),K(6,`Retry`),L()()}}function JZ(e,t){e&1&&(I(0,`div`,1),R(1,`span`,6),I(2,`span`),K(3,`Reading the project…`),L()())}function YZ(e,t){e&1&&(I(0,`div`,2)(1,`h2`,3),K(2,`This app is not an Analog app.`),L(),I(3,`p`,4),K(4,` Add `),I(5,`code`),K(6,`pangular()`),L(),K(7,` from `),I(8,`code`),K(9,`@pangular-inspector/devtools/vite`),L(),K(10,` next to `),I(11,`code`),K(12,`analog()`),L(),K(13,` in vite.config.ts and run the Analog dev server. `),L()())}function XZ(e,t){if(e&1&&(I(0,`div`,11)(1,`span`,9),K(2,`Open in the browser`),L(),I(3,`span`,15),K(4),L()()),e&2){let e=t;O(3),F(`title`,e.url),O(),q(e.url)}}function ZZ(e,t){if(e&1){let e=V();I(0,`button`,16),H(`click`,function(){let t=w(e).$implicit;return T(W(2).view.set(t.id))}),K(1),I(2,`span`,17),K(3),L()()}if(e&2){let e=t.$implicit,n=W(2);F(`id`,`analog-tab-`+e.id),A(`aria-selected`,e.id===n.view())(`aria-controls`,`analog-panel-`+e.id)(`tabindex`,e.id===n.view()?0:-1),O(),J(` `,e.label,` `),O(),A(`data-tone`,e.tone),O(),q(e.count)}}function QZ(e,t){e&1&&(I(0,`div`,26),K(1),L()),e&2&&(O(),q(t))}function $Z(e,t){if(e&1&&(I(0,`app-source-link`,34),K(1),L()),e&2){let e=W().$implicit,t=W(5);F(`file`,e.file),O(),q(t.short(e.file))}}function eQ(e,t){if(e&1&&(I(0,`span`,31),K(1),L()),e&2){let e=W().$implicit;O(),q(e.fullPath)}}function tQ(e,t){if(e&1&&(I(0,`li`),j(1,$Z,2,2,`app-source-link`,34)(2,eQ,2,1,`span`,31),I(3,`span`,35),K(4),L()()),e&2){let e=t.$implicit;O(),M(e.file?1:2),O(2),A(`data-kind`,e.kind),O(),q(e.kind)}}function nQ(e,t){if(e&1&&(I(0,`span`,36),K(1),L()),e&2){let e=t.$implicit;O(),Y(``,e[0],` = `,e[1])}}function rQ(e,t){if(e&1&&(I(0,`div`,33),N(1,nQ,2,2,`span`,36,VZ),L()),e&2){let e=W(2),t=W(3);O(),P(t.paramList(e.match.params))}}function iQ(e,t){if(e&1&&(I(0,`strong`,31),K(1),L(),K(2,` renders `),I(3,`ol`,32),N(4,tQ,5,3,`li`,null,zZ),L(),j(6,rQ,3,0,`div`,33)),e&2){let e=W(),t=W(3);O(),q(e.url),O(3),P(e.match.chain),O(2),M(t.paramList(e.match.params).length?6:-1)}}function aQ(e,t){if(e&1&&(I(0,`app-source-link`,34),K(1),L()),e&2){let e=W().$implicit,t=W(6);F(`file`,e.file),O(),q(t.short(e.file))}}function oQ(e,t){if(e&1&&(I(0,`span`,31),K(1),L()),e&2){let e=W().$implicit;O(),q(e.path)}}function sQ(e,t){if(e&1&&(I(0,`li`),j(1,aQ,2,2,`app-source-link`,34)(2,oQ,2,1,`span`,31),I(3,`span`,4),K(4),L()()),e&2){let e=t.$implicit;O(),M(e.file?1:2),O(3),q(e.reason)}}function cQ(e,t){if(e&1&&(I(0,`ul`,37),N(1,sQ,5,2,`li`,null,_g),L()),e&2){let e=W(2);O(),P(e.match.rejected.slice(0,5))}}function lQ(e,t){if(e&1&&(I(0,`strong`,31),K(1),L(),K(2,` matches no file route. Angular throws NG04002 "Cannot match any routes". `),j(3,cQ,3,0,`ul`,37)),e&2){let e=W();O(),q(e.url),O(2),M(e.match.rejected.length?3:-1)}}function uQ(e,t){if(e&1&&(I(0,`div`,27),j(1,iQ,7,2)(2,lQ,4,2),L()),e&2){let e=t;A(`data-tone`,e.match.matched?`good`:`bad`),O(),M(e.match.matched?1:2)}}function dQ(e,t){e&1&&(I(0,`span`,39),K(1,`└`),L())}function fQ(e,t){e&1&&(I(0,`span`,41),K(1,`open`),L())}function pQ(e,t){if(e&1&&(I(0,`app-source-link`,42)(1,`span`,46),K(2),L(),K(3),L()),e&2){let e=W().$implicit,t=W(3);F(`file`,e.route.file),O(2),q(t.dir(e.route.file)),O(),q(t.base(e.route.file))}}function mQ(e,t){e&1&&(I(0,`span`,4),K(1,`folder only`),L())}function hQ(e,t){if(e&1&&(I(0,`span`,44),K(1),L()),e&2){let e=t.$implicit;O(),J(``,e,`()`)}}function gQ(e,t){if(e&1&&(I(0,`span`,45),K(1),L()),e&2){let e=W().$implicit;O(),J(`"`,e.route.title,`"`)}}function _Q(e,t){if(e&1&&(I(0,`span`,36),K(1),L()),e&2){let e=W().$implicit;O(),q(e)}}function vQ(e,t){if(e&1&&j(0,_Q,2,1,`span`,36),e&2){let e=t.$implicit;M(e===`title`?-1:0)}}function yQ(e,t){if(e&1&&(I(0,`tr`)(1,`td`)(2,`div`,38),j(3,dQ,2,0,`span`,39),I(4,`span`,40),K(5),L(),I(6,`span`,35),K(7),L(),j(8,fQ,2,0,`span`,41),L()(),I(9,`td`),j(10,pQ,4,3,`app-source-link`,42)(11,mQ,2,0,`span`,4),L(),I(12,`td`)(13,`div`,43),N(14,hQ,2,1,`span`,44,vg),L()(),I(16,`td`),j(17,gQ,2,1,`span`,45),N(18,vQ,1,1,null,null,vg),L()()),e&2){let e=t.$implicit,n=W(3);G(`open`,n.isOpen(e.route))(`dim`,e.route.kind===`group`||e.route.kind===`implicit`),O(2),b_(`padding-left`,e.depth*16,`px`),O(),M(e.depth?3:-1),O(2),q(e.route.fullPath),O(),A(`data-kind`,e.route.kind),O(),q(n.kindText(e.route)),O(),M(n.isOpen(e.route)?8:-1),O(2),M(e.route.file?10:11),O(4),P(n.serverExports(e.route)),O(3),M(e.route.title?17:-1),O(),P(e.route.routeMeta??nv(13,LZ))}}function bQ(e,t){e&1&&K(0,` No route matches the filter. Try part of a path or a file name. `)}function xQ(e,t){e&1&&K(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function SQ(e,t){if(e&1&&(I(0,`tr`)(1,`td`,47),j(2,bQ,1,0)(3,xQ,1,0),L()()),e&2){let e=W(3);O(2),M(e.filter().trim()?2:3)}}function CQ(e,t){if(e&1){let e=V();I(0,`div`,18)(1,`form`,19),H(`submit`,function(t){w(e);let n=W(2);return t.preventDefault(),T(n.explain())}),I(2,`label`,20),K(3,`Test a URL`),L(),I(4,`input`,21),H(`input`,function(t){return w(e),T(W(2).testUrl.set(t.target.value))}),L(),I(5,`button`,22),K(6),L()(),I(7,`label`,23),K(8,`Filter routes`),L(),I(9,`input`,24),H(`input`,function(t){return w(e),T(W(2).filter.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W(2).filter.set(``))}),L()(),I(10,`div`,25),j(11,QZ,2,1,`div`,26)(12,uQ,3,2,`div`,27),L(),I(13,`div`,28)(14,`table`)(15,`thead`)(16,`tr`)(17,`th`,29),K(18,`Route`),L(),I(19,`th`,29),K(20,`File`),L(),I(21,`th`,29),K(22,`Data`),L(),I(23,`th`,29),K(24,`Route meta`),L()()(),I(25,`tbody`),N(26,yQ,20,14,`tr`,30,BZ,!1,SQ,4,1,`tr`),L()()()}if(e&2){let e,t=W(2);O(4),F(`value`,t.testUrl()),O(),F(`disabled`,t.explaining()),O(),J(` `,t.explaining()?`Explaining…`:`Explain`,` `),O(3),F(`value`,t.filter()),O(2),M((e=t.explainError())?11:(e=t.explained())?12:-1,e),O(15),P(t.routeRows())}}function wQ(e,t){if(e&1&&(I(0,`span`,31),K(1),L(),K(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;O(),q(e),O(),J(``,n===r-1?``:`, `,` `)}}function TQ(e,t){if(e&1&&(I(0,`div`,48)(1,`strong`),K(2,`load() ran twice`),L(),K(3,` for `),N(4,wQ,3,2,null,null,vg),K(6,` : once while server rendering, again in the browser. TransferState did not serve the server result. `),L()),e&2){let e=W(3);O(4),P(e.duplicates())}}function EQ(e,t){if(e&1&&(I(0,`span`,31),K(1),L(),K(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;O(),q(e),O(),J(``,n===r-1?``:`, `,` `)}}function DQ(e,t){if(e&1&&(I(0,`div`,48)(1,`strong`),K(2,`Server function read ran twice`),L(),K(3,`: `),N(4,EQ,3,2,null,null,vg),K(6,` ran while server rendering, then again in the browser. The browser did not use the TransferState seed. `),L()),e&2){let e=W(3);O(4),P(e.refetchedFns())}}function OQ(e,t){if(e&1){let e=V();I(0,`label`)(1,`input`,80),H(`change`,function(){let t=w(e).$implicit;return T(W(3).kind.set(t))}),L(),K(2),I(3,`span`,4),K(4),L()()}if(e&2){let e=t.$implicit,n=W(3);G(`on`,n.kind()===e),O(),F(`checked`,n.kind()===e),A(`data-kind`,e),O(),J(` `,n.kindLabel(e),` `),O(2),q(n.kindCount(e))}}function kQ(e,t){if(e&1&&K(0),e&2){let e=W(4);Y(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function AQ(e,t){e&1&&K(0),e&2&&J(` The dev server keeps only the newest `,W(4).maxServerCalls,` calls and drops older ones. `)}function jQ(e,t){if(e&1&&(I(0,`p`,66),j(1,kQ,1,2),j(2,AQ,1,1),L()),e&2){let e=W(3);O(),M(e.shownCount()<e.matchingCalls().length?1:-1),O(),M(e.serverFull()?2:-1)}}function MQ(e,t){if(e&1&&(I(0,`app-source-link`,88),K(1),L()),e&2){let e=W(),t=W(5);F(`file`,e.file),O(),q(t.short(e.file))}}function NQ(e,t){if(e&1&&(I(0,`strong`,85),K(1),L(),j(2,MQ,2,2,`app-source-link`,88)),e&2){let e=t;O(),q(e.name),O(),M(e.file?2:-1)}}function PQ(e,t){if(e&1&&(I(0,`span`,85),K(1),L()),e&2){let e=W().$implicit;O(),q(e.url)}}function FQ(e,t){e&1&&(I(0,`span`,35),K(1,`ran during server rendering`),L())}function IQ(e,t){if(e&1&&K(0),e&2){let e=W(2).$implicit;J(` to `,e.location,` `)}}function LQ(e,t){if(e&1&&(I(0,`span`,35),K(1),j(2,IQ,1,1),L()),e&2){let e=W().$implicit,t=W(4);A(`data-tone`,t.outcomeTone(e.outcome)),O(),J(``,t.outcomeLabel(e.outcome),` `),O(),M(e.location?2:-1)}}function RQ(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W().$implicit;A(`data-mode`,e.render===`ssr`?`ssr`:`client`),O(),q(e.render===`ssr`?`server rendered`:`client only`)}}function zQ(e,t){if(e&1&&(I(0,`details`)(1,`summary`),K(2,`Response`),L(),I(3,`pre`,89),K(4),L()()),e&2){let e=W().$implicit,t=W(4);O(4),q(t.pretty(e.preview))}}function BQ(e,t){e&1&&(I(0,`span`,4),K(1,`in process`),L())}function VQ(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,e.ms,` ms `)}}function HQ(e,t){if(e&1&&(I(0,`tr`)(1,`td`,82),K(2),L(),I(3,`td`)(4,`span`,35),K(5),L()(),I(6,`td`,83)(7,`div`,43)(8,`span`,84),K(9),L(),j(10,NQ,3,2)(11,PQ,2,1,`span`,85),j(12,FQ,2,0,`span`,35),j(13,LQ,3,3,`span`,35),j(14,RQ,2,2,`span`,35),L(),j(15,zQ,5,1,`details`),L(),I(16,`td`)(17,`span`,86),K(18),L()(),I(19,`td`,87),j(20,BQ,2,0,`span`,4)(21,VQ,1,1),L(),I(22,`td`,4),K(23),L()()),e&2){let e,n=t.$implicit,r=W(4);O(2),q(r.time(n.at)),O(2),A(`data-call`,n.kind),O(),q(r.kindLabel(n.kind)),O(3),A(`data-method`,n.method),O(),q(n.method),O(),M((e=r.fnOf(n))?10:11,e),O(2),M(n.seeded?12:-1),O(),M(n.outcome?13:-1),O(),M(n.render?14:-1),O(),M(n.preview?15:-1),O(2),A(`data-status`,r.statusClass(n.status)),O(),q(n.status),O(2),M(n.seeded?20:21),O(3),q(n.from)}}function UQ(e,t){if(e&1&&(I(0,`div`,67)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,29),K(5,`At`),L(),I(6,`th`,29),K(7,`Kind`),L(),I(8,`th`,29),K(9,`Request`),L(),I(10,`th`,29),K(11,`Status`),L(),I(12,`th`,81),K(13,`Duration`),L(),I(14,`th`,29),K(15,`From`),L()()(),I(16,`tbody`),N(17,HQ,24,14,`tr`,null,zZ),L()()()),e&2){let e=W(3);O(17),P(e.calls())}}function WQ(e,t){e&1&&K(0),e&2&&J(` Nothing matches “`,W(4).callQuery().trim(),`” with these filters. `)}function GQ(e,t){e&1&&K(0),e&2&&J(` None of the `,W(4).allCalls().length,` calls fit these filters. `)}function KQ(e,t){if(e&1){let e=V();I(0,`div`,68)(1,`p`,90),K(2,`No calls match.`),L(),I(3,`p`,4),j(4,WQ,1,1)(5,GQ,1,1),L(),I(6,`div`,91)(7,`button`,92),H(`click`,function(){return w(e),T(W(3).clearCallFilters())}),K(8,` Clear filters `),L()()()}if(e&2){let e=W(3);O(4),M(e.callQuery().trim()?4:5)}}function qQ(e,t){e&1&&K(0,` No calls of this kind yet. `)}function JQ(e,t){e&1&&K(0,` No calls yet. `)}function YQ(e,t){if(e&1&&(I(0,`div`,69)(1,`p`,90),j(2,qQ,1,0)(3,JQ,1,0),L(),I(4,`p`,4),K(5,` Navigate in the app to see page renders, load() fetches, form actions, server functions and API calls. `),L()()),e&2){let e=W(3);O(2),M(e.allCalls().length?2:3)}}function XQ(e,t){if(e&1){let e=V();I(0,`tr`)(1,`td`)(2,`span`,84),K(3),L()(),I(4,`td`,31),K(5),L(),I(6,`td`)(7,`app-source-link`,42)(8,`span`,46),K(9),L(),K(10),L()(),I(11,`td`,93)(12,`button`,92),H(`click`,function(){let t=w(e).$implicit;return T(W(3).tryApi(t))}),K(13,` Try `),L()()()}if(e&2){let e=t.$implicit,n=W(3);O(2),A(`data-method`,e.method),O(),q(e.method),O(2),q(e.path),O(2),F(`file`,e.file),O(2),q(n.dir(e.file)),O(),q(n.base(e.file)),O(2),A(`aria-label`,`Try `+e.method+` `+e.path)}}function ZQ(e,t){e&1&&(I(0,`tr`)(1,`td`,47),K(2,` No API routes. Add a handler under src/server/routes to test it here. `),L()())}function QQ(e,t){if(e&1&&(I(0,`tr`)(1,`td`)(2,`span`,84),K(3),L()(),I(4,`td`,31),K(5),L(),I(6,`td`)(7,`app-source-link`,42)(8,`span`,46),K(9),L(),K(10),L()(),I(11,`td`,95),K(12),L()()),e&2){let e=t.$implicit,n=W(4);O(2),A(`data-method`,e.method),O(),q(e.method),O(2),q(e.name),O(2),F(`file`,e.file),O(2),q(n.dir(e.file)),O(),q(n.base(e.file)),O(2),q(n.fnCalls(e.id))}}function $Q(e,t){if(e&1&&(I(0,`h2`),K(1,`Server functions`),L(),I(2,`div`,94)(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,29),K(7,`Method`),L(),I(8,`th`,29),K(9,`Name`),L(),I(10,`th`,29),K(11,`File`),L(),I(12,`th`,81),K(13,`Calls`),L()()(),I(14,`tbody`),N(15,QQ,13,7,`tr`,null,zZ),L()()()),e&2){let e=W(3);O(15),P(e.serverFns())}}function e$(e,t){if(e&1&&(I(0,`p`,76),K(1),L()),e&2){let e=W(3);O(),q(e.callsOff)}}function t$(e,t){if(e&1&&(I(0,`p`,77),K(1),L()),e&2){let e=W(3);O(),J(` Tick "This request can change data on the dev server" below to send a `,e.method(),` request. `)}}function n$(e,t){if(e&1){let e=V();I(0,`label`,96),K(1,`JSON body`),L(),I(2,`textarea`,97),H(`input`,function(t){return w(e),T(W(3).apiBody.set(t.target.value))}),L(),I(3,`label`,98)(4,`input`,64),H(`change`,function(){w(e);let t=W(3);return T(t.confirmSend.set(!t.confirmSend()))}),L(),K(5,` This request can change data on the dev server`),L()}if(e&2){let e=W(3);O(2),F(`value`,e.apiBody()),O(2),F(`checked`,e.confirmSend())}}function r$(e,t){if(e&1&&(I(0,`p`,78),K(1),L()),e&2){let e=W(3);O(),Y(`Sending `,e.method(),` `,e.apiPath().trim(),`…`)}}function i$(e,t){if(e&1&&(I(0,`div`,72)(1,`span`,99),K(2,`Refused`),L(),I(3,`span`),K(4),L()()),e&2){let e=W();O(4),q(e.error)}}function a$(e,t){if(e&1&&(I(0,`div`,72)(1,`span`,86),K(2),L(),I(3,`span`,4),K(4),L()(),I(5,`pre`,89),K(6),L()),e&2){let e=W(),t=W(3);O(),A(`data-status`,t.statusClass(e.status??0)),O(),q(e.status),O(2),Y(``,e.ms,` ms · `,e.type||`no content type`),O(2),q(t.pretty(e.body??``))}}function o$(e,t){e&1&&(I(0,`div`,79),j(1,i$,5,1,`div`,72)(2,a$,7,5),L()),e&2&&(O(),M(t.error?1:2))}function s$(e,t){if(e&1){let e=V();j(0,TQ,7,0,`div`,48),j(1,DQ,7,0,`div`,48),I(2,`h2`,49),K(3,`Server calls`),L(),I(4,`div`,50)(5,`fieldset`,51)(6,`legend`,52),K(7,`Show calls of kind`),L(),N(8,OQ,5,6,`label`,53,vg),L(),I(10,`div`,54)(11,`button`,55),H(`click`,function(){return w(e),T(W(2).clearCalls())}),K(12,` Clear calls `),L(),I(13,`span`,56),K(14),L()()(),I(15,`div`,57)(16,`div`,58),E(),I(17,`svg`,59),R(18,`circle`,60)(19,`path`,61),L(),Cs(),I(20,`input`,62),H(`input`,function(t){return w(e),T(W(2).callQuery.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W(2).callQuery.set(``))}),L()(),I(21,`label`,63)(22,`input`,64),H(`change`,function(t){return w(e),T(W(2).failedOnly.set(t.target.checked))}),L(),K(23,` Failed only `),L(),I(24,`span`,65),K(25),L()(),j(26,jQ,3,2,`p`,66),j(27,UQ,19,0,`div`,67)(28,KQ,9,1,`div`,68)(29,YQ,6,1,`div`,69),I(30,`h2`),K(31,`API routes`),L(),I(32,`div`,70)(33,`table`)(34,`thead`)(35,`tr`)(36,`th`,29),K(37,`Method`),L(),I(38,`th`,29),K(39,`Path`),L(),I(40,`th`,29),K(41,`File`),L(),I(42,`th`,29)(43,`span`,52),K(44,`Actions`),L()()()(),I(45,`tbody`),N(46,XQ,14,7,`tr`,null,HZ,!1,ZQ,3,0,`tr`),L()()(),j(49,$Q,17,0),I(50,`form`,71),H(`submit`,function(t){w(e);let n=W(2);return t.preventDefault(),T(n.send())}),I(51,`h2`),K(52,`Request playground`),L(),I(53,`div`,72)(54,`app-select`,73),H(`valueChange`,function(t){return w(e),T(W(2).method.set(t??`GET`))}),L(),I(55,`label`,74),K(56,`Path`),L(),I(57,`input`,75),H(`input`,function(t){return w(e),T(W(2).apiPath.set(t.target.value))}),L(),I(58,`button`,22),K(59),L()(),j(60,e$,2,1,`p`,76)(61,t$,2,1,`p`,77),j(62,n$,6,2),j(63,r$,2,2,`p`,78)(64,o$,3,1,`div`,79),L()}if(e&2){let e,t=W(2);M(t.duplicates().length?0:-1),O(),M(t.refetchedFns().length?1:-1),O(7),P(t.kinds),O(3),F(`disabled`,!t.allCalls().length),O(3),q(t.callsMessage()),O(6),F(`value`,t.callQuery()),O(2),F(`checked`,t.failedOnly()),O(3),Y(``,t.matchingCalls().length,` of `,t.allCalls().length),O(),M(t.shownCount()<t.matchingCalls().length||t.serverFull()?26:-1),O(),M(t.calls().length?27:t.allCalls().length&&t.callFiltered()?28:29),O(19),P(t.project().api),O(3),M(t.serverFns().length?49:-1),O(5),F(`options`,t.methodOptions)(`value`,t.method()),O(3),F(`value`,t.apiPath()),O(),F(`disabled`,!t.canSend()),A(`aria-describedby`,t.sendHintId()),O(),J(` `,t.sending()?`Sending…`:`Send`,` `),O(),M(t.canCall()?t.needsConfirm()?61:-1:60),O(2),M(t.method()===`GET`?-1:62),O(),M(t.sending()?63:(e=t.response())?64:-1,e)}}function c$(e,t){if(e&1&&K(0),e&2){let e=t.$implicit;J(` `,e,` `)}}function l$(e,t){if(e&1&&(I(0,`p`,100),K(1,` The analog() options in vite.config could not be read in full, so these modes and the prerender plan may be incomplete. `),N(2,c$,1,1,null,null,vg),L()),e&2){let e=W(3);O(2),P(e.plan().configPartial)}}function u$(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=t.$implicit;A(`data-mode`,e.mode),O(),Y(``,e.label,` · `,e.count)}}function d$(e,t){if(e&1&&(I(0,`div`,33),N(1,u$,2,3,`span`,35,WZ),L()),e&2){let e=W(3);O(),P(e.modeCounts())}}function f$(e,t){e&1&&(I(0,`span`,105),K(1,`differs from config`),L())}function p$(e,t){if(e&1&&(I(0,`div`,43)(1,`span`,86),K(2),L(),I(3,`span`,104),K(4),L(),j(5,f$,2,0,`span`,105),L()),e&2){let e=t,n=W().$implicit,r=W(3);O(),A(`data-status`,r.statusClass(e.status)),O(),q(e.status),O(2),Y(``,e.render===`client`?`client only`:`server rendered`,` · `,e.ms,` ms`),O(),M(r.mismatch(n)?5:-1)}}function m$(e,t){e&1&&(I(0,`span`,103),K(1,`not requested yet`),L())}function h$(e,t){if(e&1&&(I(0,`app-source-link`,42)(1,`span`,46),K(2),L(),K(3),L()),e&2){let e=W().$implicit,t=W(3);F(`file`,e.file),O(2),q(t.dir(e.file)),O(),q(t.base(e.file))}}function g$(e,t){if(e&1&&(I(0,`tr`)(1,`td`,40),K(2),L(),I(3,`td`)(4,`div`,43)(5,`span`,35),K(6),L(),I(7,`span`,103),K(8),L()()(),I(9,`td`),j(10,p$,6,5,`div`,43)(11,m$,2,0,`span`,103),L(),I(12,`td`),j(13,h$,4,3,`app-source-link`,42),L()()),e&2){let e,n=t.$implicit,r=W(3);O(2),q(n.path),O(3),A(`data-mode`,n.mode),O(),q(r.modeLabel(n.mode)),O(2),q(n.reason),O(2),M((e=n.last)?10:11,e),O(3),M(n.file?13:-1)}}function _$(e,t){e&1&&(I(0,`tr`)(1,`td`,47),K(2,` No page routes to render yet. Add a .page.ts file under src/app/pages. `),L()())}function v$(e,t){e&1&&(I(0,`p`,4),K(1,` prerender.routes is a function, so the list is known only at build time. `),L())}function y$(e,t){if(e&1&&(I(0,`span`,36),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function b$(e,t){e&1&&(I(0,`span`,103),K(1,`default, nothing configured`),L())}function x$(e,t){if(e&1&&(I(0,`span`,36),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function S$(e,t){if(e&1&&(I(0,`dt`),K(1,`From routeRules`),L(),I(2,`dd`),N(3,x$,2,1,`span`,36,vg),L()),e&2){let e=W(2);O(3),P(e.fromRules)}}function C$(e,t){if(e&1&&(I(0,`span`,108),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function w$(e,t){if(e&1&&(I(0,`dt`),K(1,`Static, not listed`),L(),I(2,`dd`),N(3,C$,2,1,`span`,108,vg),L()),e&2){let e=W(2);O(3),P(e.staticMissing)}}function T$(e,t){if(e&1&&(I(0,`span`,36),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function E$(e,t){if(e&1&&(I(0,`dt`),K(1,`Need explicit entries`),L(),I(2,`dd`),N(3,T$,2,1,`span`,36,vg),L()),e&2){let e=W(2);O(3),P(e.dynamic)}}function D$(e,t){if(e&1&&(I(0,`span`,109),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function O$(e,t){if(e&1&&(K(0,` · missing `),N(1,D$,2,1,`span`,109,vg)),e&2){let e=W(3);O(),P(e.notBuilt)}}function k$(e,t){if(e&1&&(K(0),j(1,O$,3,0)),e&2){let e=W(2);J(` `,W(3).plural(e.built.length,`page`),` in dist/analog/public `),O(),M(e.notBuilt.length?1:-1)}}function A$(e,t){e&1&&(I(0,`span`,103),K(1,`no build yet`),L())}function j$(e,t){if(e&1&&(I(0,`dl`,106)(1,`dt`),K(2,`Listed`),L(),I(3,`dd`),N(4,y$,2,1,`span`,36,vg),j(6,b$,2,0,`span`,103),L(),j(7,S$,5,0),j(8,w$,5,0),j(9,E$,5,0),I(10,`dt`),K(11,`Build output`),L(),I(12,`dd`,107),j(13,k$,2,2)(14,A$,2,0,`span`,103),L()()),e&2){let e=W();O(4),P(e.listed??nv(5,RZ)),O(2),M(e.listed?-1:6),O(),M(e.fromRules?.length?7:-1),O(),M(e.staticMissing.length?8:-1),O(),M(e.dynamic.length?9:-1),O(4),M(e.built.length?13:14)}}function M$(e,t){e&1&&(I(0,`div`,102)(1,`h2`),K(2,`Prerender plan`),L(),j(3,v$,2,0,`p`,4)(4,j$,15,6,`dl`,106),L()),e&2&&(O(3),M(t.dynamicConfig?3:4))}function N$(e,t){if(e&1&&(j(0,l$,4,0,`p`,100),j(1,d$,3,0,`div`,33),I(2,`div`,101)(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,29),K(7,`Route`),L(),I(8,`th`,29),K(9,`Configured`),L(),I(10,`th`,29),K(11,`Last request`),L(),I(12,`th`,29),K(13,`File`),L()()(),I(14,`tbody`),N(15,g$,14,6,`tr`,null,UZ,!1,_$,3,0,`tr`),L()()(),j(18,M$,5,1,`div`,102)),e&2){let e,t=W(2);M(t.plan()?.configPartial?.length?0:-1),O(),M(t.modeCounts().length?1:-1),O(14),P(t.renderRows()),O(3),M((e=t.plan())?18:-1,e)}}function P$(e,t){if(e&1&&(I(0,`div`)(1,`span`,112),K(2),L()()),e&2){let e=W().$implicit;O(2),q(e.error)}}function F$(e,t){if(e&1&&(I(0,`div`)(1,`span`,105),K(2),L()()),e&2){let e=W(5);O(2),J(`takes over `,e.base(t))}}function I$(e,t){if(e&1&&(I(0,`tr`)(1,`td`)(2,`strong`),K(3),L(),j(4,P$,3,1,`div`),j(5,F$,3,1,`div`),L(),I(6,`td`,40),K(7),L(),I(8,`td`,31),K(9),L(),I(10,`td`,111),K(11),L(),I(12,`td`)(13,`app-source-link`,42)(14,`span`,46),K(15),L(),K(16),L()()()),e&2){let e,n=t.$implicit,r=W(4);O(3),q(n.attributes.title||`(no title)`),O(),M(n.error?4:-1),O(),M((e=r.shadowed(n.file))?5:-1,e),O(2),q(r.contentUrl(n.file)??``),O(2),q(n.slug),O(2),q(n.attributes.date||``),O(2),F(`file`,n.file),O(2),q(r.dir(n.file)),O(),q(r.base(n.file))}}function L$(e,t){if(e&1&&(I(0,`div`,110)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,29),K(5,`Title`),L(),I(6,`th`,29),K(7,`URL`),L(),I(8,`th`,29),K(9,`Slug`),L(),I(10,`th`,29),K(11,`Date`),L(),I(12,`th`,29),K(13,`File`),L()()(),I(14,`tbody`),N(15,I$,17,9,`tr`,null,GZ),L()()()),e&2){let e=W(3);O(15),P(e.project().content)}}function R$(e,t){e&1&&(I(0,`div`,69)(1,`p`,90),K(2,`No markdown files under src/content.`),L(),I(3,`p`,4),K(4,` Add a .md file there to see its title, slug, date and the URL it serves. `),L()())}function z$(e,t){e&1&&j(0,L$,17,0,`div`,110)(1,R$,5,0,`div`,69),e&2&&M(+!W(2).project().content.length)}function B$(e,t){if(e&1&&(I(0,`span`,17),K(1),L()),e&2){let e=W().$implicit;O(),q(e.items.length)}}function V$(e,t){if(e&1&&(I(0,`app-source-link`,42)(1,`span`,46),K(2),L(),K(3),L()),e&2){let e=W().$implicit,t=W(5);F(`file`,e.file),O(2),q(t.dir(e.file)),O(),q(t.base(e.file))}}function H$(e,t){if(e&1&&(I(0,`span`,40),K(1),L()),e&2){let e=W().$implicit;O(),q(e.path)}}function U$(e,t){if(e&1&&(I(0,`p`,120),K(1),L()),e&2){let e=W().$implicit;O(),q(e.message)}}function W$(e,t){if(e&1&&(I(0,`li`),j(1,V$,4,3,`app-source-link`,42),j(2,H$,2,1,`span`,40),j(3,U$,2,1,`p`,120),L()),e&2){let e=t.$implicit;O(),M(e.file?1:-1),O(),M(e.path&&e.path!==e.file?2:-1),O(),M(e.message?3:-1)}}function G$(e,t){if(e&1&&(I(0,`li`)(1,`div`,115)(2,`span`,35),K(3),L(),I(4,`strong`,116),K(5),L(),j(6,B$,2,1,`span`,17),L(),I(7,`p`),K(8),L(),I(9,`ul`,117),N(10,W$,4,3,`li`,null,_g),L(),I(12,`div`,118)(13,`strong`),K(14,`How to fix`),L(),K(15),L(),I(16,`span`,119),K(17),L()()),e&2){let e=t.$implicit,n=W(4);A(`data-tone`,n.tone(e.severity)),O(2),A(`data-tone`,n.tone(e.severity)),O(),q(e.severity),O(2),q(e.title),O(),M(e.items.length>1?6:-1),O(2),q(e.summary),O(2),P(e.items),O(5),J(` `,e.fix),O(2),q(e.rule)}}function K$(e,t){if(e&1&&(I(0,`p`,4),K(1),L(),I(2,`ul`,114),N(3,G$,18,8,`li`,null,KZ),L()),e&2){let e=W(3);O(),Y(` `,e.plural(e.findings().length,`issue`),` in `,e.plural(e.lintCards().length,`group`),`. Each card says what is wrong, where, and how to fix it. `),O(2),P(e.lintCards())}}function q$(e,t){e&1&&(I(0,`div`,113)(1,`strong`),K(2,`No Analog problems found.`),L(),K(3,` Routes, server files, prerender config and content all check out. `),L())}function J$(e,t){e&1&&j(0,K$,5,2)(1,q$,4,0,`div`,113),e&2&&M(+!W(2).findings().length)}function Y$(e,t){if(e&1){let e=V();I(0,`section`,7)(1,`div`,8)(2,`span`,9),K(3,`Analog`),L(),I(4,`span`,10),K(5),L()(),I(6,`div`,8)(7,`span`,9),K(8,`Pages`),L(),I(9,`span`,10),K(10),L()(),I(11,`div`,8)(12,`span`,9),K(13,`API routes`),L(),I(14,`span`,10),K(15),L()(),I(16,`div`,8)(17,`span`,9),K(18,`Server calls`),L(),I(19,`span`,10),K(20),L()(),I(21,`div`,8)(22,`span`,9),K(23,`Issues`),L(),I(24,`span`,10),K(25),L()(),j(26,XZ,5,2,`div`,11),L(),I(27,`div`,12),H(`keydown`,function(t){return w(e),T(W().onKey(t))}),N(28,ZZ,4,7,`button`,13,zZ),L(),I(30,`div`,14),j(31,CQ,29,6)(32,s$,65,21)(33,N$,19,4)(34,z$,2,1)(35,J$,2,1),L()}if(e&2){let e,t,n=W();O(5),q(n.project().version||`unknown`),O(5),q(n.pageCount()),O(5),q(n.project().api.length),O(5),q(n.allCalls().length),O(),A(`data-tone`,n.lintTone()||`good`),O(4),q(n.lintCount().errors+n.lintCount().warnings),O(),M((e=n.page())?26:-1,e),O(2),P(n.views()),O(2),F(`id`,`analog-panel-`+n.view()),A(`aria-labelledby`,`analog-tab-`+n.view()),O(),M((t=n.view())===`routes`?31:t===`server`?32:t===`render`?33:t===`content`?34:t===`lint`?35:-1)}}var X$={"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.`}},Z$=200,Q$=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`]),$$={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},e1={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},t1={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},n1={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function r1(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),r1(r.children,t+1,n);return n}var i1=class e{plural=gO;rpc=$(null);canCall=X(()=>hE(this.rpc(),`analog`));callsOff=DT(`analog`);kinds=[`all`,`page`,`load`,`action`,`fn`,`api`];methods=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];methodOptions=this.methods.map(e=>({value:e,label:e}));view=D(`routes`);project=D(null);loadFailed=D(!1);state=D({});findings=D([]);renderRows=D([]);plan=D(null);filter=D(``);testUrl=D(``);explained=D(null);explainError=D(``);explaining=D(!1);kind=D(`all`);method=D(`GET`);apiPath=D(``);apiBody=D(``);confirmSend=D(!1);response=D(null);sending=D(!1);needsConfirm=X(()=>this.method()!==`GET`&&!this.confirmSend());canSend=X(()=>this.canCall()&&!this.sending()&&!this.needsConfirm());sendHintId=X(()=>this.canCall()?this.needsConfirm()?`analog-confirm-hint`:null:`analog-calls-off`);unsubscribe=null;refreshTimer;refreshRun=0;destroyRef=C(Ns);host=C(Wl);hostPageId=GT();page=X(()=>{let e=this.state().pages??[];return(this.hostPageId?e.find(e=>e.pageId===this.hostPageId):e[0])??null});openFiles=X(()=>new Set((this.page()?.chain??[]).map(e=>e.file)));allCalls=X(()=>this.state().calls??[]);maxServerCalls=Z$;callQuery=D(``);failedOnly=D(!1);callsMessage=D(``);callFiltered=X(()=>!!this.callQuery().trim()||this.failedOnly());matchingCalls=X(()=>{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=X(()=>this.matchingCalls().slice(-150).reverse());shownCount=X(()=>this.calls().length);serverFull=X(()=>this.allCalls().length>=Z$);allRoutes=X(()=>r1(this.project()?.routes??[]));pageCount=X(()=>this.allRoutes().filter(e=>e.route.file&&e.route.kind!==`layout`).length);routeRows=X(()=>{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=X(()=>this.project()?.serverFns??[]);fnById=X(()=>new Map(this.serverFns().map(e=>[e.id,e])));refetchedFns=X(()=>Array.from(new Set((this.state().refetches??[]).map(e=>this.fnById().get(e.id)?.name??e.id))));duplicates=X(()=>Array.from(new Set((this.state().duplicates??[]).map(e=>e.route))));modeCounts=X(()=>[`ssr`,`ssg`,`cached`,`client`,`redirect`].map(e=>({mode:e,label:$$[e],count:this.renderRows().filter(t=>t.mode===e).length})).filter(e=>e.count));lintCards=X(()=>{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=X$[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=Q$.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=X(()=>{let e=this.findings();return{errors:e.filter(e=>e.severity===`error`).length,warnings:e.filter(e=>e.severity===`warning`).length}});lintTone=X(()=>{let{errors:e,warnings:t}=this.lintCount();return e?`bad`:t?`warn`:``});views=X(()=>{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(){bc(()=>{let e=this.rpc();e&&Z(()=>void this.load(e))}),bc(()=>{let e=this.view();this.state(),Z(()=>this.scheduleRefresh(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.refreshTimer)})}async load(e){let t=await ZT(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([ZT(t,`analog-lint`,this.hostPageId??void 0),ZT(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 ZT(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 e1[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return $$[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 t1[e]}outcomeTone(e){return n1[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=pO;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 XT(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 XT(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 ZT(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=k({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`,`status`,1,`note`],[`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&&j(0,qZ,7,0,`div`,0)(1,JZ,4,0,`div`,1)(2,YZ,14,0,`div`,2)(3,Y$,36,10),e&2&&M(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[UD,Aj],styles:[`@charset "UTF-8";
+}`]})},rQ=()=>[],iQ=()=>[`/`],aQ=(e,t)=>t.id,oQ=(e,t)=>t.route.id,sQ=(e,t)=>t[0],cQ=(e,t)=>t.file+t.method,lQ=(e,t)=>t.path,uQ=(e,t)=>t.mode,dQ=(e,t)=>t.file,fQ=(e,t)=>t.rule;function pQ(e,t){if(e&1){let e=V();I(0,`div`,0)(1,`h2`,3),K(2,`Could not read the project.`),L(),I(3,`p`,4),K(4,` Check that the dev server with Pangular Inspector is still running, then retry. `),L(),I(5,`button`,5),H(`click`,function(){return w(e),T(W().retry())}),K(6,`Retry`),L()()}}function mQ(e,t){e&1&&(I(0,`div`,1),R(1,`span`,6),I(2,`span`),K(3,`Reading the project…`),L()())}function hQ(e,t){e&1&&(I(0,`div`,2)(1,`h2`,3),K(2,`This app is not an Analog app.`),L(),I(3,`p`,4),K(4,` Add `),I(5,`code`),K(6,`pangular()`),L(),K(7,` from `),I(8,`code`),K(9,`@pangular-inspector/devtools/vite`),L(),K(10,` next to `),I(11,`code`),K(12,`analog()`),L(),K(13,` in vite.config.ts and run the Analog dev server. `),L()())}function gQ(e,t){if(e&1&&(I(0,`div`,11)(1,`span`,9),K(2,`Open in the browser`),L(),I(3,`span`,15),K(4),L()()),e&2){let e=t;O(3),F(`title`,e.url),O(),q(e.url)}}function _Q(e,t){if(e&1){let e=V();I(0,`button`,16),H(`click`,function(){let t=w(e).$implicit;return T(W(2).view.set(t.id))}),K(1),I(2,`span`,17),K(3),L()()}if(e&2){let e=t.$implicit,n=W(2);F(`id`,`analog-tab-`+e.id),A(`aria-selected`,e.id===n.view())(`aria-controls`,`analog-panel-`+e.id)(`tabindex`,e.id===n.view()?0:-1),O(),J(` `,e.label,` `),O(),A(`data-tone`,e.tone),O(),q(e.count)}}function vQ(e,t){e&1&&(I(0,`div`,26),K(1),L()),e&2&&(O(),q(t))}function yQ(e,t){if(e&1&&(I(0,`app-source-link`,34),K(1),L()),e&2){let e=W().$implicit,t=W(5);F(`file`,e.file),O(),q(t.short(e.file))}}function bQ(e,t){if(e&1&&(I(0,`span`,31),K(1),L()),e&2){let e=W().$implicit;O(),q(e.fullPath)}}function xQ(e,t){if(e&1&&(I(0,`li`),j(1,yQ,2,2,`app-source-link`,34)(2,bQ,2,1,`span`,31),I(3,`span`,35),K(4),L()()),e&2){let e=t.$implicit;O(),M(e.file?1:2),O(2),A(`data-kind`,e.kind),O(),q(e.kind)}}function SQ(e,t){if(e&1&&(I(0,`span`,36),K(1),L()),e&2){let e=t.$implicit;O(),Y(``,e[0],` = `,e[1])}}function CQ(e,t){if(e&1&&(I(0,`div`,33),N(1,SQ,2,2,`span`,36,sQ),L()),e&2){let e=W(2),t=W(3);O(),P(t.paramList(e.match.params))}}function wQ(e,t){if(e&1&&(I(0,`strong`,31),K(1),L(),K(2,` renders `),I(3,`ol`,32),N(4,xQ,5,3,`li`,null,aQ),L(),j(6,CQ,3,0,`div`,33)),e&2){let e=W(),t=W(3);O(),q(e.url),O(3),P(e.match.chain),O(2),M(t.paramList(e.match.params).length?6:-1)}}function TQ(e,t){if(e&1&&(I(0,`app-source-link`,34),K(1),L()),e&2){let e=W().$implicit,t=W(6);F(`file`,e.file),O(),q(t.short(e.file))}}function EQ(e,t){if(e&1&&(I(0,`span`,31),K(1),L()),e&2){let e=W().$implicit;O(),q(e.path)}}function DQ(e,t){if(e&1&&(I(0,`li`),j(1,TQ,2,2,`app-source-link`,34)(2,EQ,2,1,`span`,31),I(3,`span`,4),K(4),L()()),e&2){let e=t.$implicit;O(),M(e.file?1:2),O(3),q(e.reason)}}function OQ(e,t){if(e&1&&(I(0,`ul`,37),N(1,DQ,5,2,`li`,null,_g),L()),e&2){let e=W(2);O(),P(e.match.rejected.slice(0,5))}}function kQ(e,t){if(e&1&&(I(0,`strong`,31),K(1),L(),K(2,` matches no file route. Angular throws NG04002 "Cannot match any routes". `),j(3,OQ,3,0,`ul`,37)),e&2){let e=W();O(),q(e.url),O(2),M(e.match.rejected.length?3:-1)}}function AQ(e,t){if(e&1&&(I(0,`div`,27),j(1,wQ,7,2)(2,kQ,4,2),L()),e&2){let e=t;A(`data-tone`,e.match.matched?`good`:`bad`),O(),M(e.match.matched?1:2)}}function jQ(e,t){e&1&&(I(0,`span`,39),K(1,`└`),L())}function MQ(e,t){if(e&1&&(I(0,`span`,41),K(1),L()),e&2){let e=W().$implicit,t=W(3);O(),q(t.openText(e.route))}}function NQ(e,t){if(e&1&&(I(0,`app-source-link`,42)(1,`span`,46),K(2),L(),K(3),L()),e&2){let e=W().$implicit,t=W(3);F(`file`,e.route.file),O(2),q(t.dir(e.route.file)),O(),q(t.base(e.route.file))}}function PQ(e,t){e&1&&(I(0,`span`,4),K(1,`folder only`),L())}function FQ(e,t){if(e&1&&(I(0,`span`,44),K(1),L()),e&2){let e=t.$implicit;O(),J(``,e,`()`)}}function IQ(e,t){if(e&1&&(I(0,`span`,45),K(1),L()),e&2){let e=W().$implicit;O(),J(`"`,e.route.title,`"`)}}function LQ(e,t){if(e&1&&(I(0,`span`,36),K(1),L()),e&2){let e=W().$implicit;O(),q(e)}}function RQ(e,t){if(e&1&&j(0,LQ,2,1,`span`,36),e&2){let e=t.$implicit;M(e===`title`?-1:0)}}function zQ(e,t){if(e&1&&(I(0,`tr`)(1,`td`)(2,`div`,38),j(3,jQ,2,0,`span`,39),I(4,`span`,40),K(5),L(),I(6,`span`,35),K(7),L(),j(8,MQ,2,1,`span`,41),L()(),I(9,`td`),j(10,NQ,4,3,`app-source-link`,42)(11,PQ,2,0,`span`,4),L(),I(12,`td`)(13,`div`,43),N(14,FQ,2,1,`span`,44,vg),L()(),I(16,`td`),j(17,IQ,2,1,`span`,45),N(18,RQ,1,1,null,null,vg),L()()),e&2){let e=t.$implicit,n=W(3);G(`open`,n.isOpen(e.route))(`dim`,e.route.kind===`group`||e.route.kind===`implicit`),O(2),b_(`padding-left`,e.depth*16,`px`),O(),M(e.depth?3:-1),O(2),q(e.route.fullPath),O(),A(`data-kind`,e.route.kind),O(),q(n.kindText(e.route)),O(),M(n.isOpen(e.route)?8:-1),O(2),M(e.route.file?10:11),O(4),P(n.serverExports(e.route)),O(3),M(e.route.title?17:-1),O(),P(e.route.routeMeta??nv(13,rQ))}}function BQ(e,t){e&1&&K(0,` No route matches the filter. Try part of a path or a file name. `)}function VQ(e,t){e&1&&K(0,` No file routes yet. Add a .page.ts file under src/app/pages. `)}function HQ(e,t){if(e&1&&(I(0,`tr`)(1,`td`,47),j(2,BQ,1,0)(3,VQ,1,0),L()()),e&2){let e=W(3);O(2),M(e.filter().trim()?2:3)}}function UQ(e,t){if(e&1){let e=V();I(0,`div`,18)(1,`form`,19),H(`submit`,function(t){w(e);let n=W(2);return t.preventDefault(),T(n.explain())}),I(2,`label`,20),K(3,`Test a URL`),L(),I(4,`input`,21),H(`input`,function(t){return w(e),T(W(2).testUrl.set(t.target.value))}),L(),I(5,`button`,22),K(6),L()(),I(7,`label`,23),K(8,`Filter routes`),L(),I(9,`input`,24),H(`input`,function(t){return w(e),T(W(2).filter.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W(2).filter.set(``))}),L()(),I(10,`div`,25),j(11,vQ,2,1,`div`,26)(12,AQ,3,2,`div`,27),L(),I(13,`div`,28)(14,`table`)(15,`thead`)(16,`tr`)(17,`th`,29),K(18,`Route`),L(),I(19,`th`,29),K(20,`File`),L(),I(21,`th`,29),K(22,`Data`),L(),I(23,`th`,29),K(24,`Route meta`),L()()(),I(25,`tbody`),N(26,zQ,20,14,`tr`,30,oQ,!1,HQ,4,1,`tr`),L()()()}if(e&2){let e,t=W(2);O(4),F(`value`,t.testUrl()),O(),F(`disabled`,t.explaining()),O(),J(` `,t.explaining()?`Explaining…`:`Explain`,` `),O(3),F(`value`,t.filter()),O(2),M((e=t.explainError())?11:(e=t.explained())?12:-1,e),O(15),P(t.routeRows())}}function WQ(e,t){if(e&1&&(I(0,`span`,31),K(1),L(),K(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;O(),q(e),O(),J(``,n===r-1?``:`, `,` `)}}function GQ(e,t){if(e&1&&(I(0,`div`,48)(1,`strong`),K(2,`load() ran twice`),L(),K(3,` for `),N(4,WQ,3,2,null,null,vg),K(6,` : once while server rendering, again in the browser. TransferState did not serve the server result. `),L()),e&2){let e=W(3);O(4),P(e.duplicates())}}function KQ(e,t){if(e&1&&(I(0,`span`,31),K(1),L(),K(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;O(),q(e),O(),J(``,n===r-1?``:`, `,` `)}}function qQ(e,t){if(e&1&&(I(0,`div`,48)(1,`strong`),K(2,`Server function read ran twice`),L(),K(3,`: `),N(4,KQ,3,2,null,null,vg),K(6,` ran while server rendering, then again in the browser. The browser did not use the TransferState seed. `),L()),e&2){let e=W(3);O(4),P(e.refetchedFns())}}function JQ(e,t){if(e&1){let e=V();I(0,`label`)(1,`input`,80),H(`change`,function(){let t=w(e).$implicit;return T(W(3).kind.set(t))}),L(),K(2),I(3,`span`,4),K(4),L()()}if(e&2){let e=t.$implicit,n=W(3);G(`on`,n.kind()===e),O(),F(`checked`,n.kind()===e),A(`data-kind`,e),O(),J(` `,n.kindLabel(e),` `),O(2),q(n.kindCount(e))}}function YQ(e,t){if(e&1&&K(0),e&2){let e=W(4);Y(` Showing the newest `,e.shownCount(),` of `,e.matchingCalls().length,`. `)}}function XQ(e,t){e&1&&K(0),e&2&&J(` The dev server keeps only the newest `,W(4).maxServerCalls,` calls and drops older ones. `)}function ZQ(e,t){if(e&1&&(I(0,`p`,66),j(1,YQ,1,2),j(2,XQ,1,1),L()),e&2){let e=W(3);O(),M(e.shownCount()<e.matchingCalls().length?1:-1),O(),M(e.serverFull()?2:-1)}}function QQ(e,t){if(e&1&&(I(0,`app-source-link`,88),K(1),L()),e&2){let e=W(),t=W(5);F(`file`,e.file),O(),q(t.short(e.file))}}function $Q(e,t){if(e&1&&(I(0,`strong`,85),K(1),L(),j(2,QQ,2,2,`app-source-link`,88)),e&2){let e=t;O(),q(e.name),O(),M(e.file?2:-1)}}function e$(e,t){if(e&1&&(I(0,`span`,85),K(1),L()),e&2){let e=W().$implicit;O(),q(e.url)}}function t$(e,t){e&1&&(I(0,`span`,35),K(1,`ran during server rendering`),L())}function n$(e,t){if(e&1&&K(0),e&2){let e=W(2).$implicit;J(` to `,e.location,` `)}}function r$(e,t){if(e&1&&(I(0,`span`,35),K(1),j(2,n$,1,1),L()),e&2){let e=W().$implicit,t=W(4);A(`data-tone`,t.outcomeTone(e.outcome)),O(),J(``,t.outcomeLabel(e.outcome),` `),O(),M(e.location?2:-1)}}function i$(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W().$implicit;A(`data-mode`,e.render===`ssr`?`ssr`:`client`),O(),q(e.render===`ssr`?`server rendered`:`client only`)}}function a$(e,t){if(e&1&&(I(0,`details`)(1,`summary`),K(2,`Response`),L(),I(3,`pre`,89),K(4),L()()),e&2){let e=W().$implicit,t=W(4);O(4),q(t.pretty(e.preview))}}function o$(e,t){e&1&&(I(0,`span`,4),K(1,`in process`),L())}function s$(e,t){if(e&1&&K(0),e&2){let e=W().$implicit;J(` `,e.ms,` ms `)}}function c$(e,t){if(e&1&&(I(0,`tr`)(1,`td`,82),K(2),L(),I(3,`td`)(4,`span`,35),K(5),L()(),I(6,`td`,83)(7,`div`,43)(8,`span`,84),K(9),L(),j(10,$Q,3,2)(11,e$,2,1,`span`,85),j(12,t$,2,0,`span`,35),j(13,r$,3,3,`span`,35),j(14,i$,2,2,`span`,35),L(),j(15,a$,5,1,`details`),L(),I(16,`td`)(17,`span`,86),K(18),L()(),I(19,`td`,87),j(20,o$,2,0,`span`,4)(21,s$,1,1),L(),I(22,`td`,4),K(23),L()()),e&2){let e,n=t.$implicit,r=W(4);O(2),q(r.time(n.at)),O(2),A(`data-call`,n.kind),O(),q(r.kindLabel(n.kind)),O(3),A(`data-method`,n.method),O(),q(n.method),O(),M((e=r.fnOf(n))?10:11,e),O(2),M(n.seeded?12:-1),O(),M(n.outcome?13:-1),O(),M(n.render?14:-1),O(),M(n.preview?15:-1),O(2),A(`data-status`,r.statusClass(n.status)),O(),q(n.status),O(2),M(n.seeded?20:21),O(3),q(n.from)}}function l$(e,t){if(e&1&&(I(0,`div`,67)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,29),K(5,`At`),L(),I(6,`th`,29),K(7,`Kind`),L(),I(8,`th`,29),K(9,`Request`),L(),I(10,`th`,29),K(11,`Status`),L(),I(12,`th`,81),K(13,`Duration`),L(),I(14,`th`,29),K(15,`From`),L()()(),I(16,`tbody`),N(17,c$,24,14,`tr`,null,aQ),L()()()),e&2){let e=W(3);O(17),P(e.calls())}}function u$(e,t){e&1&&K(0),e&2&&J(` Nothing matches “`,W(4).callQuery().trim(),`” with these filters. `)}function d$(e,t){e&1&&K(0),e&2&&J(` None of the `,W(4).allCalls().length,` calls fit these filters. `)}function f$(e,t){if(e&1){let e=V();I(0,`div`,68)(1,`p`,90),K(2,`No calls match.`),L(),I(3,`p`,4),j(4,u$,1,1)(5,d$,1,1),L(),I(6,`div`,91)(7,`button`,92),H(`click`,function(){return w(e),T(W(3).clearCallFilters())}),K(8,` Clear filters `),L()()()}if(e&2){let e=W(3);O(4),M(e.callQuery().trim()?4:5)}}function p$(e,t){e&1&&K(0,` No calls of this kind yet. `)}function m$(e,t){e&1&&K(0,` No calls yet. `)}function h$(e,t){if(e&1&&(I(0,`div`,69)(1,`p`,90),j(2,p$,1,0)(3,m$,1,0),L(),I(4,`p`,4),K(5,` Navigate in the app to see page renders, load() fetches, form actions, server functions and API calls. `),L()()),e&2){let e=W(3);O(2),M(e.allCalls().length?2:3)}}function g$(e,t){if(e&1){let e=V();I(0,`tr`)(1,`td`)(2,`span`,84),K(3),L()(),I(4,`td`,31),K(5),L(),I(6,`td`)(7,`app-source-link`,42)(8,`span`,46),K(9),L(),K(10),L()(),I(11,`td`,93)(12,`button`,92),H(`click`,function(){let t=w(e).$implicit;return T(W(3).tryApi(t))}),K(13,` Try `),L()()()}if(e&2){let e=t.$implicit,n=W(3);O(2),A(`data-method`,e.method),O(),q(e.method),O(2),q(e.path),O(2),F(`file`,e.file),O(2),q(n.dir(e.file)),O(),q(n.base(e.file)),O(2),A(`aria-label`,`Try `+e.method+` `+e.path)}}function _$(e,t){e&1&&(I(0,`tr`)(1,`td`,47),K(2,` No API routes. Add a handler under src/server/routes to test it here. `),L()())}function v$(e,t){if(e&1&&(I(0,`tr`)(1,`td`)(2,`span`,84),K(3),L()(),I(4,`td`,31),K(5),L(),I(6,`td`)(7,`app-source-link`,42)(8,`span`,46),K(9),L(),K(10),L()(),I(11,`td`,95),K(12),L()()),e&2){let e=t.$implicit,n=W(4);O(2),A(`data-method`,e.method),O(),q(e.method),O(2),q(e.name),O(2),F(`file`,e.file),O(2),q(n.dir(e.file)),O(),q(n.base(e.file)),O(2),q(n.fnCalls(e.id))}}function y$(e,t){if(e&1&&(I(0,`h2`),K(1,`Server functions`),L(),I(2,`div`,94)(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,29),K(7,`Method`),L(),I(8,`th`,29),K(9,`Name`),L(),I(10,`th`,29),K(11,`File`),L(),I(12,`th`,81),K(13,`Calls`),L()()(),I(14,`tbody`),N(15,v$,13,7,`tr`,null,aQ),L()()()),e&2){let e=W(3);O(15),P(e.serverFns())}}function b$(e,t){if(e&1&&(I(0,`p`,76),K(1),L()),e&2){let e=W(3);O(),q(e.callsOff)}}function x$(e,t){if(e&1&&(I(0,`p`,77),K(1),L()),e&2){let e=W(3);O(),J(` Tick "This request can change data on the dev server" below to send a `,e.method(),` request. `)}}function S$(e,t){if(e&1){let e=V();I(0,`label`,96),K(1,`JSON body`),L(),I(2,`textarea`,97),H(`input`,function(t){return w(e),T(W(3).apiBody.set(t.target.value))}),L(),I(3,`label`,98)(4,`input`,64),H(`change`,function(){w(e);let t=W(3);return T(t.confirmSend.set(!t.confirmSend()))}),L(),K(5,` This request can change data on the dev server`),L()}if(e&2){let e=W(3);O(2),F(`value`,e.apiBody()),O(2),F(`checked`,e.confirmSend())}}function C$(e,t){if(e&1&&(I(0,`p`,78),K(1),L()),e&2){let e=W(3);O(),Y(`Sending `,e.method(),` `,e.apiPath().trim(),`…`)}}function w$(e,t){if(e&1&&(I(0,`div`,72)(1,`span`,99),K(2,`Refused`),L(),I(3,`span`),K(4),L()()),e&2){let e=W();O(4),q(e.error)}}function T$(e,t){if(e&1&&(I(0,`div`,72)(1,`span`,86),K(2),L(),I(3,`span`,4),K(4),L()(),I(5,`pre`,89),K(6),L()),e&2){let e=W(),t=W(3);O(),A(`data-status`,t.statusClass(e.status??0)),O(),q(e.status),O(2),Y(``,e.ms,` ms · `,e.type||`no content type`),O(2),q(t.pretty(e.body??``))}}function E$(e,t){e&1&&(I(0,`div`,79),j(1,w$,5,1,`div`,72)(2,T$,7,5),L()),e&2&&(O(),M(t.error?1:2))}function D$(e,t){if(e&1){let e=V();j(0,GQ,7,0,`div`,48),j(1,qQ,7,0,`div`,48),I(2,`h2`,49),K(3,`Server calls`),L(),I(4,`div`,50)(5,`fieldset`,51)(6,`legend`,52),K(7,`Show calls of kind`),L(),N(8,JQ,5,6,`label`,53,vg),L(),I(10,`div`,54)(11,`button`,55),H(`click`,function(){return w(e),T(W(2).clearCalls())}),K(12,` Clear calls `),L(),I(13,`span`,56),K(14),L()()(),I(15,`div`,57)(16,`div`,58),E(),I(17,`svg`,59),R(18,`circle`,60)(19,`path`,61),L(),xs(),I(20,`input`,62),H(`input`,function(t){return w(e),T(W(2).callQuery.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W(2).callQuery.set(``))}),L()(),I(21,`label`,63)(22,`input`,64),H(`change`,function(t){return w(e),T(W(2).failedOnly.set(t.target.checked))}),L(),K(23,` Failed only `),L(),I(24,`span`,65),K(25),L()(),j(26,ZQ,3,2,`p`,66),j(27,l$,19,0,`div`,67)(28,f$,9,1,`div`,68)(29,h$,6,1,`div`,69),I(30,`h2`),K(31,`API routes`),L(),I(32,`div`,70)(33,`table`)(34,`thead`)(35,`tr`)(36,`th`,29),K(37,`Method`),L(),I(38,`th`,29),K(39,`Path`),L(),I(40,`th`,29),K(41,`File`),L(),I(42,`th`,29)(43,`span`,52),K(44,`Actions`),L()()()(),I(45,`tbody`),N(46,g$,14,7,`tr`,null,cQ,!1,_$,3,0,`tr`),L()()(),j(49,y$,17,0),I(50,`form`,71),H(`submit`,function(t){w(e);let n=W(2);return t.preventDefault(),T(n.send())}),I(51,`h2`),K(52,`Request playground`),L(),I(53,`div`,72)(54,`app-select`,73),H(`valueChange`,function(t){return w(e),T(W(2).method.set(t??`GET`))}),L(),I(55,`label`,74),K(56,`Path`),L(),I(57,`input`,75),H(`input`,function(t){return w(e),T(W(2).apiPath.set(t.target.value))}),L(),I(58,`button`,22),K(59),L()(),j(60,b$,2,1,`p`,76)(61,x$,2,1,`p`,77),j(62,S$,6,2),j(63,C$,2,2,`p`,78)(64,E$,3,1,`div`,79),L()}if(e&2){let e,t=W(2);M(t.duplicates().length?0:-1),O(),M(t.refetchedFns().length?1:-1),O(7),P(t.kinds),O(3),F(`disabled`,!t.allCalls().length),O(3),q(t.callsMessage()),O(6),F(`value`,t.callQuery()),O(2),F(`checked`,t.failedOnly()),O(3),Y(``,t.matchingCalls().length,` of `,t.allCalls().length),O(),M(t.shownCount()<t.matchingCalls().length||t.serverFull()?26:-1),O(),M(t.calls().length?27:t.allCalls().length&&t.callFiltered()?28:29),O(19),P(t.project().api),O(3),M(t.serverFns().length?49:-1),O(5),F(`options`,t.methodOptions)(`value`,t.method()),O(3),F(`value`,t.apiPath()),O(),F(`disabled`,!t.canSend()),A(`aria-describedby`,t.sendHintId()),O(),J(` `,t.sending()?`Sending…`:`Send`,` `),O(),M(t.canCall()?t.needsConfirm()?61:-1:60),O(2),M(t.method()===`GET`?-1:62),O(),M(t.sending()?63:(e=t.response())?64:-1,e)}}function O$(e,t){if(e&1&&K(0),e&2){let e=t.$implicit;J(` `,e,` `)}}function k$(e,t){if(e&1&&(I(0,`p`,100),K(1,` The analog() options in vite.config could not be read in full, so these modes and the prerender plan may be incomplete. `),N(2,O$,1,1,null,null,vg),L()),e&2){let e=W(3);O(2),P(e.plan().configPartial)}}function A$(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=t.$implicit;A(`data-mode`,e.mode),O(),Y(``,e.label,` · `,e.count)}}function j$(e,t){if(e&1&&(I(0,`div`,33),N(1,A$,2,3,`span`,35,uQ),L()),e&2){let e=W(3);O(),P(e.modeCounts())}}function M$(e,t){e&1&&(I(0,`span`,105),K(1,`differs from config`),L())}function N$(e,t){if(e&1&&(I(0,`div`,43)(1,`span`,86),K(2),L(),I(3,`span`,104),K(4),L(),j(5,M$,2,0,`span`,105),L()),e&2){let e=t,n=W().$implicit,r=W(3);O(),A(`data-status`,r.statusClass(e.status)),O(),q(e.status),O(2),Y(``,e.render===`client`?`client only`:`server rendered`,` · `,e.ms,` ms`),O(),M(r.mismatch(n)?5:-1)}}function P$(e,t){e&1&&(I(0,`span`,103),K(1,`not requested yet`),L())}function F$(e,t){if(e&1&&(I(0,`app-source-link`,42)(1,`span`,46),K(2),L(),K(3),L()),e&2){let e=W().$implicit,t=W(3);F(`file`,e.file),O(2),q(t.dir(e.file)),O(),q(t.base(e.file))}}function I$(e,t){if(e&1&&(I(0,`tr`)(1,`td`,40),K(2),L(),I(3,`td`)(4,`div`,43)(5,`span`,35),K(6),L(),I(7,`span`,103),K(8),L()()(),I(9,`td`),j(10,N$,6,5,`div`,43)(11,P$,2,0,`span`,103),L(),I(12,`td`),j(13,F$,4,3,`app-source-link`,42),L()()),e&2){let e,n=t.$implicit,r=W(3);O(2),q(n.path),O(3),A(`data-mode`,n.mode),O(),q(r.modeLabel(n.mode)),O(2),q(n.reason),O(2),M((e=n.last)?10:11,e),O(3),M(n.file?13:-1)}}function L$(e,t){e&1&&(I(0,`tr`)(1,`td`,47),K(2,` No page routes to render yet. Add a .page.ts file under src/app/pages. `),L()())}function R$(e,t){e&1&&(I(0,`p`,4),K(1,` prerender.routes is a function, so the list is known only at build time. `),L())}function z$(e,t){if(e&1&&(I(0,`span`,36),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function B$(e,t){e&1&&(I(0,`span`,103),K(1,`default, nothing configured`),L())}function V$(e,t){if(e&1&&(I(0,`span`,36),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function H$(e,t){if(e&1&&(I(0,`dt`),K(1,`From routeRules`),L(),I(2,`dd`),N(3,V$,2,1,`span`,36,vg),L()),e&2){let e=W(2);O(3),P(e.fromRules)}}function U$(e,t){if(e&1&&(I(0,`span`,108),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function W$(e,t){if(e&1&&(I(0,`dt`),K(1,`Static, not listed`),L(),I(2,`dd`),N(3,U$,2,1,`span`,108,vg),L()),e&2){let e=W(2);O(3),P(e.staticMissing)}}function G$(e,t){if(e&1&&(I(0,`span`,36),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function K$(e,t){if(e&1&&(I(0,`dt`),K(1,`Need explicit entries`),L(),I(2,`dd`),N(3,G$,2,1,`span`,36,vg),L()),e&2){let e=W(2);O(3),P(e.dynamic)}}function q$(e,t){if(e&1&&(I(0,`span`,109),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function J$(e,t){if(e&1&&(K(0,` · missing `),N(1,q$,2,1,`span`,109,vg)),e&2){let e=W(3);O(),P(e.notBuilt)}}function Y$(e,t){if(e&1&&(K(0),j(1,J$,3,0)),e&2){let e=W(2);J(` `,W(3).plural(e.built.length,`page`),` in dist/analog/public `),O(),M(e.notBuilt.length?1:-1)}}function X$(e,t){e&1&&(I(0,`span`,103),K(1,`no build yet`),L())}function Z$(e,t){if(e&1&&(I(0,`dl`,106)(1,`dt`),K(2,`Listed`),L(),I(3,`dd`),N(4,z$,2,1,`span`,36,vg),j(6,B$,2,0,`span`,103),L(),j(7,H$,5,0),j(8,W$,5,0),j(9,K$,5,0),I(10,`dt`),K(11,`Build output`),L(),I(12,`dd`,107),j(13,Y$,2,2)(14,X$,2,0,`span`,103),L()()),e&2){let e=W();O(4),P(e.listed??nv(5,iQ)),O(2),M(e.listed?-1:6),O(),M(e.fromRules?.length?7:-1),O(),M(e.staticMissing.length?8:-1),O(),M(e.dynamic.length?9:-1),O(4),M(e.built.length?13:14)}}function Q$(e,t){e&1&&(I(0,`div`,102)(1,`h2`),K(2,`Prerender plan`),L(),j(3,R$,2,0,`p`,4)(4,Z$,15,6,`dl`,106),L()),e&2&&(O(3),M(t.dynamicConfig?3:4))}function $$(e,t){if(e&1&&(j(0,k$,4,0,`p`,100),j(1,j$,3,0,`div`,33),I(2,`div`,101)(3,`table`)(4,`thead`)(5,`tr`)(6,`th`,29),K(7,`Route`),L(),I(8,`th`,29),K(9,`Configured`),L(),I(10,`th`,29),K(11,`Last request`),L(),I(12,`th`,29),K(13,`File`),L()()(),I(14,`tbody`),N(15,I$,14,6,`tr`,null,lQ,!1,L$,3,0,`tr`),L()()(),j(18,Q$,5,1,`div`,102)),e&2){let e,t=W(2);M(t.plan()?.configPartial?.length?0:-1),O(),M(t.modeCounts().length?1:-1),O(14),P(t.renderRows()),O(3),M((e=t.plan())?18:-1,e)}}function e1(e,t){if(e&1&&(I(0,`div`)(1,`span`,112),K(2),L()()),e&2){let e=W().$implicit;O(2),q(e.error)}}function t1(e,t){if(e&1&&(I(0,`div`)(1,`span`,105),K(2),L()()),e&2){let e=W(5);O(2),J(`takes over `,e.base(t))}}function n1(e,t){if(e&1&&(I(0,`tr`)(1,`td`)(2,`strong`),K(3),L(),j(4,e1,3,1,`div`),j(5,t1,3,1,`div`),L(),I(6,`td`,40),K(7),L(),I(8,`td`,31),K(9),L(),I(10,`td`,111),K(11),L(),I(12,`td`)(13,`app-source-link`,42)(14,`span`,46),K(15),L(),K(16),L()()()),e&2){let e,n=t.$implicit,r=W(4);O(3),q(n.attributes.title||`(no title)`),O(),M(n.error?4:-1),O(),M((e=r.shadowed(n.file))?5:-1,e),O(2),q(r.contentUrl(n.file)??``),O(2),q(n.slug),O(2),q(n.attributes.date||``),O(2),F(`file`,n.file),O(2),q(r.dir(n.file)),O(),q(r.base(n.file))}}function r1(e,t){if(e&1&&(I(0,`div`,110)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,29),K(5,`Title`),L(),I(6,`th`,29),K(7,`URL`),L(),I(8,`th`,29),K(9,`Slug`),L(),I(10,`th`,29),K(11,`Date`),L(),I(12,`th`,29),K(13,`File`),L()()(),I(14,`tbody`),N(15,n1,17,9,`tr`,null,dQ),L()()()),e&2){let e=W(3);O(15),P(e.project().content)}}function i1(e,t){e&1&&(I(0,`div`,69)(1,`p`,90),K(2,`No markdown files under src/content.`),L(),I(3,`p`,4),K(4,` Add a .md file there to see its title, slug, date and the URL it serves. `),L()())}function a1(e,t){e&1&&j(0,r1,17,0,`div`,110)(1,i1,5,0,`div`,69),e&2&&M(+!W(2).project().content.length)}function o1(e,t){if(e&1&&(I(0,`span`,17),K(1),L()),e&2){let e=W().$implicit;O(),q(e.items.length)}}function s1(e,t){if(e&1&&(I(0,`app-source-link`,42)(1,`span`,46),K(2),L(),K(3),L()),e&2){let e=W().$implicit,t=W(5);F(`file`,e.file),O(2),q(t.dir(e.file)),O(),q(t.base(e.file))}}function c1(e,t){if(e&1&&(I(0,`span`,40),K(1),L()),e&2){let e=W().$implicit;O(),q(e.path)}}function l1(e,t){if(e&1&&(I(0,`p`,120),K(1),L()),e&2){let e=W().$implicit;O(),q(e.message)}}function u1(e,t){if(e&1&&(I(0,`li`),j(1,s1,4,3,`app-source-link`,42),j(2,c1,2,1,`span`,40),j(3,l1,2,1,`p`,120),L()),e&2){let e=t.$implicit;O(),M(e.file?1:-1),O(),M(e.path&&e.path!==e.file?2:-1),O(),M(e.message?3:-1)}}function d1(e,t){if(e&1&&(I(0,`li`)(1,`div`,115)(2,`span`,35),K(3),L(),I(4,`strong`,116),K(5),L(),j(6,o1,2,1,`span`,17),L(),I(7,`p`),K(8),L(),I(9,`ul`,117),N(10,u1,4,3,`li`,null,_g),L(),I(12,`div`,118)(13,`strong`),K(14,`How to fix`),L(),K(15),L(),I(16,`span`,119),K(17),L()()),e&2){let e=t.$implicit,n=W(4);A(`data-tone`,n.tone(e.severity)),O(2),A(`data-tone`,n.tone(e.severity)),O(),q(e.severity),O(2),q(e.title),O(),M(e.items.length>1?6:-1),O(2),q(e.summary),O(2),P(e.items),O(5),J(` `,e.fix),O(2),q(e.rule)}}function f1(e,t){if(e&1&&(I(0,`p`,4),K(1),L(),I(2,`ul`,114),N(3,d1,18,8,`li`,null,fQ),L()),e&2){let e=W(3);O(),Y(` `,e.plural(e.findings().length,`issue`),` in `,e.plural(e.lintCards().length,`group`),`. Each card says what is wrong, where, and how to fix it. `),O(2),P(e.lintCards())}}function p1(e,t){e&1&&(I(0,`div`,113)(1,`strong`),K(2,`No Analog problems found.`),L(),K(3,` Routes, server files, prerender config and content all check out. `),L())}function m1(e,t){e&1&&j(0,f1,5,2)(1,p1,4,0,`div`,113),e&2&&M(+!W(2).findings().length)}function h1(e,t){if(e&1){let e=V();I(0,`section`,7)(1,`div`,8)(2,`span`,9),K(3,`Analog`),L(),I(4,`span`,10),K(5),L()(),I(6,`div`,8)(7,`span`,9),K(8,`Pages`),L(),I(9,`span`,10),K(10),L()(),I(11,`div`,8)(12,`span`,9),K(13,`API routes`),L(),I(14,`span`,10),K(15),L()(),I(16,`div`,8)(17,`span`,9),K(18,`Server calls`),L(),I(19,`span`,10),K(20),L()(),I(21,`div`,8)(22,`span`,9),K(23,`Issues`),L(),I(24,`span`,10),K(25),L()(),j(26,gQ,5,2,`div`,11),L(),I(27,`div`,12),H(`keydown`,function(t){return w(e),T(W().onKey(t))}),N(28,_Q,4,7,`button`,13,aQ),L(),I(30,`div`,14),j(31,UQ,29,6)(32,D$,65,21)(33,$$,19,4)(34,a1,2,1)(35,m1,2,1),L()}if(e&2){let e,t,n=W();O(5),q(n.project().version||`unknown`),O(5),q(n.pageCount()),O(5),q(n.project().api.length),O(5),q(n.allCalls().length),O(),A(`data-tone`,n.lintTone()||`good`),O(4),q(n.lintCount().errors+n.lintCount().warnings),O(),M((e=n.page())?26:-1,e),O(2),P(n.views()),O(2),F(`id`,`analog-panel-`+n.view()),A(`aria-labelledby`,`analog-tab-`+n.view()),O(),M((t=n.view())===`routes`?31:t===`server`?32:t===`render`?33:t===`content`?34:t===`lint`?35:-1)}}var g1={"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.`}},_1=200,v1=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`]),y1={ssr:`SSR`,ssg:`Prerendered`,client:`Client only`,cached:`Cached`,redirect:`Redirect`},b1={all:`All`,page:`Pages`,load:`load()`,action:`Actions`,fn:`Server fn`,api:`API`},x1={success:`succeeded`,redirect:`redirected`,invalid:`validation errors`,error:`failed`},S1={success:`good`,redirect:`info`,invalid:`warn`,error:`bad`};function C1(e,t=0,n=[]){for(let r of e)n.push({route:r,depth:t}),C1(r.children,t+1,n);return n}var w1=class e{plural=yO;rpc=$(null);canCall=X(()=>vE(this.rpc(),`analog`));callsOff=DT(`analog`);kinds=[`all`,`page`,`load`,`action`,`fn`,`api`];methods=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];methodOptions=this.methods.map(e=>({value:e,label:e}));view=D(`routes`);project=D(null);loadFailed=D(!1);state=D({});findings=D([]);renderRows=D([]);plan=D(null);filter=D(``);testUrl=D(``);explained=D(null);explainError=D(``);explaining=D(!1);kind=D(`all`);method=D(`GET`);apiPath=D(``);apiBody=D(``);confirmSend=D(!1);response=D(null);sending=D(!1);needsConfirm=X(()=>this.method()!==`GET`&&!this.confirmSend());canSend=X(()=>this.canCall()&&!this.sending()&&!this.needsConfirm());sendHintId=X(()=>this.canCall()?this.needsConfirm()?`analog-confirm-hint`:null:`analog-calls-off`);unsubscribe=null;refreshTimer;refreshRun=0;destroyRef=C(js);host=C(Hl);hostPageId=JT();page=X(()=>{let e=this.state().pages??[];return(this.hostPageId?e.find(e=>e.pageId===this.hostPageId):e[0])??null});openFiles=X(()=>{let e=new Map;for(let t of this.page()?.chain??[])t.file&&(!e.has(t.file)||!t.outlet)&&e.set(t.file,t.outlet??``);return e});allCalls=X(()=>this.state().calls??[]);maxServerCalls=_1;callQuery=D(``);failedOnly=D(!1);callsMessage=D(``);callFiltered=X(()=>!!this.callQuery().trim()||this.failedOnly());matchingCalls=X(()=>{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=X(()=>this.matchingCalls().slice(-150).reverse());shownCount=X(()=>this.calls().length);serverFull=X(()=>this.allCalls().length>=_1);allRoutes=X(()=>C1(this.project()?.routes??[]));pageCount=X(()=>this.allRoutes().filter(e=>e.route.file&&e.route.kind!==`layout`).length);routeRows=X(()=>{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=X(()=>this.project()?.serverFns??[]);fnById=X(()=>new Map(this.serverFns().map(e=>[e.id,e])));refetchedFns=X(()=>Array.from(new Set((this.state().refetches??[]).map(e=>this.fnById().get(e.id)?.name??e.id))));duplicates=X(()=>Array.from(new Set((this.state().duplicates??[]).map(e=>e.route))));modeCounts=X(()=>[`ssr`,`ssg`,`cached`,`client`,`redirect`].map(e=>({mode:e,label:y1[e],count:this.renderRows().filter(t=>t.mode===e).length})).filter(e=>e.count));lintCards=X(()=>{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=g1[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=v1.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=X(()=>{let e=this.findings();return{errors:e.filter(e=>e.severity===`error`).length,warnings:e.filter(e=>e.severity===`warning`).length}});lintTone=X(()=>{let{errors:e,warnings:t}=this.lintCount();return e?`bad`:t?`warn`:``});views=X(()=>{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(){vc(()=>{let e=this.rpc();e&&Z(()=>void this.load(e))}),vc(()=>{let e=this.view();this.state(),Z(()=>this.scheduleRefresh(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.refreshTimer)})}async load(e){let t=await eE(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([eE(t,`analog-lint`,this.hostPageId??void 0),eE(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 eE(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)}openText(e){let t=e.file?this.openFiles().get(e.file):void 0;return t?`open in ${t}`:`open`}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 b1[e]}kindCount(e){return e===`all`?this.allCalls().length:this.allCalls().filter(t=>t.kind===e).length}modeLabel(e){return y1[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 x1[e]}outcomeTone(e){return S1[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=gO;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 $T(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 $T(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 eE(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=k({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`,`status`,1,`note`],[`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&&j(0,pQ,7,0,`div`,0)(1,mQ,4,0,`div`,1)(2,hQ,14,0,`div`,2)(3,h1,36,10),e&2&&M(t.project()===null&&t.loadFailed()?0:t.project()===null?1:t.project().analog?3:2)},dependencies:[KD,Nj],styles:[`@charset "UTF-8";
 [_nghost-%COMP%] {
   --%NS%good: var(--%NS%ok);
   --%NS%bad: var(--%NS%danger);
@@ -15119,7 +15291,7 @@ h2[_ngcontent-%COMP%] {
   color: var(--%NS%text-strong);
   font-size: 15px;
   font-weight: 600;
-}`]})},a1=(e,t)=>t.id,o1=(e,t)=>t.name;function s1(e,t){if(e&1&&(z(0,`div`,5)(1,`dt`),K(2),B(),z(3,`dd`),K(4),B()()),e&2){let e=t.$implicit;O(2),q(e.name),O(),G(`masked`,e.masked),O(),q(e.value)}}function c1(e,t){if(e&1&&(z(0,`dl`),N(1,s1,5,4,`div`,5,o1),B()),e&2){let e=W().$implicit;O(),P(e.rows)}}function l1(e,t){if(e&1&&(z(0,`p`,4),K(1),B()),e&2){let e=W().$implicit;O(),q(e.none)}}function u1(e,t){if(e&1&&(z(0,`section`,1)(1,`h4`,3),K(2),B(),j(3,c1,3,0,`dl`)(4,l1,2,1,`p`,4),B()),e&2){let e=t.$implicit;A(`aria-labelledby`,e.id),O(),Fg(`id`,e.id),O(),Y(``,e.title,` (`,e.rows.length,`)`),O(),M(e.rows.length?3:4)}}var d1=class e{callId=$(``);request=$(void 0);response=$(void 0);sides=X(()=>[{id:`req-headers-${this.callId()}`,title:`Request headers`,rows:f1(this.request()),none:`None recorded.`},{id:`res-headers-${this.callId()}`,title:`Response headers`,rows:f1(this.response()),none:`None recorded. A cross-origin response shows only the headers CORS exposes.`}]);static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-http-headers`]],inputs:{callId:[1,`callId`],request:[1,`request`],response:[1,`response`]},decls:8,vars:0,consts:[[1,`headers`],[1,`side`],[1,`note`],[3,`id`],[1,`none`],[1,`row`]],template:function(e,t){e&1&&(z(0,`div`,0),N(1,u1,5,5,`section`,1,a1),B(),z(3,`p`,2),K(4,` Request headers are the ones the call had when it reached `),z(5,`code`),K(6,`withPangular()`),B(),K(7,`, before later interceptors added theirs. Credentials, cookies and secret values are masked. `),B()),e&2&&(O(),P(t.sides()))},styles:[`[_nghost-%COMP%] {
+}`]})},T1=(e,t)=>t.id,E1=(e,t)=>t.name;function D1(e,t){if(e&1&&(z(0,`div`,5)(1,`dt`),K(2),B(),z(3,`dd`),K(4),B()()),e&2){let e=t.$implicit;O(2),q(e.name),O(),G(`masked`,e.masked),O(),q(e.value)}}function O1(e,t){if(e&1&&(z(0,`dl`),N(1,D1,5,4,`div`,5,E1),B()),e&2){let e=W().$implicit;O(),P(e.rows)}}function k1(e,t){if(e&1&&(z(0,`p`,4),K(1),B()),e&2){let e=W().$implicit;O(),q(e.none)}}function A1(e,t){if(e&1&&(z(0,`section`,1)(1,`h4`,3),K(2),B(),j(3,O1,3,0,`dl`)(4,k1,2,1,`p`,4),B()),e&2){let e=t.$implicit;A(`aria-labelledby`,e.id),O(),Fg(`id`,e.id),O(),Y(``,e.title,` (`,e.rows.length,`)`),O(),M(e.rows.length?3:4)}}var j1=class e{callId=$(``);request=$(void 0);response=$(void 0);sides=X(()=>[{id:`req-headers-${this.callId()}`,title:`Request headers`,rows:M1(this.request()),none:`None recorded.`},{id:`res-headers-${this.callId()}`,title:`Response headers`,rows:M1(this.response()),none:`None recorded. A cross-origin response shows only the headers CORS exposes.`}]);static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-http-headers`]],inputs:{callId:[1,`callId`],request:[1,`request`],response:[1,`response`]},decls:8,vars:0,consts:[[1,`headers`],[1,`side`],[1,`note`],[3,`id`],[1,`none`],[1,`row`]],template:function(e,t){e&1&&(z(0,`div`,0),N(1,A1,5,5,`section`,1,T1),B(),z(3,`p`,2),K(4,` Request headers are the ones the call had when it reached `),z(5,`code`),K(6,`withPangular()`),B(),K(7,`, before later interceptors added theirs. Credentials, cookies and secret values are masked. `),B()),e&2&&(O(),P(t.sides()))},styles:[`[_nghost-%COMP%] {
   display: block;
   margin-top: 12px;
 }
@@ -15186,7 +15358,7 @@ dd.masked[_ngcontent-%COMP%] {
 
 .note[_ngcontent-%COMP%] {
   margin-top: 8px;
-}`]})};function f1(e){return Object.entries(e??{}).sort(([e],[t])=>e.localeCompare(t)).map(([e,t])=>({name:e,value:t,masked:t.includes(`[redacted]`)}))}var p1=(e,t)=>t.key,m1=(e,t)=>t.call.id;function h1(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,14),H(`click`,function(){let t=w(e).$implicit;return T(W(3).open.emit(t.call.id))}),I(2,`span`,15)(3,`span`,16),K(4),L(),I(5,`span`,17),K(6),L()(),I(7,`span`,18),R(8,`span`),L(),I(9,`span`,19)(10,`span`),K(11),L(),K(12),L()()()}if(e&2){let e=t.$implicit,n=W(3);O(),G(`selected`,n.selectedId()===e.call.id),A(`data-call-id`,e.call.id)(`aria-pressed`,n.selectedId()===e.call.id)(`aria-label`,e.label)(`aria-controls`,n.selectedId()?`call-preview`:null),O(3),q(e.call.method),O(),F(`title`,e.call.url),O(),q(n.pathOf(e.call.url)),O(2),x_(`bar `+e.tone),b_(`left`,e.left,`%`)(`width`,e.width,`%`),O(2),x_(`status status-`+e.tone),O(),q(e.status),O(),Y(` · +`,e.offsetMs,` ms · `,e.call.durationMs,` ms`)}}function g1(e,t){if(e&1&&(I(0,`section`,7)(1,`h3`,8)(2,`span`,9),K(3),L(),I(4,`span`,10),K(5,`, `),L(),I(6,`span`,11),K(7),L(),I(8,`span`,10),K(9,`, `),L(),I(10,`span`,12),K(11),L()(),I(12,`ul`,13),N(13,h1,13,20,`li`,null,m1),L()()),e&2){let e=t.$implicit;A(`aria-labelledby`,`wf-`+e.key),O(),F(`id`,`wf-`+e.key),O(2),J(`Navigation `,e.index),O(3),F(`title`,e.url),O(),q(e.url||`Unknown page`),O(4),R_(``,e.rows.length,` `,e.rows.length===1?`call`:`calls`,`, `,e.spanMs,` ms`),O(2),P(e.rows)}}function _1(e,t){if(e&1&&(I(0,`div`,1)(1,`span`),R(2,`i`,2),K(3,`Network`),L(),I(4,`span`),R(5,`i`,3),K(6,`Transfer cache`),L(),I(7,`span`),R(8,`i`,4),K(9,`Failed`),L(),I(10,`span`),R(11,`i`,5),K(12,`Cancelled`),L()(),I(13,`div`,6),N(14,g1,15,8,`section`,7,p1),L()),e&2){let e=W();O(14),P(e.groups())}}function v1(e,t){e&1&&(I(0,`div`,0)(1,`p`),K(2,`No client calls to show.`),L(),I(3,`p`,20),K(4,` The waterfall shows calls made in the browser. Clear the filters or pick All sides, then use the page. `),L()())}function y1(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}function b1(e){return e.cancelled?`cancelled`:e.status?String(e.status):`ERR`}function x1(e){return e.cancelled?`neutral`:!e.status||e.status>=400||e.error?`bad`:e.cacheHit?`cache`:`ok`}function S1(e){let t=[],n=e.filter(e=>e.side===`client`).sort((e,t)=>e.at-t.at),r;for(let e of n){let n=e.pageUrl??``;(!r||r.url!==n)&&(r={key:`${e.at}:${e.id}`,index:t.length+1,url:n,startedAt:e.at,spanMs:0,rows:[]},t.push(r));let i=e.at-r.startedAt;r.spanMs=Math.max(r.spanMs,i+Math.max(e.durationMs,0)),r.rows.push({call:e,offsetMs:i,left:0,width:0,tone:x1(e),status:b1(e)+(e.cacheHit&&!e.cancelled?` cache`:``),label:``})}for(let e of t){let t=Math.max(e.spanMs,1);for(let n of e.rows)n.left=n.offsetMs/t*100,n.width=Math.max(Math.max(n.call.durationMs,0)/t*100,.8),n.label=`${n.call.method} ${y1(n.call.url)}, starts at +${n.offsetMs} ms, takes ${n.call.durationMs} ms, status ${b1(n.call)}`+(n.call.cacheHit?`, transfer cache`:``)}return t.reverse()}var C1=class e{calls=$([]);selectedId=$(null);open=yv();groups=X(()=>S1(this.calls()));pathOf=y1;static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-network-waterfall`]],inputs:{calls:[1,`calls`],selectedId:[1,`selectedId`]},outputs:{open:`open`},decls:2,vars:1,consts:[[`role`,`status`,1,`empty`],[`aria-hidden`,`true`,1,`legend`],[1,`swatch`,`ok`],[1,`swatch`,`cache`],[1,`swatch`,`bad`],[1,`swatch`,`neutral`],[`appRovingList`,`button.wf-row`,1,`groups`],[1,`group`],[1,`group-head`,3,`id`],[1,`group-title`],[1,`sr-only`],[1,`group-url`,3,`title`],[1,`group-meta`],[1,`rows`],[`type`,`button`,1,`wf-row`,3,`click`],[1,`name`],[1,`method`],[1,`path`,3,`title`],[`aria-hidden`,`true`,1,`track`],[`aria-hidden`,`true`,1,`time`],[1,`muted`,`small`]],template:function(e,t){e&1&&j(0,_1,16,0)(1,v1,5,0,`div`,0),e&2&&M(+!t.groups().length)},dependencies:[hz],styles:[`[_nghost-%COMP%] {
+}`]})};function M1(e){return Object.entries(e??{}).sort(([e],[t])=>e.localeCompare(t)).map(([e,t])=>({name:e,value:t,masked:t.includes(`[redacted]`)}))}var N1=(e,t)=>t.key,P1=(e,t)=>t.call.id;function F1(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,14),H(`click`,function(){let t=w(e).$implicit;return T(W(3).open.emit(t.call.id))}),I(2,`span`,15)(3,`span`,16),K(4),L(),I(5,`span`,17),K(6),L()(),I(7,`span`,18),R(8,`span`),L(),I(9,`span`,19)(10,`span`),K(11),L(),K(12),L()()()}if(e&2){let e=t.$implicit,n=W(3);O(),G(`selected`,n.selectedId()===e.call.id),A(`data-call-id`,e.call.id)(`aria-pressed`,n.selectedId()===e.call.id)(`aria-label`,e.label)(`aria-controls`,n.selectedId()?`call-preview`:null),O(3),q(e.call.method),O(),F(`title`,e.call.url),O(),q(n.pathOf(e.call.url)),O(2),x_(`bar `+e.tone),b_(`left`,e.left,`%`)(`width`,e.width,`%`),O(2),x_(`status status-`+e.tone),O(),q(e.status),O(),Y(` · +`,e.offsetMs,` ms · `,e.call.durationMs,` ms`)}}function I1(e,t){if(e&1&&(I(0,`section`,7)(1,`h3`,8)(2,`span`,9),K(3),L(),I(4,`span`,10),K(5,`, `),L(),I(6,`span`,11),K(7),L(),I(8,`span`,10),K(9,`, `),L(),I(10,`span`,12),K(11),L()(),I(12,`ul`,13),N(13,F1,13,20,`li`,null,P1),L()()),e&2){let e=t.$implicit;A(`aria-labelledby`,`wf-`+e.key),O(),F(`id`,`wf-`+e.key),O(2),J(`Navigation `,e.index),O(3),F(`title`,e.url),O(),q(e.url||`Unknown page`),O(4),R_(``,e.rows.length,` `,e.rows.length===1?`call`:`calls`,`, `,e.spanMs,` ms`),O(2),P(e.rows)}}function L1(e,t){if(e&1&&(I(0,`div`,1)(1,`span`),R(2,`i`,2),K(3,`Network`),L(),I(4,`span`),R(5,`i`,3),K(6,`Transfer cache`),L(),I(7,`span`),R(8,`i`,4),K(9,`Failed`),L(),I(10,`span`),R(11,`i`,5),K(12,`Cancelled`),L()(),I(13,`div`,6),N(14,I1,15,8,`section`,7,N1),L()),e&2){let e=W();O(14),P(e.groups())}}function R1(e,t){e&1&&(I(0,`div`,0)(1,`p`),K(2,`No client calls to show.`),L(),I(3,`p`,20),K(4,` The waterfall shows calls made in the browser. Clear the filters or pick All sides, then use the page. `),L()())}function z1(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}function B1(e){return e.cancelled?`cancelled`:e.status?String(e.status):`ERR`}function V1(e){return e.cancelled?`neutral`:!e.status||e.status>=400||e.error?`bad`:e.cacheHit?`cache`:`ok`}function H1(e){let t=[],n=e.filter(e=>e.side===`client`).sort((e,t)=>e.at-t.at),r;for(let e of n){let n=e.pageUrl??``;(!r||r.url!==n)&&(r={key:`${e.at}:${e.id}`,index:t.length+1,url:n,startedAt:e.at,spanMs:0,rows:[]},t.push(r));let i=e.at-r.startedAt;r.spanMs=Math.max(r.spanMs,i+Math.max(e.durationMs,0)),r.rows.push({call:e,offsetMs:i,left:0,width:0,tone:V1(e),status:B1(e)+(e.cacheHit&&!e.cancelled?` cache`:``),label:``})}for(let e of t){let t=Math.max(e.spanMs,1);for(let n of e.rows)n.left=n.offsetMs/t*100,n.width=Math.max(Math.max(n.call.durationMs,0)/t*100,.8),n.label=`${n.call.method} ${z1(n.call.url)}, starts at +${n.offsetMs} ms, takes ${n.call.durationMs} ms, status ${B1(n.call)}`+(n.call.cacheHit?`, transfer cache`:``)}return t.reverse()}var U1=class e{calls=$([]);selectedId=$(null);open=yv();groups=X(()=>H1(this.calls()));pathOf=z1;static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-network-waterfall`]],inputs:{calls:[1,`calls`],selectedId:[1,`selectedId`]},outputs:{open:`open`},decls:2,vars:1,consts:[[`role`,`status`,1,`empty`],[`aria-hidden`,`true`,1,`legend`],[1,`swatch`,`ok`],[1,`swatch`,`cache`],[1,`swatch`,`bad`],[1,`swatch`,`neutral`],[`appRovingList`,`button.wf-row`,1,`groups`],[1,`group`],[1,`group-head`,3,`id`],[1,`group-title`],[1,`sr-only`],[1,`group-url`,3,`title`],[1,`group-meta`],[1,`rows`],[`type`,`button`,1,`wf-row`,3,`click`],[1,`name`],[1,`method`],[1,`path`,3,`title`],[`aria-hidden`,`true`,1,`track`],[`aria-hidden`,`true`,1,`time`],[1,`muted`,`small`]],template:function(e,t){e&1&&j(0,L1,16,0)(1,R1,5,0,`div`,0),e&2&&M(+!t.groups().length)},dependencies:[Ez],styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -15392,7 +15564,7 @@ dd.masked[_ngcontent-%COMP%] {
   .wf-row[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})},w1=[`callsBody`],T1=(e,t)=>t.id,E1=(e,t)=>t.id+t.kind,D1=(e,t)=>t.entry.side+t.entry.id,O1=(e,t)=>t.key;function k1(e,t){e&1&&(I(0,`div`,2),R(1,`span`,71),I(2,`span`),K(3,`Loading…`),L()())}function A1(e,t){if(e&1){let e=V();I(0,`div`,3)(1,`strong`),K(2,`Could not reach the devtools server.`),L(),I(3,`span`),K(4,`Check that the app's dev server is running with the devtools plugin.`),L(),I(5,`button`,27),H(`click`,function(){return w(e),T(W().retry())}),K(6,`Try again`),L()()}}function j1(e,t){e&1&&(I(0,`span`,87),K(1,`this page`),L())}function M1(e,t){e&1&&(I(0,`span`,88),K(1,`overridden`),L())}function N1(e,t){e&1&&(I(0,`span`,89),K(1,`aborted`),L())}function P1(e,t){if(e&1){let e=V();I(0,`tr`,78),H(`click`,function(){let t=w(e).$implicit;return T(W(2).selectedRequestId.set(t.id))}),I(1,`td`,79)(2,`button`,80)(3,`span`,81),K(4),L(),K(5),I(6,`span`,82),K(7),L()()(),I(8,`td`,83),R(9,`span`,84),K(10),L(),I(11,`td`),K(12),L(),I(13,`td`,85),K(14),L(),I(15,`td`,85),K(16),L(),I(17,`td`)(18,`div`,86),j(19,j1,2,0,`span`,87),j(20,M1,2,0,`span`,88),j(21,N1,2,0,`span`,89),L()()()}if(e&2){let e=t.$implicit,n=W(2);G(`selected`,n.selectedRequest()?.id===e.id),O(2),F(`title`,e.url),A(`aria-pressed`,n.selectedRequest()?.id===e.id),O(2),q(e.method),O(),J(` `,e.url,` `),O(2),Y(`, `,e.status,`, `,n.renderModeLabel(e.renderMode)),O(),G(`ok`,n.statusTone(e.status)===`ok`)(`redirect`,n.statusTone(e.status)===`redirect`)(`bad`,n.statusTone(e.status)===`bad`),O(2),J(``,e.status,` `),O(2),q(n.renderModeLabel(e.renderMode)),O(2),J(``,e.renderMs,` ms`),O(2),Y(``,e.fetches,` (`,e.fetchMs,` ms)`),O(3),M(e.id===n.selected()?.ssrRequestId?19:-1),O(),M(e.overrides?.length?20:-1),O(),M(e.aborted?21:-1)}}function F1(e,t){e&1&&(I(0,`p`,60),K(1),I(2,`code`),K(3,`ssrMiddleware`),L(),K(4,` saw it, so the render mode can't be read and TransferState edits can't apply. Mount `),I(5,`code`),K(6,`ssrMiddleware`),L(),K(7,` after `),I(8,`code`),K(9,`compression()`),L(),K(10,`. `),L()),e&2&&(O(),J(` The body was already compressed (`,t,`) when `))}function I1(e,t){if(e&1&&(I(0,`span`,94),K(1),L()),e&2){let e=W().$implicit;O(),q(e.note)}}function L1(e,t){if(e&1&&(I(0,`p`,93)(1,`span`,88),K(2),L(),I(3,`span`),K(4),L(),j(5,I1,2,1,`span`,94),L()),e&2){let e=t.$implicit,n=W(4);O(2),q(n.overrideLabel(e.kind)),O(2),q(e.applied?`applied`:`not applied`),O(),M(e.note?5:-1)}}function R1(e,t){if(e&1&&(I(0,`h3`),K(1,`Overrides from the panel`),L(),I(2,`p`,60),K(3,` This response was changed on purpose, so it is not what the app sends on its own. `),L(),N(4,L1,6,3,`p`,93,E1)),e&2){let e=W();O(4),P(e.overrides)}}function z1(e,t){if(e&1&&(K(0,` to `),I(1,`code`),K(2),L()),e&2){let e=W().$implicit;O(2),q(e.finalUrl)}}function B1(e,t){if(e&1&&(I(0,`div`)(1,`dt`),K(2,`Guards`),L(),I(3,`dd`),K(4),L()()),e&2){let e=W().$implicit,t=W(4);O(3),G(`bad`,t.guardVerdict(e)===`rejected`),O(),Y(` `,t.msLabel(e.guards.ms),``,t.guardVerdict(e)?`, `+t.guardVerdict(e):``,` `)}}function V1(e,t){if(e&1&&(I(0,`div`)(1,`dt`),K(2,`Resolvers`),L(),I(3,`dd`),K(4),L()()),e&2){let e=W().$implicit,t=W(4);O(4),q(t.msLabel(e.resolvers.ms))}}function H1(e,t){if(e&1&&(I(0,`div`)(1,`dt`),K(2,`Navigation total`),L(),I(3,`dd`),K(4),L()()),e&2){let e=W().$implicit;O(4),J(``,e.durationMs,` ms`)}}function U1(e,t){if(e&1&&(I(0,`p`,60),K(1),L()),e&2){let e=W().$implicit;O(),q(e.reason)}}function W1(e,t){if(e&1&&(I(0,`dl`,95)(1,`div`)(2,`dt`),K(3,`Navigation`),L(),I(4,`dd`)(5,`code`),K(6),L(),j(7,z1,3,1),K(8),L()(),j(9,B1,5,4,`div`),j(10,V1,5,1,`div`),j(11,H1,5,1,`div`),L(),j(12,U1,2,1,`p`,60)),e&2){let e=t.$implicit;O(6),q(e.url),O(),M(e.finalUrl?7:-1),O(),J(` (`,e.outcome,`) `),O(),M(e.guards?9:-1),O(),M(e.resolvers?10:-1),O(),M(e.durationMs===void 0?-1:11),O(),M(e.reason?12:-1)}}function G1(e,t){if(e&1&&(I(0,`h3`),K(1,`Router during the render`),L(),N(2,W1,13,7,null,null,_g)),e&2){let e=W();O(2),P(e.navigations)}}function K1(e,t){e&1&&(I(0,`span`,87),K(1,`cached`),L())}function q1(e,t){if(e&1&&(I(0,`span`,97),K(1,`not cached`),L()),e&2){let e=W().$implicit;F(`title`,W(3).skipText(e.cacheSkip))}}function J1(e,t){if(e&1&&(I(0,`p`,98),K(1),L()),e&2){let e=W().$implicit,t=W(3);O(),J(`Not cached: `,t.skipText(e.cacheSkip),`.`)}}function Y1(e,t){if(e&1&&(I(0,`p`,93)(1,`span`,81),K(2),L(),I(3,`span`,96),K(4),L(),I(5,`span`,83),K(6),L(),I(7,`span`,94),K(8),L(),j(9,K1,2,0,`span`,87)(10,q1,2,1,`span`,97),L(),j(11,J1,2,1,`p`,98)),e&2){let e=t.$implicit,n=W(3);O(2),q(e.method),O(),F(`title`,e.url),O(),q(e.url),O(),G(`ok`,n.callTone(e)===`ok`)(`bad`,n.callTone(e)===`bad`),O(),q(n.statusLabel(e)),O(2),J(``,e.durationMs,` ms`),O(),M(e.cacheStored?9:e.cacheSkip?10:-1),O(2),M(!e.cacheStored&&e.cacheSkip?11:-1)}}function X1(e,t){e&1&&(I(0,`p`,60),K(1,`The render made no HttpClient calls.`),L())}function Z1(e,t){e&1&&(I(0,`p`,98),K(1),L()),e&2&&(O(),J(`Why: `,t,`.`))}function Q1(e,t){if(e&1&&(I(0,`p`,93)(1,`span`,81),K(2),L(),I(3,`span`,96),K(4),L(),I(5,`span`,89),K(6,`cache miss`),L()(),j(7,Z1,2,1,`p`,98)),e&2){let e,n=t.$implicit,r=W(4);O(2),q(n.method),O(),F(`title`,n.url),O(),q(n.url),O(3),M((e=r.refetchReason(n))?7:-1,e)}}function $1(e,t){if(e&1&&(I(0,`h3`),K(1),L(),I(2,`p`,60),K(3,` These calls ran on the server and again after hydration instead of reading the transfer cache. `),L(),N(4,Q1,8,4,null,null,T1)),e&2){let e=W(3);O(),J(`Fetched again in the browser (`,e.refetched().length,`)`),O(3),P(e.refetched())}}function e0(e,t){e&1&&(I(0,`p`,92),K(1,`No server call ran again in the browser.`),L())}function t0(e,t){if(e&1&&(I(0,`div`,77)(1,`h3`,90),K(2),I(3,`code`),K(4),L()(),I(5,`dl`,91)(6,`div`)(7,`dt`),K(8,`Request id`),L(),I(9,`dd`)(10,`code`),K(11),L()()(),I(12,`div`)(13,`dt`),K(14,`Render`),L(),I(15,`dd`),K(16),L()(),I(17,`div`)(18,`dt`),K(19,`Total`),L(),I(20,`dd`),K(21),L()(),I(22,`div`)(23,`dt`),K(24,`Sent`),L(),I(25,`dd`),K(26),L()(),I(27,`div`)(28,`dt`),K(29,`Browser page`),L(),I(30,`dd`),K(31),L()()(),j(32,F1,11,1,`p`,60),j(33,R1,6,0),j(34,G1,4,0),I(35,`h3`),K(36),L(),N(37,Y1,12,11,null,null,T1,!1,X1,2,0,`p`,60),j(40,$1,6,1)(41,e0,2,0,`p`,92),L()),e&2){let e,n=t,r=W(2);O(2),J(` `,n.method,` `),O(2),q(n.url),O(7),q(n.id),O(5),J(``,n.renderMs,` ms`),O(5),J(``,n.durationMs,` ms`),O(5),J(``,n.bytes,` B`),O(5),q(r.requestPage()?.title||r.requestPage()?.url||`not connected`),O(),M((e=r.compressedWith(n))?32:-1,e),O(),M(n.overrides?.length?33:-1),O(),M(n.navigations?.length?34:-1),O(2),J(`Server calls (`,r.requestCalls().length,`)`),O(),P(r.requestCalls()),O(3),M(r.refetched().length?40:r.requestPage()&&r.requestCalls().length?41:-1)}}function n0(e,t){if(e&1&&(I(0,`div`,72)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,73),K(5,`Request`),L(),I(6,`th`,73),K(7,`Status`),L(),I(8,`th`,73),K(9,`Render mode`),L(),I(10,`th`,74),K(11,`Render`),L(),I(12,`th`,74),K(13,`Server calls`),L(),I(14,`th`,73),K(15,`Notes`),L()()(),I(16,`tbody`,75),N(17,P1,22,22,`tr`,76,T1),L()()(),j(19,t0,42,13,`div`,77)),e&2){let e,t=W();O(17),P(t.requests()),O(2),M((e=t.selectedRequest())?19:-1,e)}}function r0(e,t){e&1&&(I(0,`div`,13)(1,`p`),K(2,`No SSR requests traced.`),L(),I(3,`p`,60),K(4,` Add `),I(5,`code`),K(6,`app.use(devtools.ssrMiddleware)`),L(),K(7,` before the Angular handler in `),I(8,`code`),K(9,`server.ts`),L(),K(10,`, or wrap a web-standard handler with `),I(11,`code`),K(12,`withPangularSsr()`),L(),K(13,`, then load a server rendered page. `),L()())}function i0(e,t){if(e&1){let e=V();I(0,`app-network-waterfall`,99),H(`open`,function(t){return w(e),T(W().openCall(t))}),L()}if(e&2){let e=W();F(`calls`,e.waterfallCalls())(`selectedId`,e.selectedCall()?.id??null)}}function a0(e,t){e&1&&(I(0,`p`,100),K(1,` Rows render as you scroll, so the browser's find only sees the ones near view; the search field searches them all. `),L())}function o0(e,t){if(e&1&&(I(0,`tr`,103),R(1,`td`,104),L()),e&2){let e=W(2);O(),b_(`height`,e.callWindow.padTop(),`px`)}}function s0(e,t){e&1&&(I(0,`span`,105),K(1,`transfer cache`),L())}function c0(e,t){if(e&1&&(I(0,`span`,105),K(1),L()),e&2){W();let e=q_(0);O(),J(`delayed `,e.delayMs,` ms`)}}function l0(e,t){e&1&&(I(0,`span`,88),K(1,`mocked`),L())}function u0(e,t){e&1&&(I(0,`span`,89),K(1,`faulted`),L())}function d0(e,t){if(e&1&&(I(0,`span`,108),K(1,`rule `),I(2,`code`),K(3),L()()),e&2){let e=t;F(`title`,`Matched rule: `+e),O(3),q(e)}}function f0(e,t){if(e&1){let e=V();G_(0),I(1,`tr`,78),H(`click`,function(){w(e);let t=q_(0);return T(W(2).openCall(t.id))}),I(2,`td`)(3,`span`,105),K(4),L()(),I(5,`td`,81),K(6),L(),I(7,`td`,79)(8,`button`,106),K(9),L()(),I(10,`td`,107),K(11),L(),I(12,`td`,83),R(13,`span`,84),K(14),L(),I(15,`td`,85),K(16),L(),I(17,`td`)(18,`div`,86),j(19,s0,2,0,`span`,105),j(20,c0,2,1,`span`,105),j(21,l0,2,0,`span`,88),j(22,u0,2,0,`span`,89),j(23,d0,4,2,`span`,108),L()()()}if(e&2){let e,n=t.$implicit,r=W(2),i=K_(n.entry);O(),G(`selected`,r.selectedCall()?.id===i.id),A(`aria-rowindex`,n.index+2)(`data-vindex`,n.index),O(2),G(`server`,i.side===`server`),O(),q(i.side===`server`?`SSR`:`Client`),O(2),q(i.method),O(2),F(`title`,i.url),A(`data-call-id`,i.id)(`aria-pressed`,r.selectedCall()?.id===i.id)(`aria-controls`,r.selectedCall()?`call-preview`:null),O(),J(` `,i.url,` `),O(),F(`title`,i.pageUrl??``),O(),J(` `,i.pageUrl??``,` `),O(),G(`ok`,r.callTone(i)===`ok`)(`redirect`,r.callTone(i)===`redirect`)(`bad`,r.callTone(i)===`bad`),O(2),J(``,r.statusLabel(i),` `),O(2),J(``,i.durationMs,` ms`),O(3),M(i.cacheHit?19:-1),O(),M(i.delayMs?20:-1),O(),M(i.mocked?21:-1),O(),M(i.faulted?22:-1),O(),M((e=r.rulePatternOf(i))?23:-1,e)}}function p0(e,t){if(e&1&&(I(0,`tr`,103),R(1,`td`,104),L()),e&2){let e=W(2);O(),b_(`height`,e.callWindow.padBottom(),`px`)}}function m0(e,t){if(e&1&&(j(0,a0,2,0,`p`,100),I(1,`div`,72)(2,`table`)(3,`thead`)(4,`tr`,101)(5,`th`,73),K(6,`Side`),L(),I(7,`th`,73),K(8,`Method`),L(),I(9,`th`,73),K(10,`URL`),L(),I(11,`th`,73),K(12,`Page`),L(),I(13,`th`,73),K(14,`Status`),L(),I(15,`th`,74),K(16,`Time`),L(),I(17,`th`,73),K(18,`Notes`),L()()(),I(19,`tbody`,102,0),j(21,o0,2,2,`tr`,103),N(22,f0,24,29,`tr`,76,D1),j(24,p0,2,2,`tr`,103),L()()()),e&2){let e=W();M(e.callWindow.enabled()?0:-1),O(2),A(`aria-rowcount`,e.visibleCalls().length+1),O(17),F(`rovingWindow`,e.callWindow),O(2),M(e.callWindow.padTop()?21:-1),O(),P(e.shownCalls()),O(2),M(e.callWindow.padBottom()?24:-1)}}function h0(e,t){e&1&&K(0),e&2&&J(` Nothing matches “`,W(2).callQuery().trim(),`” with these filters. `)}function g0(e,t){e&1&&K(0),e&2&&J(` None of the `,W(2).timeline().length,` requests fit these filters. `)}function _0(e,t){if(e&1){let e=V();I(0,`div`,31)(1,`p`),K(2,`No requests match.`),L(),I(3,`p`,60),j(4,h0,1,1)(5,g0,1,1),L(),I(6,`div`,109)(7,`button`,27),H(`click`,function(){return w(e),T(W().clearCallFilters())}),K(8,`Clear filters`),L()()()}if(e&2){let e=W();O(4),M(e.callQuery().trim()?4:5)}}function v0(e,t){e&1&&(I(0,`div`,13)(1,`p`),K(2,`No requests yet.`),L(),I(3,`p`,60),K(4,` Add `),I(5,`code`),K(6,`withPangular()`),L(),K(7,` to `),I(8,`code`),K(9,`provideHttpClient`),L(),K(10,`, then load a page of the app. `),L()())}function y0(e,t){if(e&1){let e=V();I(0,`button`,116),H(`click`,function(){w(e);let t=W();return T(W().copyPreview(t))}),K(1,` Copy `),L()}if(e&2){let e=W();A(`aria-label`,`Copy the response of `+e.method+` `+e.url)}}function b0(e,t){e&1&&(I(0,`p`,118),K(1,` Matched rule `),I(2,`code`),K(3),L()()),e&2&&(O(3),q(t))}function x0(e,t){if(e&1){let e=V();I(0,`div`,110),H(`keydown.escape`,function(){return w(e),T(W().closePreview())}),I(1,`div`,111)(2,`h3`,112),K(3,`Response preview`),L(),I(4,`div`,113),j(5,y0,2,1,`button`,114),I(6,`button`,115),H(`click`,function(){let t=w(e);return T(W().mockCall(t))}),K(7,` Mock this request `),L(),I(8,`button`,116),H(`click`,function(){return w(e),T(W().closePreview())}),K(9,`Close`),L()()(),I(10,`p`,117)(11,`span`,81),K(12),L(),I(13,`span`,83),K(14),L(),I(15,`span`,96),K(16),L()(),j(17,b0,4,1,`p`,118),I(18,`pre`,119),K(19),L(),R(20,`app-http-headers`,120),L()}if(e&2){let e,n=t,r=W();O(5),M(!n.error&&n.preview?5:-1),O(),F(`disabled`,!r.canWrite()),A(`aria-describedby`,r.canWrite()?null:`http-writes-off`),O(6),q(n.method),O(),G(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),O(),q(r.statusLabel(n)),O(),F(`title`,n.url),O(),q(n.url),O(),M((e=r.rulePatternOf(n))?17:-1,e),O(),G(`error`,!!n.error&&!n.cancelled),A(`aria-label`,n.error?`Response error`:`Response body`),O(),q(n.error??r.previewText(n)??`(no body)`),O(),F(`callId`,n.id)(`request`,n.requestHeaders)(`response`,n.responseHeaders)}}function S0(e,t){if(e&1&&(I(0,`p`,35),K(1),L()),e&2){let e=W();O(),q(e.writesOff)}}function C0(e,t){e&1&&(I(0,`p`,50),K(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. `),L())}function w0(e,t){e&1&&(I(0,`span`),K(1,`passthrough`),L())}function T0(e,t){if(e&1&&(I(0,`span`,83),K(1),L()),e&2){let e=W().$implicit,t=W();G(`ok`,t.statusTone(e.status)===`ok`)(`redirect`,t.statusTone(e.status)===`redirect`)(`bad`,t.statusTone(e.status)===`bad`),O(),q(e.status)}}function E0(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),J(``,e.delayMs,` ms`)}}function D0(e,t){e&1&&(I(0,`span`),K(1,`mock body`),L())}function O0(e,t){e&1&&(I(0,`p`,128),K(1,` The SSR mock is not written to TransferState, so the browser requests this URL again. `),L())}function k0(e,t){if(e&1){let e=V();I(0,`li`)(1,`label`,121)(2,`input`,122),H(`change`,function(){let t=w(e).$implicit;return T(W().toggleRule(t.id))}),L(),I(3,`code`,123)(4,`span`,124),K(5),L(),K(6),L()(),I(7,`button`,125),H(`click`,function(){let t=w(e).$implicit;return T(W().removeRule(t.id))}),K(8,` Remove `),L(),I(9,`span`,126)(10,`span`),K(11),L(),j(12,w0,2,0,`span`)(13,T0,2,7,`span`,127),j(14,E0,2,1,`span`),j(15,D0,2,0,`span`),L(),j(16,O0,2,0,`p`,128),L()}if(e&2){let e=t.$implicit,n=W();G(`off`,!e.enabled),O(2),F(`checked`,e.enabled)(`disabled`,!n.canWrite()),A(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Enable rule for `+e.pattern),O(),F(`title`,e.pattern),O(2),q(e.method||`ANY`),O(),J(` `,e.pattern),O(),F(`disabled`,!n.canWrite()),A(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Remove rule for `+e.pattern),O(4),q(n.targetLabel(e.target)),O(),M(e.status===void 0?12:13),O(2),M(e.delayMs?14:-1),O(),M(e.body?15:-1),O(),M(n.mocksOnServer(e)?16:-1)}}function A0(e,t){e&1&&(I(0,`li`,57),K(1,`No rules. SSR rules apply on the next page load.`),L())}function j0(e,t){if(e&1){let e=V();I(0,`p`,65),K(1,` Throws while the server renders, so it needs `),I(2,`code`),K(3,`providePangularHttp()`),L(),K(4,` and a page the engine renders. Prerendered files served as static files skip it. `),L(),I(5,`label`),K(6,` Error message `),I(7,`input`,129),H(`input`,function(t){return w(e),T(W().patchOverride(`message`,t))}),L()()}if(e&2){let e=W();O(7),F(`value`,e.overrideDraft().message)}}function M0(e,t){e&1&&K(0,` For a cached HTTP response this is the whole cache record, not only the response body. `)}function N0(e,t){e&1&&(I(0,`p`,133),K(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. `),j(2,M0,1,0),L()),e&2&&(O(2),M(t===`http`?2:-1))}function P0(e,t){if(e&1){let e=V();I(0,`label`),K(1,` TransferState key `),I(2,`input`,130),H(`input`,function(t){return w(e),T(W().patchOverride(`key`,t))}),L()(),I(3,`label`)(4,`span`),K(5,`New JSON value `),I(6,`span`,37),K(7,`(empty removes the entry)`),L()(),I(8,`textarea`,131),H(`input`,function(t){return w(e),T(W().patchOverride(`value`,t))}),L()(),I(9,`p`,132),K(10),L(),j(11,N0,3,1,`p`,133)}if(e&2){let e,t=W();O(2),F(`value`,t.overrideDraft().key),O(6),F(`value`,t.overrideDraft().value),A(`aria-invalid`,t.overrideValueError()?`true`:null)(`aria-describedby`,t.overrideFromPayload()?`override-value-error override-value-note`:`override-value-error`),O(2),q(t.overrideValueError()),O(),M((e=t.overrideFromPayload())?11:-1,e)}}function F0(e,t){e&1&&(I(0,`p`,65),K(1,` Serves `),I(2,`code`),K(3,`index.csr.html`),L(),K(4,` instead of rendering. Needs `),I(5,`code`),K(6,`browserDistFolder`),L(),K(7,` in `),I(8,`code`),K(9,`initPangularHub()`),L(),K(10,`. `),L())}function I0(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),q(e.message)}}function L0(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),Y(``,e.value===void 0?`remove`:`set`,` `,e.key)}}function R0(e,t){if(e&1){let e=V();I(0,`li`)(1,`label`,121)(2,`input`,122),H(`change`,function(){let t=w(e).$implicit;return T(W().toggleOverride(t.id))}),L(),I(3,`code`,123)(4,`span`,124),K(5),L(),K(6),L()(),I(7,`button`,134),H(`click`,function(){let t=w(e).$implicit;return T(W().removeOverride(t.id))}),K(8,` Remove `),L(),I(9,`span`,126),j(10,I0,2,1,`span`),j(11,L0,2,2,`span`),L()()}if(e&2){let e=t.$implicit,n=W();G(`off`,!e.enabled),O(2),F(`checked`,e.enabled)(`disabled`,!n.canWrite()),A(`aria-label`,`Enable `+n.overrideLabel(e.kind)+` for `+e.pattern),O(),F(`title`,e.pattern),O(2),q(n.overrideLabel(e.kind)),O(),J(` `,e.pattern),O(),F(`disabled`,!n.canWrite()),A(`aria-label`,`Remove `+n.overrideLabel(e.kind)+` for `+e.pattern),O(3),M(e.message?10:-1),O(),M(e.key?11:-1)}}function z0(e,t){e&1&&(I(0,`li`,57),K(1,`No overrides.`),L())}function B0(e,t){if(e&1&&(I(0,`div`)(1,`dt`),K(2,`DOM nodes hydrated`),L(),I(3,`dd`),K(4),L()(),I(5,`div`)(6,`dt`),K(7,`DOM nodes skipped`),L(),I(8,`dd`),K(9),L()(),I(10,`div`)(11,`dt`),K(12,`Mismatched components`),L(),I(13,`dd`),K(14),L()()),e&2){let e=t;O(4),q(e.hydrated),O(5),q(e.skipped),O(4),G(`bad`,e.mismatched>0),O(),q(e.mismatched)}}function V0(e,t){if(e&1&&(I(0,`span`,136)(1,`span`,137),K(2,`Expected`),L(),I(3,`code`),K(4),L()()),e&2){let e=W().$implicit;O(4),q(e.expected)}}function H0(e,t){if(e&1&&(I(0,`span`,136)(1,`span`,137),K(2,`Actual`),L(),I(3,`code`),K(4),L()()),e&2){let e=W().$implicit;O(4),q(e.actual)}}function U0(e,t){if(e&1&&(I(0,`li`)(1,`code`),K(2),L(),j(3,V0,5,1,`span`,136),j(4,H0,5,1,`span`,136),L()),e&2){let e=t.$implicit;O(2),q(`<`+e.component+`>`),O(),M(e.expected?3:-1),O(),M(e.actual?4:-1)}}function W0(e,t){if(e&1&&(I(0,`h3`),K(1),L(),I(2,`ul`,135),N(3,U0,5,3,`li`,null,_g),L()),e&2){let e=W();O(),J(`Mismatches (`,e.mismatches.length,`)`),O(2),P(e.mismatches)}}function G0(e,t){if(e&1&&(I(0,`li`)(1,`code`),K(2),L()()),e&2){let e=t.$implicit;O(2),q(e)}}function K0(e,t){if(e&1&&(I(0,`h3`),K(1,`ngSkipHydration hosts`),L(),I(2,`ul`,138),N(3,G0,3,1,`li`,null,_g),L()),e&2){let e=W();O(3),P(e.skipHydrationHosts)}}function q0(e,t){e&1&&(I(0,`h3`),K(1,`Warnings`),L(),I(2,`p`,60),K(3,` Not captured: add `),I(4,`code`),K(5,`providePangularHttp()`),L(),K(6,` to the app providers. `),L())}function J0(e,t){if(e&1&&(I(0,`pre`,139),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function Y0(e,t){e&1&&(I(0,`p`,92),K(1,`No hydration warnings.`),L())}function X0(e,t){if(e&1&&(I(0,`h3`),K(1),L(),N(2,J0,2,1,`pre`,139,_g,!1,Y0,2,0,`p`,92)),e&2){let e=W();O(),J(`Warnings (`,e.warnings.length,`)`),O(),P(e.warnings)}}function Z0(e,t){if(e&1&&(I(0,`dl`,91)(1,`div`)(2,`dt`),K(3,`Enabled`),L(),I(4,`dd`)(5,`span`,105),K(6),L()()(),I(7,`div`)(8,`dt`),K(9,`Hydrated components`),L(),I(10,`dd`),K(11),L()(),I(12,`div`)(13,`dt`),K(14,`Hydrated nodes`),L(),I(15,`dd`),K(16),L()(),I(17,`div`)(18,`dt`),K(19,`Skipped components`),L(),I(20,`dd`),K(21),L()(),I(22,`div`)(23,`dt`),K(24,`App stable after`),L(),I(25,`dd`),K(26),L()(),I(27,`div`)(28,`dt`),K(29,`Incremental defer blocks`),L(),I(30,`dd`),K(31),L()(),j(32,B0,15,5),L(),j(33,W0,5,1),j(34,K0,5,0),j(35,q0,7,0)(36,X0,5,2)),e&2){let e,n=t;O(5),G(`on`,n.enabled)(`off-tag`,!n.enabled),O(),q(n.enabled?`yes`:`no (client render only)`),O(5),q(n.hydratedComponents??`n/a`),O(5),q(n.hydratedNodes??`n/a`),O(5),q(n.componentsSkippedHydration??`n/a`),O(5),q(n.stableMs===void 0?`n/a`:n.stableMs+` ms`),O(5),q(n.deferBlocksWithIncrementalHydration??`n/a`),O(),M((e=n.nodes)?32:-1,e),O(),M(n.mismatches?.length?33:-1),O(),M(n.skipHydrationHosts.length?34:-1),O(),M(n.warningsCaptured===!1?35:36)}}function Q0(e,t){e&1&&(I(0,`div`,13)(1,`p`),K(2,`No hydration data for this page.`),L(),I(3,`p`,60),K(4,`Open a server rendered page of the app to see its stats.`),L()())}function $0(e,t){e&1&&(I(0,`div`,13)(1,`p`),K(2,`No TransferState script: this page was not server rendered.`),L()())}function e2(e,t){if(e&1&&(I(0,`p`,141),K(1),L()),e&2){let e=W(2);O(),q(e.error)}}function t2(e,t){e&1&&(I(0,`span`,105),K(1),L()),e&2&&(O(),q(t))}function n2(e,t){if(e&1&&(I(0,`span`,105),K(1),L(),I(2,`span`,144),K(3),L()),e&2){let e=t,n=W().$implicit,r=W(3);G(`server`,r.statusTone(e.status)===`ok`)(`fault`,r.statusTone(e.status)===`bad`),O(),J(`HTTP `,e.status),O(2),q(e.url??n.key)}}function r2(e,t){if(e&1&&(I(0,`span`,144),K(1),L()),e&2){let e=W().$implicit;O(),q(e.key)}}function i2(e,t){if(e&1){let e=V();I(0,`button`,116),H(`click`,function(){w(e);let t=W().$implicit;return T(W(3).editEntry(t))}),K(1,` Edit in SSR overrides `),L()}if(e&2){let e=W().$implicit;A(`aria-label`,`Edit in SSR overrides, key `+e.key)}}function a2(e,t){if(e&1){let e=V();I(0,`details`)(1,`summary`),R(2,`span`,143),j(3,t2,2,1,`span`,105),j(4,n2,4,6)(5,r2,2,1,`span`,144),I(6,`span`,145),K(7),L()(),I(8,`div`,146)(9,`span`,147),K(10,`Key`),L(),I(11,`code`,148),K(12),L(),I(13,`div`,149)(14,`button`,116),H(`click`,function(){let t=w(e).$implicit;return T(W(3).copyKey(t.key))}),K(15,` Copy `),L(),j(16,i2,2,1,`button`,114),L()(),I(17,`pre`,150),K(18),cv(19,`json`),L()()}if(e&2){let e,n,r=t.$implicit,i=W(3);O(3),M((e=i.payloadLabel(r))?3:-1,e),O(),M((n=r.http)?4:5,n),O(3),J(``,r.size,` B`),O(5),q(r.key),O(2),A(`aria-label`,`Copy key `+r.key),O(2),M(i.canEditEntry(r)?16:-1),O(),A(`aria-label`,`Value of `+r.key),O(),q(lv(19,8,r.value))}}function o2(e,t){if(e&1&&(I(0,`p`,140),K(1),L(),j(2,e2,2,1,`p`,141),I(3,`div`,142),N(4,a2,20,10,`details`,null,O1),L()),e&2){let e=W();O(),R_(` `,e.entries.length,` entr`,e.entries.length===1?`y`:`ies`,`, `,e.size,` bytes `),O(),M(e.error?2:-1),O(2),P(e.entries)}}function s2(e,t){e&1&&j(0,$0,3,0,`div`,13)(1,o2,6,4),e&2&&M(+!!t.found)}function c2(e,t){e&1&&(I(0,`div`,13)(1,`p`),K(2,`Open a page of the app to see its payload.`),L()())}var l2={kind:`render-error`,pattern:``,message:``,key:``,value:``},u2={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},d2={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},f2={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function p2(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var m2=/\[redacted\]|%5Bredacted%5D/gi;function h2(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?p2(e):e).replace(m2,`*`)}function g2(e){let t=hO(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var _2=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function v2(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function y2(e){let t=v2(e);return t===`/`?``:t}var b2=/\[redacted\]|%5Bredacted%5D/i,x2=200,S2=50,C2=500,w2=1e5,T2=[{value:``,label:`None`},...Xw.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],E2=class e{rpc=$(null);canWrite=X(()=>hE(this.rpc(),`http`));writesOff=DT(`http`);loading=D(!1);failed=D(!1);serverCalls=D([]);pages=D([]);payloads=D({});serverDropped=D(0);requests=D([]);rules=D([]);overrides=D([]);overrideDraft=D({...l2});overrideFromPayload=D(null);overrideKindOptions=[{value:`render-error`,label:`Render error`},{value:`client-render`,label:`Force Client render`},{value:`state-edit`,label:`Edit TransferState entry`}];overrideValueError=X(()=>{let e=this.overrideDraft().value.trim();if(!e)return``;try{return JSON.parse(e),``}catch{return`The value must be valid JSON.`}});overrideReady=X(()=>{let e=this.overrideDraft();return!e.pattern.trim()||this.overrides().length>=20?!1:e.kind!==`state-edit`||!!e.key.trim()&&!this.overrideValueError()});hostPageId=GT();selectedPageId=Q({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=D(null);draft=D({...f2});message=D(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=T2;unsubscribe=[];destroyRef=C(Ns);injector=C(js);host=C(Wl);selected=X(()=>this.pages().find(e=>e.pageId===this.selectedPageId())??null);pageRequestId=X(()=>this.selected()?.ssrRequestId??null);selectedRequestId=Q(()=>this.pageRequestId());selectedPayload=X(()=>{let e=this.selectedPageId();return e?this.payloads()[e]??null:null});maxCalls=X(()=>fE(this.rpc()).limits.httpCalls);droppedCalls=X(()=>(this.selected()?.dropped??0)+this.serverDropped());pageServerCalls=X(()=>{let e=this.selected()?.initialUrl;return e?this.serverCalls().filter(t=>!t.pageUrl||t.pageUrl===e):this.serverCalls()});timeline=X(()=>[...this.pageServerCalls(),...this.selected()?.calls??[]].sort((e,t)=>t.at-e.at));callQuery=D(``);timelineView=D(`table`);waterfallCalls=X(()=>this.visibleCalls().filter(e=>e.side===`client`));sideFilter=D(`all`);failedOnly=D(!1);sideOptions=[{value:`all`,label:`All sides`},{value:`server`,label:`SSR`},{value:`client`,label:`Client`}];callWindow=new TN({count:X(()=>this.visibleCalls().length),estimate:37});shownCalls=X(()=>{let{start:e,end:t}=this.callWindow.range();return this.visibleCalls().slice(e,t).map((t,n)=>({entry:t,index:e+n}))});callsBody=Ev(`callsBody`);visibleCalls=X(()=>{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} ${p2(r.url)}`.toLowerCase().includes(e)))});countText=X(()=>{let e=this.timeline().length;if(this.timelineView()!==`waterfall`)return`${this.visibleCalls().length} of ${e}`;let t=this.waterfallCalls().length;return`${t} client ${t===1?`call`:`calls`} of ${e}`});filterStatus=X(()=>{this.callQuery(),this.sideFilter(),this.failedOnly(),this.timelineView(),this.filterFlip=!this.filterFlip;let e=Z(()=>this.countText());return this.filterFlip?`${e}\u00a0`:e});filterFlip=!0;selectedCall=X(()=>this.visibleCalls().find(e=>e.id===this.selectedCallId())??null);selectedRequest=X(()=>this.requests().find(e=>e.id===this.selectedRequestId())??null);requestCalls=X(()=>{let e=this.selectedRequest()?.id;return e?this.serverCalls().filter(t=>t.requestId===e):[]});requestPage=X(()=>{let e=this.selectedRequest()?.id;return e?this.pages().find(t=>t.ssrRequestId===e)??null:null});refetched=X(()=>{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} ${p2(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${p2(t.url)}`))});draftMocksOnServer=X(()=>{let e=this.draftRule();return!!e&&this.mocksOnServer(e)});draftRule=X(()=>{let e=this.draft(),t=e.pattern.trim();if(!t||t.length>C2||this.bodyError()||this.rules().length>=S2)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&&!Zw(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=X(()=>{let e=this.draft();return this.rules().length>=S2?`You can add up to ${S2} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>C2?`The URL pattern is limited to ${C2} characters.`:this.bodyError()?``:e.status.trim()&&!Zw(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=X(()=>{let e=this.draft().body.trim();if(!e)return``;if(e.length>w2)return`The mock body is limited to ${w2} characters.`;try{return JSON.parse(e),``}catch{return`The mock body must be valid JSON.`}});constructor(){bc(()=>{let e=this.callsBody()?.nativeElement;e&&this.callWindow.attach(e)}),bc(()=>{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 Yw[e]??``}refetchReason(e){let t=`${e.method} ${p2(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${p2(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 d2[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),dd(()=>this.host.nativeElement.querySelector(`#preview-heading`)?.focus(),{injector:this.injector})}previewText(e){if(e.preview!==void 0)return hO(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=h2(e.url),r=e.error||!e.preview?null:g2(e.preview);this.draft.set({...f2,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.`),dd(()=>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=X(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url})));methodOptions=X(()=>{let e=this.draft().method;return[{value:``,label:`Any`},...(e&&!_2.includes(e)?[..._2,e]:_2).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({...f2}),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 XT(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 u2[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<=x2&&!b2.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...l2,kind:`state-edit`,pattern:t?y2(t.initialUrl??t.url):``,key:e.key}),this.overrideFromPayload.set(e.http?`http`:`other`),this.message.set(`Editing the TransferState entry in SSR overrides.`),dd(()=>{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({...l2,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){dd(()=>{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(``),dd(()=>{this.message()===``&&this.message.set(e)},{injector:this.injector})}async saveOverrides(e,t){try{let n=await XT(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 XT(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=k({type:e,selectors:[[`app-network-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.callsBody,w1,5),e&2&&Qg()},inputs:{rpc:[1,`rpc`]},decls:136,vars:57,consts:[[`callsBody`,``],[1,`page-intro`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`,`error`],[1,`toolbar`,3,`hidden`],[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`,3,`hidden`],[`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`],[`role`,`group`,`aria-label`,`Timeline view`,1,`view-toggle`],[`type`,`button`,3,`click`],[1,`total`],[`role`,`status`,1,`sr-only`],[3,`calls`,`selectedId`],[`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`],[1,`table-wrap`],[`scope`,`col`],[`scope`,`col`,1,`num`],[`appRovingList`,`button.ssr-row`],[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`,`ssr-row`,3,`title`],[1,`method`],[1,`sr-only`],[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`],[3,`open`,`calls`,`selectedId`],[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`],[3,`callId`,`request`,`response`],[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&&(I(0,`p`,1),K(1,` HttpClient calls made while rendering on the server and in the browser, from the live page and the devtools server, with hydration stats, the TransferState payload and fault injection. `),L(),j(2,k1,4,0,`div`,2)(3,A1,7,0,`div`,3),I(4,`div`,4)(5,`div`,5)(6,`span`,6),K(7,`Page`),L(),I(8,`app-select`,7),H(`valueChange`,function(e){return t.selectPage(e)}),L()(),I(9,`button`,8),H(`click`,function(){return t.clearCalls()}),K(10,` Clear timeline `),L(),I(11,`p`,9),K(12),L()(),I(13,`div`,10)(14,`section`,11)(15,`h2`,12),K(16),L(),j(17,n0,20,1)(18,r0,14,0,`div`,13),L(),I(19,`section`,14)(20,`h2`,15),K(21),L(),R(22,`app-limit-note`,16),I(23,`div`,17)(24,`div`,18),E(),I(25,`svg`,19),R(26,`circle`,20)(27,`path`,21),L(),Cs(),I(28,`input`,22),H(`input`,function(e){return t.callQuery.set(e.target.value)})(`keydown.escape`,function(){return t.callQuery.set(``)}),L()(),I(29,`app-select`,23),U_(`valueChange`,function(e){return H_(t.sideFilter,e)||(t.sideFilter=e),e}),L(),I(30,`label`,24)(31,`input`,25),H(`change`,function(e){return t.failedOnly.set(e.target.checked)}),L(),K(32,` Failed only `),L(),I(33,`div`,26)(34,`button`,27),H(`click`,function(){return t.timelineView.set(`table`)}),K(35,` Table `),L(),I(36,`button`,27),H(`click`,function(){return t.timelineView.set(`waterfall`)}),K(37,` Waterfall `),L()(),I(38,`span`,28),K(39),L(),I(40,`span`,29),K(41),L()(),j(42,i0,1,2,`app-network-waterfall`,30)(43,m0,25,5)(44,_0,9,1,`div`,31)(45,v0,11,0,`div`,13),j(46,x0,21,21,`div`,32),L(),I(47,`section`,33)(48,`h2`,34),K(49,`Fault injection`),L(),j(50,S0,2,1,`p`,35),I(51,`form`,36),H(`submit`,function(e){return t.addRule(e)}),I(52,`label`)(53,`span`),K(54,`URL pattern `),I(55,`span`,37),K(56,`(substring or * glob, ^ anchors the path)`),L()(),I(57,`input`,38),H(`input`,function(e){return t.patch(`pattern`,e)}),L()(),I(58,`div`,39)(59,`div`,40)(60,`span`,41),K(61,`Method`),L(),I(62,`app-select`,42),H(`valueChange`,function(e){return t.setDraft(`method`,e??``)}),L()(),I(63,`div`,40)(64,`span`,43),K(65,`Apply on`),L(),I(66,`app-select`,44),H(`valueChange`,function(e){return t.setDraft(`target`,e??`both`)}),L()()(),I(67,`div`,39)(68,`div`,40)(69,`span`,45),K(70,`Status`),L(),I(71,`app-select`,46),H(`valueChange`,function(e){return t.setDraft(`status`,e??``)}),L()(),I(72,`label`),K(73,` Delay (ms) `),I(74,`input`,47),H(`input`,function(e){return t.patch(`delayMs`,e)}),L()()(),I(75,`label`)(76,`span`),K(77,`Mock JSON body `),I(78,`span`,37),K(79,`(optional)`),L()(),I(80,`textarea`,48),H(`input`,function(e){return t.patch(`body`,e)}),L()(),I(81,`p`,49),K(82),L(),j(83,C0,2,0,`p`,50),I(84,`p`,51),K(85),L(),I(86,`div`,52)(87,`button`,53),K(88,` Add rule `),L()()(),I(89,`h3`,54),K(90),L(),I(91,`ul`,55),N(92,k0,17,17,`li`,56,T1,!1,A0,2,0,`li`,57),L()(),I(95,`section`,58)(96,`h2`,59),K(97,`SSR overrides`),L(),I(98,`p`,60),K(99,` Development only. These change what the server sends for matching pages, from the next full page load, and the request is marked `),I(100,`strong`),K(101,`overridden`),L(),K(102,`. `),L(),I(103,`form`,61),H(`submit`,function(e){return t.addOverride(e)}),I(104,`div`,40)(105,`span`,62),K(106,`Override`),L(),I(107,`app-select`,63),H(`valueChange`,function(e){return t.setOverrideDraft(`kind`,e??`render-error`)}),L()(),I(108,`label`)(109,`span`),K(110,`Page pattern `),I(111,`span`,37),K(112,`(substring or * glob, ^ anchors the path)`),L()(),I(113,`input`,64),H(`input`,function(e){return t.patchOverride(`pattern`,e)}),L()(),j(114,j0,8,1)(115,P0,12,6)(116,F0,11,0,`p`,65),I(117,`div`,52)(118,`button`,53),K(119,` Add override `),L()()(),I(120,`h3`,66),K(121),L(),I(122,`ul`,55),N(123,R0,12,12,`li`,56,T1,!1,z0,2,0,`li`,57),L()(),I(126,`section`,67)(127,`h2`,68),K(128,`Hydration`),L(),j(129,Z0,37,14)(130,Q0,5,0,`div`,13),L(),I(131,`section`,69)(132,`h2`,70),K(133,`TransferState payload`),L(),j(134,s2,2,1)(135,c2,3,0,`div`,13),L()()),e&2){let e,n,r,i;O(2),M(t.loading()?2:t.failed()?3:-1),O(2),F(`hidden`,t.loading()),O(4),F(`options`,t.pageOptions())(`value`,t.selected()?.pageId??null),O(),F(`disabled`,!t.canWrite()),A(`aria-describedby`,t.canWrite()?null:`http-writes-off`),O(3),q(t.message()),O(),F(`hidden`,t.loading()),O(3),J(`SSR requests (`,t.requests().length,`)`),O(),M(t.requests().length?17:18),O(4),J(`HTTP timeline (`,t.timeline().length,`)`),O(),F(`dropped`,t.droppedCalls())(`max`,t.maxCalls()),O(),G(`no-calls`,!t.timeline().length),O(5),F(`value`,t.callQuery()),O(),F(`options`,t.sideOptions),V_(`value`,t.sideFilter),O(2),F(`checked`,t.failedOnly()),O(3),A(`aria-pressed`,t.timelineView()===`table`),O(2),A(`aria-pressed`,t.timelineView()===`waterfall`),O(3),q(t.countText()),O(2),q(t.filterStatus()),O(),M(t.visibleCalls().length&&t.timelineView()===`waterfall`?42:t.visibleCalls().length?43:t.timeline().length?44:45),O(4),M((e=t.selectedCall())?46:-1,e),O(4),M(t.canWrite()?-1:50),O(7),F(`value`,t.draft().pattern),O(5),F(`options`,t.methodOptions())(`value`,t.draft().method),O(4),F(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.targetOptions)(`value`,t.draft().target),O(5),F(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.statusOptions)(`value`,t.draft().status),O(3),F(`value`,t.draft().delayMs),O(6),F(`placeholder`,t.bodyPlaceholder)(`value`,t.draft().body),A(`aria-invalid`,t.bodyError()?`true`:null),O(2),q(t.bodyError()),O(),M(t.draftMocksOnServer()?83:-1),O(2),q(t.draftHint()),O(2),F(`disabled`,!t.canWrite()||!t.draftRule()),A(`aria-describedby`,t.canWrite()?`rule-hint`:`http-writes-off`),O(3),J(` Rules (`,t.rules().length,`) `),O(2),P(t.rules()),O(15),F(`describedBy`,t.overrideDraft().kind===`state-edit`?``:`override-kind-help`)(`options`,t.overrideKindOptions)(`value`,t.overrideDraft().kind),O(6),F(`value`,t.overrideDraft().pattern),O(),M((n=t.overrideDraft().kind)===`render-error`?114:n===`state-edit`?115:n===`client-render`?116:-1),O(4),F(`disabled`,!t.canWrite()||!t.overrideReady()),A(`aria-describedby`,t.canWrite()?null:`http-writes-off`),O(3),J(` Overrides (`,t.overrides().length,`) `),O(2),P(t.overrides()),O(6),M((r=t.selected()?.hydration)?129:130,r),O(5),M((i=t.selectedPayload())?134:135,i)}},dependencies:[d1,yO,C1,hz,UD,yy],styles:[`@charset "UTF-8";
+}`]})},W1=[`callsBody`],G1=(e,t)=>t.id,K1=(e,t)=>t.id+t.kind,q1=(e,t)=>t.entry.side+t.entry.id,J1=(e,t)=>t.key;function Y1(e,t){e&1&&(I(0,`div`,2),R(1,`span`,71),I(2,`span`),K(3,`Loading…`),L()())}function X1(e,t){if(e&1){let e=V();I(0,`div`,3)(1,`strong`),K(2,`Could not reach the devtools server.`),L(),I(3,`span`),K(4,`Check that the app's dev server is running with the devtools plugin.`),L(),I(5,`button`,27),H(`click`,function(){return w(e),T(W().retry())}),K(6,`Try again`),L()()}}function Z1(e,t){e&1&&(I(0,`span`,87),K(1,`this page`),L())}function Q1(e,t){e&1&&(I(0,`span`,88),K(1,`overridden`),L())}function $1(e,t){e&1&&(I(0,`span`,89),K(1,`aborted`),L())}function e0(e,t){if(e&1){let e=V();I(0,`tr`,78),H(`click`,function(){let t=w(e).$implicit;return T(W(2).selectedRequestId.set(t.id))}),I(1,`td`,79)(2,`button`,80)(3,`span`,81),K(4),L(),K(5),I(6,`span`,82),K(7),L()()(),I(8,`td`,83),R(9,`span`,84),K(10),L(),I(11,`td`),K(12),L(),I(13,`td`,85),K(14),L(),I(15,`td`,85),K(16),L(),I(17,`td`)(18,`div`,86),j(19,Z1,2,0,`span`,87),j(20,Q1,2,0,`span`,88),j(21,$1,2,0,`span`,89),L()()()}if(e&2){let e=t.$implicit,n=W(2);G(`selected`,n.selectedRequest()?.id===e.id),O(2),F(`title`,e.url),A(`aria-pressed`,n.selectedRequest()?.id===e.id),O(2),q(e.method),O(),J(` `,e.url,` `),O(2),Y(`, `,e.status,`, `,n.renderModeLabel(e.renderMode)),O(),G(`ok`,n.statusTone(e.status)===`ok`)(`redirect`,n.statusTone(e.status)===`redirect`)(`bad`,n.statusTone(e.status)===`bad`),O(2),J(``,e.status,` `),O(2),q(n.renderModeLabel(e.renderMode)),O(2),J(``,e.renderMs,` ms`),O(2),Y(``,e.fetches,` (`,e.fetchMs,` ms)`),O(3),M(e.id===n.selected()?.ssrRequestId?19:-1),O(),M(e.overrides?.length?20:-1),O(),M(e.aborted?21:-1)}}function t0(e,t){e&1&&(I(0,`p`,60),K(1),I(2,`code`),K(3,`ssrMiddleware`),L(),K(4,` saw it, so the render mode can't be read and TransferState edits can't apply. Mount `),I(5,`code`),K(6,`ssrMiddleware`),L(),K(7,` after `),I(8,`code`),K(9,`compression()`),L(),K(10,`. `),L()),e&2&&(O(),J(` The body was already compressed (`,t,`) when `))}function n0(e,t){if(e&1&&(I(0,`span`,94),K(1),L()),e&2){let e=W().$implicit;O(),q(e.note)}}function r0(e,t){if(e&1&&(I(0,`p`,93)(1,`span`,88),K(2),L(),I(3,`span`),K(4),L(),j(5,n0,2,1,`span`,94),L()),e&2){let e=t.$implicit,n=W(4);O(2),q(n.overrideLabel(e.kind)),O(2),q(e.applied?`applied`:`not applied`),O(),M(e.note?5:-1)}}function i0(e,t){if(e&1&&(I(0,`h3`),K(1,`Overrides from the panel`),L(),I(2,`p`,60),K(3,` This response was changed on purpose, so it is not what the app sends on its own. `),L(),N(4,r0,6,3,`p`,93,K1)),e&2){let e=W();O(4),P(e.overrides)}}function a0(e,t){if(e&1&&(K(0,` to `),I(1,`code`),K(2),L()),e&2){let e=W().$implicit;O(2),q(e.finalUrl)}}function o0(e,t){if(e&1&&(I(0,`div`)(1,`dt`),K(2,`Guards`),L(),I(3,`dd`),K(4),L()()),e&2){let e=W().$implicit,t=W(4);O(3),G(`bad`,t.guardVerdict(e)===`rejected`),O(),Y(` `,t.msLabel(e.guards.ms),``,t.guardVerdict(e)?`, `+t.guardVerdict(e):``,` `)}}function s0(e,t){if(e&1&&(I(0,`div`)(1,`dt`),K(2,`Resolvers`),L(),I(3,`dd`),K(4),L()()),e&2){let e=W().$implicit,t=W(4);O(4),q(t.msLabel(e.resolvers.ms))}}function c0(e,t){if(e&1&&(I(0,`div`)(1,`dt`),K(2,`Navigation total`),L(),I(3,`dd`),K(4),L()()),e&2){let e=W().$implicit;O(4),J(``,e.durationMs,` ms`)}}function l0(e,t){if(e&1&&(I(0,`p`,60),K(1),L()),e&2){let e=W().$implicit;O(),q(e.reason)}}function u0(e,t){if(e&1&&(I(0,`dl`,95)(1,`div`)(2,`dt`),K(3,`Navigation`),L(),I(4,`dd`)(5,`code`),K(6),L(),j(7,a0,3,1),K(8),L()(),j(9,o0,5,4,`div`),j(10,s0,5,1,`div`),j(11,c0,5,1,`div`),L(),j(12,l0,2,1,`p`,60)),e&2){let e=t.$implicit;O(6),q(e.url),O(),M(e.finalUrl?7:-1),O(),J(` (`,e.outcome,`) `),O(),M(e.guards?9:-1),O(),M(e.resolvers?10:-1),O(),M(e.durationMs===void 0?-1:11),O(),M(e.reason?12:-1)}}function d0(e,t){if(e&1&&(I(0,`h3`),K(1,`Router during the render`),L(),N(2,u0,13,7,null,null,_g)),e&2){let e=W();O(2),P(e.navigations)}}function f0(e,t){e&1&&(I(0,`span`,87),K(1,`cached`),L())}function p0(e,t){if(e&1&&(I(0,`span`,97),K(1,`not cached`),L()),e&2){let e=W().$implicit;F(`title`,W(3).skipText(e.cacheSkip))}}function m0(e,t){if(e&1&&(I(0,`p`,98),K(1),L()),e&2){let e=W().$implicit,t=W(3);O(),J(`Not cached: `,t.skipText(e.cacheSkip),`.`)}}function h0(e,t){if(e&1&&(I(0,`p`,93)(1,`span`,81),K(2),L(),I(3,`span`,96),K(4),L(),I(5,`span`,83),K(6),L(),I(7,`span`,94),K(8),L(),j(9,f0,2,0,`span`,87)(10,p0,2,1,`span`,97),L(),j(11,m0,2,1,`p`,98)),e&2){let e=t.$implicit,n=W(3);O(2),q(e.method),O(),F(`title`,e.url),O(),q(e.url),O(),G(`ok`,n.callTone(e)===`ok`)(`bad`,n.callTone(e)===`bad`),O(),q(n.statusLabel(e)),O(2),J(``,e.durationMs,` ms`),O(),M(e.cacheStored?9:e.cacheSkip?10:-1),O(2),M(!e.cacheStored&&e.cacheSkip?11:-1)}}function g0(e,t){e&1&&(I(0,`p`,60),K(1,`The render made no HttpClient calls.`),L())}function _0(e,t){e&1&&(I(0,`p`,98),K(1),L()),e&2&&(O(),J(`Why: `,t,`.`))}function v0(e,t){if(e&1&&(I(0,`p`,93)(1,`span`,81),K(2),L(),I(3,`span`,96),K(4),L(),I(5,`span`,89),K(6,`cache miss`),L()(),j(7,_0,2,1,`p`,98)),e&2){let e,n=t.$implicit,r=W(4);O(2),q(n.method),O(),F(`title`,n.url),O(),q(n.url),O(3),M((e=r.refetchReason(n))?7:-1,e)}}function y0(e,t){if(e&1&&(I(0,`h3`),K(1),L(),I(2,`p`,60),K(3,` These calls ran on the server and again after hydration instead of reading the transfer cache. `),L(),N(4,v0,8,4,null,null,G1)),e&2){let e=W(3);O(),J(`Fetched again in the browser (`,e.refetched().length,`)`),O(3),P(e.refetched())}}function b0(e,t){e&1&&(I(0,`p`,92),K(1,`No server call ran again in the browser.`),L())}function x0(e,t){if(e&1&&(I(0,`div`,77)(1,`h3`,90),K(2),I(3,`code`),K(4),L()(),I(5,`dl`,91)(6,`div`)(7,`dt`),K(8,`Request id`),L(),I(9,`dd`)(10,`code`),K(11),L()()(),I(12,`div`)(13,`dt`),K(14,`Render`),L(),I(15,`dd`),K(16),L()(),I(17,`div`)(18,`dt`),K(19,`Total`),L(),I(20,`dd`),K(21),L()(),I(22,`div`)(23,`dt`),K(24,`Sent`),L(),I(25,`dd`),K(26),L()(),I(27,`div`)(28,`dt`),K(29,`Browser page`),L(),I(30,`dd`),K(31),L()()(),j(32,t0,11,1,`p`,60),j(33,i0,6,0),j(34,d0,4,0),I(35,`h3`),K(36),L(),N(37,h0,12,11,null,null,G1,!1,g0,2,0,`p`,60),j(40,y0,6,1)(41,b0,2,0,`p`,92),L()),e&2){let e,n=t,r=W(2);O(2),J(` `,n.method,` `),O(2),q(n.url),O(7),q(n.id),O(5),J(``,n.renderMs,` ms`),O(5),J(``,n.durationMs,` ms`),O(5),J(``,n.bytes,` B`),O(5),q(r.requestPage()?.title||r.requestPage()?.url||`not connected`),O(),M((e=r.compressedWith(n))?32:-1,e),O(),M(n.overrides?.length?33:-1),O(),M(n.navigations?.length?34:-1),O(2),J(`Server calls (`,r.requestCalls().length,`)`),O(),P(r.requestCalls()),O(3),M(r.refetched().length?40:r.requestPage()&&r.requestCalls().length?41:-1)}}function S0(e,t){if(e&1&&(I(0,`div`,72)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,73),K(5,`Request`),L(),I(6,`th`,73),K(7,`Status`),L(),I(8,`th`,73),K(9,`Render mode`),L(),I(10,`th`,74),K(11,`Render`),L(),I(12,`th`,74),K(13,`Server calls`),L(),I(14,`th`,73),K(15,`Notes`),L()()(),I(16,`tbody`,75),N(17,e0,22,22,`tr`,76,G1),L()()(),j(19,x0,42,13,`div`,77)),e&2){let e,t=W();O(17),P(t.requests()),O(2),M((e=t.selectedRequest())?19:-1,e)}}function C0(e,t){e&1&&(I(0,`div`,13)(1,`p`),K(2,`No SSR requests traced.`),L(),I(3,`p`,60),K(4,` Add `),I(5,`code`),K(6,`app.use(devtools.ssrMiddleware)`),L(),K(7,` before the Angular handler in `),I(8,`code`),K(9,`server.ts`),L(),K(10,`, or wrap a web-standard handler with `),I(11,`code`),K(12,`withPangularSsr()`),L(),K(13,`, then load a server rendered page. `),L()())}function w0(e,t){if(e&1){let e=V();I(0,`app-network-waterfall`,99),H(`open`,function(t){return w(e),T(W().openCall(t))}),L()}if(e&2){let e=W();F(`calls`,e.waterfallCalls())(`selectedId`,e.selectedCall()?.id??null)}}function T0(e,t){e&1&&(I(0,`p`,100),K(1,` Rows render as you scroll, so the browser's find only sees the ones near view; the search field searches them all. `),L())}function E0(e,t){if(e&1&&(I(0,`tr`,103),R(1,`td`,104),L()),e&2){let e=W(2);O(),b_(`height`,e.callWindow.padTop(),`px`)}}function D0(e,t){e&1&&(I(0,`span`,105),K(1,`transfer cache`),L())}function O0(e,t){if(e&1&&(I(0,`span`,105),K(1),L()),e&2){W();let e=q_(0);O(),J(`delayed `,e.delayMs,` ms`)}}function k0(e,t){e&1&&(I(0,`span`,88),K(1,`mocked`),L())}function A0(e,t){e&1&&(I(0,`span`,89),K(1,`faulted`),L())}function j0(e,t){if(e&1&&(I(0,`span`,108),K(1,`rule `),I(2,`code`),K(3),L()()),e&2){let e=t;F(`title`,`Matched rule: `+e),O(3),q(e)}}function M0(e,t){if(e&1){let e=V();G_(0),I(1,`tr`,78),H(`click`,function(){w(e);let t=q_(0);return T(W(2).openCall(t.id))}),I(2,`td`)(3,`span`,105),K(4),L()(),I(5,`td`,81),K(6),L(),I(7,`td`,79)(8,`button`,106),K(9),L()(),I(10,`td`,107),K(11),L(),I(12,`td`,83),R(13,`span`,84),K(14),L(),I(15,`td`,85),K(16),L(),I(17,`td`)(18,`div`,86),j(19,D0,2,0,`span`,105),j(20,O0,2,1,`span`,105),j(21,k0,2,0,`span`,88),j(22,A0,2,0,`span`,89),j(23,j0,4,2,`span`,108),L()()()}if(e&2){let e,n=t.$implicit,r=W(2),i=K_(n.entry);O(),G(`selected`,r.selectedCall()?.id===i.id),A(`aria-rowindex`,n.index+2)(`data-vindex`,n.index),O(2),G(`server`,i.side===`server`),O(),q(i.side===`server`?`SSR`:`Client`),O(2),q(i.method),O(2),F(`title`,i.url),A(`data-call-id`,i.id)(`aria-pressed`,r.selectedCall()?.id===i.id)(`aria-controls`,r.selectedCall()?`call-preview`:null),O(),J(` `,i.url,` `),O(),F(`title`,i.pageUrl??``),O(),J(` `,i.pageUrl??``,` `),O(),G(`ok`,r.callTone(i)===`ok`)(`redirect`,r.callTone(i)===`redirect`)(`bad`,r.callTone(i)===`bad`),O(2),J(``,r.statusLabel(i),` `),O(2),J(``,i.durationMs,` ms`),O(3),M(i.cacheHit?19:-1),O(),M(i.delayMs?20:-1),O(),M(i.mocked?21:-1),O(),M(i.faulted?22:-1),O(),M((e=r.rulePatternOf(i))?23:-1,e)}}function N0(e,t){if(e&1&&(I(0,`tr`,103),R(1,`td`,104),L()),e&2){let e=W(2);O(),b_(`height`,e.callWindow.padBottom(),`px`)}}function P0(e,t){if(e&1&&(j(0,T0,2,0,`p`,100),I(1,`div`,72)(2,`table`)(3,`thead`)(4,`tr`,101)(5,`th`,73),K(6,`Side`),L(),I(7,`th`,73),K(8,`Method`),L(),I(9,`th`,73),K(10,`URL`),L(),I(11,`th`,73),K(12,`Page`),L(),I(13,`th`,73),K(14,`Status`),L(),I(15,`th`,74),K(16,`Time`),L(),I(17,`th`,73),K(18,`Notes`),L()()(),I(19,`tbody`,102,0),j(21,E0,2,2,`tr`,103),N(22,M0,24,29,`tr`,76,q1),j(24,N0,2,2,`tr`,103),L()()()),e&2){let e=W();M(e.callWindow.enabled()?0:-1),O(2),A(`aria-rowcount`,e.visibleCalls().length+1),O(17),F(`rovingWindow`,e.callWindow),O(2),M(e.callWindow.padTop()?21:-1),O(),P(e.shownCalls()),O(2),M(e.callWindow.padBottom()?24:-1)}}function F0(e,t){e&1&&K(0),e&2&&J(` Nothing matches “`,W(2).callQuery().trim(),`” with these filters. `)}function I0(e,t){e&1&&K(0),e&2&&J(` None of the `,W(2).timeline().length,` requests fit these filters. `)}function L0(e,t){if(e&1){let e=V();I(0,`div`,31)(1,`p`),K(2,`No requests match.`),L(),I(3,`p`,60),j(4,F0,1,1)(5,I0,1,1),L(),I(6,`div`,109)(7,`button`,27),H(`click`,function(){return w(e),T(W().clearCallFilters())}),K(8,`Clear filters`),L()()()}if(e&2){let e=W();O(4),M(e.callQuery().trim()?4:5)}}function R0(e,t){e&1&&(I(0,`div`,13)(1,`p`),K(2,`No requests yet.`),L(),I(3,`p`,60),K(4,` Add `),I(5,`code`),K(6,`withPangular()`),L(),K(7,` to `),I(8,`code`),K(9,`provideHttpClient`),L(),K(10,`, then load a page of the app. `),L()())}function z0(e,t){if(e&1){let e=V();I(0,`button`,116),H(`click`,function(){w(e);let t=W();return T(W().copyPreview(t))}),K(1,` Copy `),L()}if(e&2){let e=W();A(`aria-label`,`Copy the response of `+e.method+` `+e.url)}}function B0(e,t){e&1&&(I(0,`p`,118),K(1,` Matched rule `),I(2,`code`),K(3),L()()),e&2&&(O(3),q(t))}function V0(e,t){if(e&1){let e=V();I(0,`div`,110),H(`keydown.escape`,function(){return w(e),T(W().closePreview())}),I(1,`div`,111)(2,`h3`,112),K(3,`Response preview`),L(),I(4,`div`,113),j(5,z0,2,1,`button`,114),I(6,`button`,115),H(`click`,function(){let t=w(e);return T(W().mockCall(t))}),K(7,` Mock this request `),L(),I(8,`button`,116),H(`click`,function(){return w(e),T(W().closePreview())}),K(9,`Close`),L()()(),I(10,`p`,117)(11,`span`,81),K(12),L(),I(13,`span`,83),K(14),L(),I(15,`span`,96),K(16),L()(),j(17,B0,4,1,`p`,118),I(18,`pre`,119),K(19),L(),R(20,`app-http-headers`,120),L()}if(e&2){let e,n=t,r=W();O(5),M(!n.error&&n.preview?5:-1),O(),F(`disabled`,!r.canWrite()),A(`aria-describedby`,r.canWrite()?null:`http-writes-off`),O(6),q(n.method),O(),G(`ok`,r.callTone(n)===`ok`)(`redirect`,r.callTone(n)===`redirect`)(`bad`,r.callTone(n)===`bad`),O(),q(r.statusLabel(n)),O(),F(`title`,n.url),O(),q(n.url),O(),M((e=r.rulePatternOf(n))?17:-1,e),O(),G(`error`,!!n.error&&!n.cancelled),A(`aria-label`,n.error?`Response error`:`Response body`),O(),q(n.error??r.previewText(n)??`(no body)`),O(),F(`callId`,n.id)(`request`,n.requestHeaders)(`response`,n.responseHeaders)}}function H0(e,t){if(e&1&&(I(0,`p`,35),K(1),L()),e&2){let e=W();O(),q(e.writesOff)}}function U0(e,t){e&1&&(I(0,`p`,50),K(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. `),L())}function W0(e,t){e&1&&(I(0,`span`),K(1,`passthrough`),L())}function G0(e,t){if(e&1&&(I(0,`span`,83),K(1),L()),e&2){let e=W().$implicit,t=W();G(`ok`,t.statusTone(e.status)===`ok`)(`redirect`,t.statusTone(e.status)===`redirect`)(`bad`,t.statusTone(e.status)===`bad`),O(),q(e.status)}}function K0(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),J(``,e.delayMs,` ms`)}}function q0(e,t){e&1&&(I(0,`span`),K(1,`mock body`),L())}function J0(e,t){e&1&&(I(0,`p`,128),K(1,` The SSR mock is not written to TransferState, so the browser requests this URL again. `),L())}function Y0(e,t){if(e&1){let e=V();I(0,`li`)(1,`label`,121)(2,`input`,122),H(`change`,function(){let t=w(e).$implicit;return T(W().toggleRule(t.id))}),L(),I(3,`code`,123)(4,`span`,124),K(5),L(),K(6),L()(),I(7,`button`,125),H(`click`,function(){let t=w(e).$implicit;return T(W().removeRule(t.id))}),K(8,` Remove `),L(),I(9,`span`,126)(10,`span`),K(11),L(),j(12,W0,2,0,`span`)(13,G0,2,7,`span`,127),j(14,K0,2,1,`span`),j(15,q0,2,0,`span`),L(),j(16,J0,2,0,`p`,128),L()}if(e&2){let e=t.$implicit,n=W();G(`off`,!e.enabled),O(2),F(`checked`,e.enabled)(`disabled`,!n.canWrite()),A(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Enable rule for `+e.pattern),O(),F(`title`,e.pattern),O(2),q(e.method||`ANY`),O(),J(` `,e.pattern),O(),F(`disabled`,!n.canWrite()),A(`aria-describedby`,n.canWrite()?null:`http-writes-off`)(`aria-label`,`Remove rule for `+e.pattern),O(4),q(n.targetLabel(e.target)),O(),M(e.status===void 0?12:13),O(2),M(e.delayMs?14:-1),O(),M(e.body?15:-1),O(),M(n.mocksOnServer(e)?16:-1)}}function X0(e,t){e&1&&(I(0,`li`,57),K(1,`No rules. SSR rules apply on the next page load.`),L())}function Z0(e,t){if(e&1){let e=V();I(0,`p`,65),K(1,` Throws while the server renders, so it needs `),I(2,`code`),K(3,`providePangularHttp()`),L(),K(4,` and a page the engine renders. Prerendered files served as static files skip it. `),L(),I(5,`label`),K(6,` Error message `),I(7,`input`,129),H(`input`,function(t){return w(e),T(W().patchOverride(`message`,t))}),L()()}if(e&2){let e=W();O(7),F(`value`,e.overrideDraft().message)}}function Q0(e,t){e&1&&K(0,` For a cached HTTP response this is the whole cache record, not only the response body. `)}function $0(e,t){e&1&&(I(0,`p`,133),K(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. `),j(2,Q0,1,0),L()),e&2&&(O(2),M(t===`http`?2:-1))}function e2(e,t){if(e&1){let e=V();I(0,`label`),K(1,` TransferState key `),I(2,`input`,130),H(`input`,function(t){return w(e),T(W().patchOverride(`key`,t))}),L()(),I(3,`label`)(4,`span`),K(5,`New JSON value `),I(6,`span`,37),K(7,`(empty removes the entry)`),L()(),I(8,`textarea`,131),H(`input`,function(t){return w(e),T(W().patchOverride(`value`,t))}),L()(),I(9,`p`,132),K(10),L(),j(11,$0,3,1,`p`,133)}if(e&2){let e,t=W();O(2),F(`value`,t.overrideDraft().key),O(6),F(`value`,t.overrideDraft().value),A(`aria-invalid`,t.overrideValueError()?`true`:null)(`aria-describedby`,t.overrideFromPayload()?`override-value-error override-value-note`:`override-value-error`),O(2),q(t.overrideValueError()),O(),M((e=t.overrideFromPayload())?11:-1,e)}}function t2(e,t){e&1&&(I(0,`p`,65),K(1,` Serves `),I(2,`code`),K(3,`index.csr.html`),L(),K(4,` instead of rendering. Needs `),I(5,`code`),K(6,`browserDistFolder`),L(),K(7,` in `),I(8,`code`),K(9,`initPangularHub()`),L(),K(10,`. `),L())}function n2(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),q(e.message)}}function r2(e,t){if(e&1&&(I(0,`span`),K(1),L()),e&2){let e=W().$implicit;O(),Y(``,e.value===void 0?`remove`:`set`,` `,e.key)}}function i2(e,t){if(e&1){let e=V();I(0,`li`)(1,`label`,121)(2,`input`,122),H(`change`,function(){let t=w(e).$implicit;return T(W().toggleOverride(t.id))}),L(),I(3,`code`,123)(4,`span`,124),K(5),L(),K(6),L()(),I(7,`button`,134),H(`click`,function(){let t=w(e).$implicit;return T(W().removeOverride(t.id))}),K(8,` Remove `),L(),I(9,`span`,126),j(10,n2,2,1,`span`),j(11,r2,2,2,`span`),L()()}if(e&2){let e=t.$implicit,n=W();G(`off`,!e.enabled),O(2),F(`checked`,e.enabled)(`disabled`,!n.canWrite()),A(`aria-label`,`Enable `+n.overrideLabel(e.kind)+` for `+e.pattern),O(),F(`title`,e.pattern),O(2),q(n.overrideLabel(e.kind)),O(),J(` `,e.pattern),O(),F(`disabled`,!n.canWrite()),A(`aria-label`,`Remove `+n.overrideLabel(e.kind)+` for `+e.pattern),O(3),M(e.message?10:-1),O(),M(e.key?11:-1)}}function a2(e,t){e&1&&(I(0,`li`,57),K(1,`No overrides.`),L())}function o2(e,t){if(e&1&&(I(0,`div`)(1,`dt`),K(2,`DOM nodes hydrated`),L(),I(3,`dd`),K(4),L()(),I(5,`div`)(6,`dt`),K(7,`DOM nodes skipped`),L(),I(8,`dd`),K(9),L()(),I(10,`div`)(11,`dt`),K(12,`Mismatched components`),L(),I(13,`dd`),K(14),L()()),e&2){let e=t;O(4),q(e.hydrated),O(5),q(e.skipped),O(4),G(`bad`,e.mismatched>0),O(),q(e.mismatched)}}function s2(e,t){if(e&1&&(I(0,`span`,136)(1,`span`,137),K(2,`Expected`),L(),I(3,`code`),K(4),L()()),e&2){let e=W().$implicit;O(4),q(e.expected)}}function c2(e,t){if(e&1&&(I(0,`span`,136)(1,`span`,137),K(2,`Actual`),L(),I(3,`code`),K(4),L()()),e&2){let e=W().$implicit;O(4),q(e.actual)}}function l2(e,t){if(e&1&&(I(0,`li`)(1,`code`),K(2),L(),j(3,s2,5,1,`span`,136),j(4,c2,5,1,`span`,136),L()),e&2){let e=t.$implicit;O(2),q(e.isClass?e.component:`<`+e.component+`>`),O(),M(e.expected?3:-1),O(),M(e.actual?4:-1)}}function u2(e,t){if(e&1&&(I(0,`h3`),K(1),L(),I(2,`ul`,135),N(3,l2,5,3,`li`,null,_g),L()),e&2){let e=W();O(),J(`Mismatches (`,e.mismatches.length,`)`),O(2),P(e.mismatches)}}function d2(e,t){if(e&1&&(I(0,`li`)(1,`code`),K(2),L()()),e&2){let e=t.$implicit;O(2),q(e)}}function f2(e,t){if(e&1&&(I(0,`h3`),K(1,`ngSkipHydration hosts`),L(),I(2,`ul`,138),N(3,d2,3,1,`li`,null,_g),L()),e&2){let e=W();O(3),P(e.skipHydrationHosts)}}function p2(e,t){e&1&&(I(0,`h3`),K(1,`Warnings`),L(),I(2,`p`,60),K(3,` Not captured: add `),I(4,`code`),K(5,`providePangularHttp()`),L(),K(6,` to the app providers. `),L())}function m2(e,t){if(e&1&&(I(0,`pre`,139),K(1),L()),e&2){let e=t.$implicit;O(),q(e)}}function h2(e,t){e&1&&(I(0,`p`,92),K(1,`No hydration warnings.`),L())}function g2(e,t){if(e&1&&(I(0,`h3`),K(1),L(),N(2,m2,2,1,`pre`,139,_g,!1,h2,2,0,`p`,92)),e&2){let e=W();O(),J(`Warnings (`,e.warnings.length,`)`),O(),P(e.warnings)}}function _2(e,t){if(e&1&&(I(0,`dl`,91)(1,`div`)(2,`dt`),K(3,`Enabled`),L(),I(4,`dd`)(5,`span`,105),K(6),L()()(),I(7,`div`)(8,`dt`),K(9,`Hydrated components`),L(),I(10,`dd`),K(11),L()(),I(12,`div`)(13,`dt`),K(14,`Hydrated nodes`),L(),I(15,`dd`),K(16),L()(),I(17,`div`)(18,`dt`),K(19,`Skipped components`),L(),I(20,`dd`),K(21),L()(),I(22,`div`)(23,`dt`),K(24,`App stable after`),L(),I(25,`dd`),K(26),L()(),I(27,`div`)(28,`dt`),K(29,`Incremental defer blocks`),L(),I(30,`dd`),K(31),L()(),j(32,o2,15,5),L(),j(33,u2,5,1),j(34,f2,5,0),j(35,p2,7,0)(36,g2,5,2)),e&2){let e,n=t;O(5),G(`on`,n.enabled)(`off-tag`,!n.enabled),O(),q(n.enabled?`yes`:`no (client render only)`),O(5),q(n.hydratedComponents??`n/a`),O(5),q(n.hydratedNodes??`n/a`),O(5),q(n.componentsSkippedHydration??`n/a`),O(5),q(n.stableMs===void 0?`n/a`:n.stableMs+` ms`),O(5),q(n.deferBlocksWithIncrementalHydration??`n/a`),O(),M((e=n.nodes)?32:-1,e),O(),M(n.mismatches?.length?33:-1),O(),M(n.skipHydrationHosts.length?34:-1),O(),M(n.warningsCaptured===!1?35:36)}}function v2(e,t){e&1&&(I(0,`div`,13)(1,`p`),K(2,`No hydration data for this page.`),L(),I(3,`p`,60),K(4,`Open a server rendered page of the app to see its stats.`),L()())}function y2(e,t){e&1&&(I(0,`div`,13)(1,`p`),K(2,`No TransferState script: this page was not server rendered.`),L()())}function b2(e,t){if(e&1&&(I(0,`p`,141),K(1),L()),e&2){let e=W(2);O(),q(e.error)}}function x2(e,t){e&1&&(I(0,`span`,105),K(1),L()),e&2&&(O(),q(t))}function S2(e,t){if(e&1&&(I(0,`span`,105),K(1),L(),I(2,`span`,144),K(3),L()),e&2){let e=t,n=W().$implicit,r=W(3);G(`server`,r.statusTone(e.status)===`ok`)(`fault`,r.statusTone(e.status)===`bad`),O(),J(`HTTP `,e.status),O(2),q(e.url??n.key)}}function C2(e,t){if(e&1&&(I(0,`span`,144),K(1),L()),e&2){let e=W().$implicit;O(),q(e.key)}}function w2(e,t){if(e&1){let e=V();I(0,`button`,116),H(`click`,function(){w(e);let t=W().$implicit;return T(W(3).editEntry(t))}),K(1,` Edit in SSR overrides `),L()}if(e&2){let e=W().$implicit;A(`aria-label`,`Edit in SSR overrides, key `+e.key)}}function T2(e,t){if(e&1){let e=V();I(0,`details`)(1,`summary`),R(2,`span`,143),j(3,x2,2,1,`span`,105),j(4,S2,4,6)(5,C2,2,1,`span`,144),I(6,`span`,145),K(7),L()(),I(8,`div`,146)(9,`span`,147),K(10,`Key`),L(),I(11,`code`,148),K(12),L(),I(13,`div`,149)(14,`button`,116),H(`click`,function(){let t=w(e).$implicit;return T(W(3).copyKey(t.key))}),K(15,` Copy `),L(),j(16,w2,2,1,`button`,114),L()(),I(17,`pre`,150),K(18),cv(19,`json`),L()()}if(e&2){let e,n,r=t.$implicit,i=W(3);O(3),M((e=i.payloadLabel(r))?3:-1,e),O(),M((n=r.http)?4:5,n),O(3),J(``,r.size,` B`),O(5),q(r.key),O(2),A(`aria-label`,`Copy key `+r.key),O(2),M(i.canEditEntry(r)?16:-1),O(),A(`aria-label`,`Value of `+r.key),O(),q(lv(19,8,r.value))}}function E2(e,t){if(e&1&&(I(0,`p`,140),K(1),L(),j(2,b2,2,1,`p`,141),I(3,`div`,142),N(4,T2,20,10,`details`,null,J1),L()),e&2){let e=W();O(),R_(` `,e.entries.length,` entr`,e.entries.length===1?`y`:`ies`,`, `,e.size,` bytes `),O(),M(e.error?2:-1),O(2),P(e.entries)}}function D2(e,t){e&1&&j(0,y2,3,0,`div`,13)(1,E2,6,4),e&2&&M(+!!t.found)}function O2(e,t){e&1&&(I(0,`div`,13)(1,`p`),K(2,`Open a page of the app to see its payload.`),L()())}var k2={kind:`render-error`,pattern:``,message:``,key:``,value:``},A2={"render-error":`Render error`,"client-render":`Client render`,"state-edit":`TransferState edit`},j2={server:`Server`,prerender:`Prerender`,client:`Client`,redirect:`Redirect`,"not-rendered":`Not rendered`,unknown:`Unknown`},M2={pattern:``,method:``,target:`both`,status:``,delayMs:``,body:``};function N2(e){try{let t=new URL(e,`http://x`);return t.pathname+t.search}catch{return e}}var P2=/\[redacted\]|%5Bredacted%5D/gi;function F2(e){return(/^([a-z][a-z\d+.-]*:|\/\/)/i.test(e)?N2(e):e).replace(P2,`*`)}function I2(e){let t=vO(e);if(t!==null)return t;try{return JSON.parse(e),e.trim()}catch{return null}}var L2=[`GET`,`POST`,`PUT`,`PATCH`,`DELETE`];function R2(e){try{return new URL(e,`http://x`).pathname}catch{return``}}function z2(e){let t=R2(e);return t===`/`?``:t}var B2=/\[redacted\]|%5Bredacted%5D/i,V2=200,H2=50,U2=500,W2=1e5,G2=[{value:``,label:`None`},...Xw.map(([e,t])=>({value:String(e),label:`${e} ${t}`}))],K2=class e{rpc=$(null);canWrite=X(()=>vE(this.rpc(),`http`));writesOff=DT(`http`);loading=D(!1);failed=D(!1);serverCalls=D([]);pages=D([]);payloads=D({});serverDropped=D(0);requests=D([]);rules=D([]);overrides=D([]);overrideDraft=D({...k2});overrideFromPayload=D(null);overrideKindOptions=[{value:`render-error`,label:`Render error`},{value:`client-render`,label:`Force Client render`},{value:`state-edit`,label:`Edit TransferState entry`}];overrideValueError=X(()=>{let e=this.overrideDraft().value.trim();if(!e)return``;try{return JSON.parse(e),``}catch{return`The value must be valid JSON.`}});overrideReady=X(()=>{let e=this.overrideDraft();return!e.pattern.trim()||this.overrides().length>=20?!1:e.kind!==`state-edit`||!!e.key.trim()&&!this.overrideValueError()});hostPageId=JT();selectedPageId=Q({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=D(null);draft=D({...M2});message=D(``);bodyPlaceholder=`{ "error": "Service unavailable" }`;statusOptions=G2;unsubscribe=[];destroyRef=C(js);injector=C(ks);host=C(Hl);selected=X(()=>this.pages().find(e=>e.pageId===this.selectedPageId())??null);pageRequestId=X(()=>this.selected()?.ssrRequestId??null);selectedRequestId=Q(()=>this.pageRequestId());selectedPayload=X(()=>{let e=this.selectedPageId();return e?this.payloads()[e]??null:null});maxCalls=X(()=>hE(this.rpc()).limits.httpCalls);droppedCalls=X(()=>(this.selected()?.dropped??0)+this.serverDropped());pageServerCalls=X(()=>{let e=this.selected()?.initialUrl;return e?this.serverCalls().filter(t=>!t.pageUrl||t.pageUrl===e):this.serverCalls()});timeline=X(()=>[...this.pageServerCalls(),...this.selected()?.calls??[]].sort((e,t)=>t.at-e.at));callQuery=D(``);timelineView=D(`table`);waterfallCalls=X(()=>this.visibleCalls().filter(e=>e.side===`client`));sideFilter=D(`all`);failedOnly=D(!1);sideOptions=[{value:`all`,label:`All sides`},{value:`server`,label:`SSR`},{value:`client`,label:`Client`}];callWindow=new VN({count:X(()=>this.visibleCalls().length),estimate:37});shownCalls=X(()=>{let{start:e,end:t}=this.callWindow.range();return this.visibleCalls().slice(e,t).map((t,n)=>({entry:t,index:e+n}))});callsBody=Ev(`callsBody`);visibleCalls=X(()=>{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} ${N2(r.url)}`.toLowerCase().includes(e)))});countText=X(()=>{let e=this.timeline().length;if(this.timelineView()!==`waterfall`)return`${this.visibleCalls().length} of ${e}`;let t=this.waterfallCalls().length;return`${t} client ${t===1?`call`:`calls`} of ${e}`});filterStatus=X(()=>{this.callQuery(),this.sideFilter(),this.failedOnly(),this.timelineView(),this.filterFlip=!this.filterFlip;let e=Z(()=>this.countText());return this.filterFlip?`${e}\u00a0`:e});filterFlip=!0;selectedCall=X(()=>this.visibleCalls().find(e=>e.id===this.selectedCallId())??null);selectedRequest=X(()=>this.requests().find(e=>e.id===this.selectedRequestId())??null);requestCalls=X(()=>{let e=this.selectedRequest()?.id;return e?this.serverCalls().filter(t=>t.requestId===e):[]});requestPage=X(()=>{let e=this.selectedRequest()?.id;return e?this.pages().find(t=>t.ssrRequestId===e)??null:null});refetched=X(()=>{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} ${N2(e.url)}`));return t.calls.filter(t=>t.side===`client`&&!t.cacheHit&&!t.mocked&&t.at>=e.at&&n.has(`${t.method} ${N2(t.url)}`))});draftMocksOnServer=X(()=>{let e=this.draftRule();return!!e&&this.mocksOnServer(e)});draftRule=X(()=>{let e=this.draft(),t=e.pattern.trim();if(!t||t.length>U2||this.bodyError()||this.rules().length>=H2)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&&!Zw(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=X(()=>{let e=this.draft();return this.rules().length>=H2?`You can add up to ${H2} rules. Remove one to add another.`:e.pattern.trim()?e.pattern.trim().length>U2?`The URL pattern is limited to ${U2} characters.`:this.bodyError()?``:e.status.trim()&&!Zw(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=X(()=>{let e=this.draft().body.trim();if(!e)return``;if(e.length>W2)return`The mock body is limited to ${W2} characters.`;try{return JSON.parse(e),``}catch{return`The mock body must be valid JSON.`}});constructor(){vc(()=>{let e=this.callsBody()?.nativeElement;e&&this.callWindow.attach(e)}),vc(()=>{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 Yw[e]??``}refetchReason(e){let t=`${e.method} ${N2(e.url)}`,n=this.requestCalls().filter(e=>`${e.method} ${N2(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 j2[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),dd(()=>this.host.nativeElement.querySelector(`#preview-heading`)?.focus(),{injector:this.injector})}previewText(e){if(e.preview!==void 0)return vO(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=F2(e.url),r=e.error||!e.preview?null:I2(e.preview);this.draft.set({...M2,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.`),dd(()=>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=X(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url})));methodOptions=X(()=>{let e=this.draft().method;return[{value:``,label:`Any`},...(e&&!L2.includes(e)?[...L2,e]:L2).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({...M2}),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 $T(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 A2[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<=V2&&!B2.test(t)}editEntry(e){if(!this.canEditEntry(e))return;let t=this.selected();this.overrideDraft.set({...k2,kind:`state-edit`,pattern:t?z2(t.initialUrl??t.url):``,key:e.key}),this.overrideFromPayload.set(e.http?`http`:`other`),this.message.set(`Editing the TransferState entry in SSR overrides.`),dd(()=>{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({...k2,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){dd(()=>{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(``),dd(()=>{this.message()===``&&this.message.set(e)},{injector:this.injector})}async saveOverrides(e,t){try{let n=await $T(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 $T(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=k({type:e,selectors:[[`app-network-inspector`]],viewQuery:function(e,t){e&1&&Zg(t.callsBody,W1,5),e&2&&Qg()},inputs:{rpc:[1,`rpc`]},decls:136,vars:57,consts:[[`callsBody`,``],[1,`page-intro`],[`role`,`status`,1,`state`],[`role`,`alert`,1,`state`,`error`],[1,`toolbar`,3,`hidden`],[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`,3,`hidden`],[`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`],[`role`,`group`,`aria-label`,`Timeline view`,1,`view-toggle`],[`type`,`button`,3,`click`],[1,`total`],[`role`,`status`,1,`sr-only`],[3,`calls`,`selectedId`],[`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`],[1,`table-wrap`],[`scope`,`col`],[`scope`,`col`,1,`num`],[`appRovingList`,`button.ssr-row`],[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`,`ssr-row`,3,`title`],[1,`method`],[1,`sr-only`],[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`],[3,`open`,`calls`,`selectedId`],[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`],[3,`callId`,`request`,`response`],[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&&(I(0,`p`,1),K(1,` HttpClient calls made while rendering on the server and in the browser, from the live page and the devtools server, with hydration stats, the TransferState payload and fault injection. `),L(),j(2,Y1,4,0,`div`,2)(3,X1,7,0,`div`,3),I(4,`div`,4)(5,`div`,5)(6,`span`,6),K(7,`Page`),L(),I(8,`app-select`,7),H(`valueChange`,function(e){return t.selectPage(e)}),L()(),I(9,`button`,8),H(`click`,function(){return t.clearCalls()}),K(10,` Clear timeline `),L(),I(11,`p`,9),K(12),L()(),I(13,`div`,10)(14,`section`,11)(15,`h2`,12),K(16),L(),j(17,S0,20,1)(18,C0,14,0,`div`,13),L(),I(19,`section`,14)(20,`h2`,15),K(21),L(),R(22,`app-limit-note`,16),I(23,`div`,17)(24,`div`,18),E(),I(25,`svg`,19),R(26,`circle`,20)(27,`path`,21),L(),xs(),I(28,`input`,22),H(`input`,function(e){return t.callQuery.set(e.target.value)})(`keydown.escape`,function(){return t.callQuery.set(``)}),L()(),I(29,`app-select`,23),U_(`valueChange`,function(e){return H_(t.sideFilter,e)||(t.sideFilter=e),e}),L(),I(30,`label`,24)(31,`input`,25),H(`change`,function(e){return t.failedOnly.set(e.target.checked)}),L(),K(32,` Failed only `),L(),I(33,`div`,26)(34,`button`,27),H(`click`,function(){return t.timelineView.set(`table`)}),K(35,` Table `),L(),I(36,`button`,27),H(`click`,function(){return t.timelineView.set(`waterfall`)}),K(37,` Waterfall `),L()(),I(38,`span`,28),K(39),L(),I(40,`span`,29),K(41),L()(),j(42,w0,1,2,`app-network-waterfall`,30)(43,P0,25,5)(44,L0,9,1,`div`,31)(45,R0,11,0,`div`,13),j(46,V0,21,21,`div`,32),L(),I(47,`section`,33)(48,`h2`,34),K(49,`Fault injection`),L(),j(50,H0,2,1,`p`,35),I(51,`form`,36),H(`submit`,function(e){return t.addRule(e)}),I(52,`label`)(53,`span`),K(54,`URL pattern `),I(55,`span`,37),K(56,`(substring or * glob, ^ anchors the path)`),L()(),I(57,`input`,38),H(`input`,function(e){return t.patch(`pattern`,e)}),L()(),I(58,`div`,39)(59,`div`,40)(60,`span`,41),K(61,`Method`),L(),I(62,`app-select`,42),H(`valueChange`,function(e){return t.setDraft(`method`,e??``)}),L()(),I(63,`div`,40)(64,`span`,43),K(65,`Apply on`),L(),I(66,`app-select`,44),H(`valueChange`,function(e){return t.setDraft(`target`,e??`both`)}),L()()(),I(67,`div`,39)(68,`div`,40)(69,`span`,45),K(70,`Status`),L(),I(71,`app-select`,46),H(`valueChange`,function(e){return t.setDraft(`status`,e??``)}),L()(),I(72,`label`),K(73,` Delay (ms) `),I(74,`input`,47),H(`input`,function(e){return t.patch(`delayMs`,e)}),L()()(),I(75,`label`)(76,`span`),K(77,`Mock JSON body `),I(78,`span`,37),K(79,`(optional)`),L()(),I(80,`textarea`,48),H(`input`,function(e){return t.patch(`body`,e)}),L()(),I(81,`p`,49),K(82),L(),j(83,U0,2,0,`p`,50),I(84,`p`,51),K(85),L(),I(86,`div`,52)(87,`button`,53),K(88,` Add rule `),L()()(),I(89,`h3`,54),K(90),L(),I(91,`ul`,55),N(92,Y0,17,17,`li`,56,G1,!1,X0,2,0,`li`,57),L()(),I(95,`section`,58)(96,`h2`,59),K(97,`SSR overrides`),L(),I(98,`p`,60),K(99,` Development only. These change what the server sends for matching pages, from the next full page load, and the request is marked `),I(100,`strong`),K(101,`overridden`),L(),K(102,`. `),L(),I(103,`form`,61),H(`submit`,function(e){return t.addOverride(e)}),I(104,`div`,40)(105,`span`,62),K(106,`Override`),L(),I(107,`app-select`,63),H(`valueChange`,function(e){return t.setOverrideDraft(`kind`,e??`render-error`)}),L()(),I(108,`label`)(109,`span`),K(110,`Page pattern `),I(111,`span`,37),K(112,`(substring or * glob, ^ anchors the path)`),L()(),I(113,`input`,64),H(`input`,function(e){return t.patchOverride(`pattern`,e)}),L()(),j(114,Z0,8,1)(115,e2,12,6)(116,t2,11,0,`p`,65),I(117,`div`,52)(118,`button`,53),K(119,` Add override `),L()()(),I(120,`h3`,66),K(121),L(),I(122,`ul`,55),N(123,i2,12,12,`li`,56,G1,!1,a2,2,0,`li`,57),L()(),I(126,`section`,67)(127,`h2`,68),K(128,`Hydration`),L(),j(129,_2,37,14)(130,v2,5,0,`div`,13),L(),I(131,`section`,69)(132,`h2`,70),K(133,`TransferState payload`),L(),j(134,D2,2,1)(135,O2,3,0,`div`,13),L()()),e&2){let e,n,r,i;O(2),M(t.loading()?2:t.failed()?3:-1),O(2),F(`hidden`,t.loading()),O(4),F(`options`,t.pageOptions())(`value`,t.selected()?.pageId??null),O(),F(`disabled`,!t.canWrite()),A(`aria-describedby`,t.canWrite()?null:`http-writes-off`),O(3),q(t.message()),O(),F(`hidden`,t.loading()),O(3),J(`SSR requests (`,t.requests().length,`)`),O(),M(t.requests().length?17:18),O(4),J(`HTTP timeline (`,t.timeline().length,`)`),O(),F(`dropped`,t.droppedCalls())(`max`,t.maxCalls()),O(),G(`no-calls`,!t.timeline().length),O(5),F(`value`,t.callQuery()),O(),F(`options`,t.sideOptions),V_(`value`,t.sideFilter),O(2),F(`checked`,t.failedOnly()),O(3),A(`aria-pressed`,t.timelineView()===`table`),O(2),A(`aria-pressed`,t.timelineView()===`waterfall`),O(3),q(t.countText()),O(2),q(t.filterStatus()),O(),M(t.visibleCalls().length&&t.timelineView()===`waterfall`?42:t.visibleCalls().length?43:t.timeline().length?44:45),O(4),M((e=t.selectedCall())?46:-1,e),O(4),M(t.canWrite()?-1:50),O(7),F(`value`,t.draft().pattern),O(5),F(`options`,t.methodOptions())(`value`,t.draft().method),O(4),F(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.targetOptions)(`value`,t.draft().target),O(5),F(`describedBy`,t.draftMocksOnServer()?`rule-ssr-note`:``)(`options`,t.statusOptions)(`value`,t.draft().status),O(3),F(`value`,t.draft().delayMs),O(6),F(`placeholder`,t.bodyPlaceholder)(`value`,t.draft().body),A(`aria-invalid`,t.bodyError()?`true`:null),O(2),q(t.bodyError()),O(),M(t.draftMocksOnServer()?83:-1),O(2),q(t.draftHint()),O(2),F(`disabled`,!t.canWrite()||!t.draftRule()),A(`aria-describedby`,t.canWrite()?`rule-hint`:`http-writes-off`),O(3),J(` Rules (`,t.rules().length,`) `),O(2),P(t.rules()),O(15),F(`describedBy`,t.overrideDraft().kind===`state-edit`?``:`override-kind-help`)(`options`,t.overrideKindOptions)(`value`,t.overrideDraft().kind),O(6),F(`value`,t.overrideDraft().pattern),O(),M((n=t.overrideDraft().kind)===`render-error`?114:n===`state-edit`?115:n===`client-render`?116:-1),O(4),F(`disabled`,!t.canWrite()||!t.overrideReady()),A(`aria-describedby`,t.canWrite()?null:`http-writes-off`),O(3),J(` Overrides (`,t.overrides().length,`) `),O(2),P(t.overrides()),O(6),M((r=t.selected()?.hydration)?129:130,r),O(5),M((i=t.selectedPayload())?134:135,i)}},dependencies:[j1,SO,U1,Ez,KD,yy],styles:[`@charset "UTF-8";
 .page-intro[_ngcontent-%COMP%] {
   margin: 0 0 12px;
   color: var(--%NS%text-2);
@@ -16482,7 +16654,7 @@ summary[_ngcontent-%COMP%]:hover   .entry-key[_ngcontent-%COMP%] {
   .message[_ngcontent-%COMP%] {
     text-align: left;
   }
-}`]})};function D2(e,t){e&1&&(E(),z(0,`svg`,9),kg(1,`path`,20),B())}function O2(e,t){e&1&&(E(),z(0,`svg`,10)(1,`defs`)(2,`linearGradient`,21),kg(3,`stop`,22)(4,`stop`,23),B()(),kg(5,`path`,24),z(6,`g`,25),kg(7,`path`,26)(8,`path`,27)(9,`path`,28)(10,`path`,29),B()())}function k2(e,t){e&1&&(E(),z(0,`svg`,11),kg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),B())}function A2(e,t){e&1&&(E(),z(0,`svg`,9),kg(1,`path`,34)(2,`path`,35)(3,`path`,36)(4,`path`,37)(5,`path`,38)(6,`path`,39),B())}function j2(e,t){if(e&1&&(z(0,`a`,16)(1,`span`,40)(2,`strong`),K(3),B()(),z(4,`span`,41),K(5,`→`),B(),z(6,`span`,42),K(7,`(opens in a new tab)`),B()()),e&2){let e=t;Fg(`href`,e.href,Au),O(3),q(e.label)}}function M2(e,t){if(e&1&&(z(0,`li`),K(1),B()),e&2){let e=t.$implicit,n=t.$index;b_(`animation-delay`,200+n*120,`ms`),O(),q(e)}}var N2=class e{info=$.required();plansTitle=X(()=>{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=k({type:e,selectors:[[`app-coming-soon`]],hostVars:2,hostBindings:function(e,t){e&2&&b_(`--%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&&(z(0,`section`,0)(1,`div`,1),kg(2,`span`,2)(3,`span`,3),z(4,`span`,4),kg(5,`span`,5),B(),z(6,`span`,6),kg(7,`span`,5),B(),z(8,`span`,7),kg(9,`span`,5),B(),z(10,`div`,8),j(11,D2,2,0,`:svg:svg`,9)(12,O2,11,0,`:svg:svg`,10)(13,k2,5,0,`:svg:svg`,11)(14,A2,7,0,`:svg:svg`,9),B()(),z(15,`p`,12)(16,`span`,13),K(17,`✦`),B(),K(18),B(),z(19,`h2`,14),K(20),B(),z(21,`p`,15),K(22),B(),j(23,j2,8,2,`a`,16),z(24,`h3`,17),K(25),B(),z(26,`ul`,18),N(27,M2,2,3,`li`,19,vg),B()()),e&2){let e,n;O(11),M((e=t.info().id)===`nativescript`?11:e===`angular-native`?12:e===`analog`?13:e===`capacitor`?14:-1),O(7),J(` `,t.info().badge),O(2),q(t.info().heading),O(2),q(t.info().summary),O(),M((n=t.info().link)?23:-1,n),O(2),J(` `,t.plansTitle(),` `),O(2),P(t.info().plans)}},styles:[`[_nghost-%COMP%] {
+}`]})};function q2(e,t){e&1&&(E(),z(0,`svg`,9),kg(1,`path`,20),B())}function J2(e,t){e&1&&(E(),z(0,`svg`,10)(1,`defs`)(2,`linearGradient`,21),kg(3,`stop`,22)(4,`stop`,23),B()(),kg(5,`path`,24),z(6,`g`,25),kg(7,`path`,26)(8,`path`,27)(9,`path`,28)(10,`path`,29),B()())}function Y2(e,t){e&1&&(E(),z(0,`svg`,11),kg(1,`path`,30)(2,`path`,31)(3,`path`,32)(4,`path`,33),B())}function X2(e,t){e&1&&(E(),z(0,`svg`,9),kg(1,`path`,34)(2,`path`,35)(3,`path`,36)(4,`path`,37)(5,`path`,38)(6,`path`,39),B())}function Z2(e,t){if(e&1&&(z(0,`a`,16)(1,`span`,40)(2,`strong`),K(3),B()(),z(4,`span`,41),K(5,`→`),B(),z(6,`span`,42),K(7,`(opens in a new tab)`),B()()),e&2){let e=t;Fg(`href`,e.href,Au),O(3),q(e.label)}}function Q2(e,t){if(e&1&&(z(0,`li`),K(1),B()),e&2){let e=t.$implicit,n=t.$index;b_(`animation-delay`,200+n*120,`ms`),O(),q(e)}}var $2=class e{info=$.required();plansTitle=X(()=>{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=k({type:e,selectors:[[`app-coming-soon`]],hostVars:2,hostBindings:function(e,t){e&2&&b_(`--%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&&(z(0,`section`,0)(1,`div`,1),kg(2,`span`,2)(3,`span`,3),z(4,`span`,4),kg(5,`span`,5),B(),z(6,`span`,6),kg(7,`span`,5),B(),z(8,`span`,7),kg(9,`span`,5),B(),z(10,`div`,8),j(11,q2,2,0,`:svg:svg`,9)(12,J2,11,0,`:svg:svg`,10)(13,Y2,5,0,`:svg:svg`,11)(14,X2,7,0,`:svg:svg`,9),B()(),z(15,`p`,12)(16,`span`,13),K(17,`✦`),B(),K(18),B(),z(19,`h2`,14),K(20),B(),z(21,`p`,15),K(22),B(),j(23,Z2,8,2,`a`,16),z(24,`h3`,17),K(25),B(),z(26,`ul`,18),N(27,Q2,2,3,`li`,19,vg),B()()),e&2){let e,n;O(11),M((e=t.info().id)===`nativescript`?11:e===`angular-native`?12:e===`analog`?13:e===`capacitor`?14:-1),O(7),J(` `,t.info().badge),O(2),q(t.info().heading),O(2),q(t.info().summary),O(),M((n=t.info().link)?23:-1,n),O(2),J(` `,t.plansTitle(),` `),O(2),P(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%);
@@ -16828,9 +17000,9 @@ h2[_ngcontent-%COMP%] {
    .author[_ngcontent-%COMP%]:hover   .go[_ngcontent-%COMP%] {
     transform: none;
   }
-}`]})},P2=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function F2(e){return e==null?`Unknown`:e?`Yes`:`No`}function I2(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 L2(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 R2=new WeakMap;function z2(e){let t=e.calls;if(Array.isArray(t))return e;let n=R2.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)},R2.set(e,n)}return n}function B2(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(z2).sort((e,t)=>t.reportedAt-e.reportedAt)}function V2(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function H2(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function U2(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||H2(e,n)>=500}function W2(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 G2(e,t){let n=t-e;return n<1e3?`just now`:`${W2(n)} ago`}function K2(e,t){return P2.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 q2(e,t){let n=e.info,r=n=>e.calls.filter(e=>U2(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=>K2(e,n.platform)).length}}function J2(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 Y2=/^[A-Za-z_$][\w$]*$/;function X2(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+X2(e,n)).join(`,
-`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${Y2.test(e)?e:JSON.stringify(e)}: ${X2(t,n)}`).join(`,
-`)},\n${t}}`:`{}`}function Z2(e){let t=Y2.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=Y2.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[X2(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function Q2(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function $2(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 e4(e,t){if(e&1){let e=V();z(0,`button`,8),U(`click`,function(){let t=w(e).$implicit;return T(W().tab.set(t))}),K(1),B()}if(e&2){let e=t.$implicit,n=W();Fg(`id`,`cap-tab-`+e),A(`aria-selected`,n.tab()===e)(`aria-controls`,`cap-panel-`+e)(`tabindex`,n.tab()===e?0:-1),O(),J(` `,n.tabLabel(e),` `)}}function t4(e,t){e&1&&(z(0,`p`,9),K(1,`No arguments.`),B())}function n4(e,t){if(e&1&&(z(0,`pre`,10),K(1),B()),e&2){let e=W(2),t=q_(0);O(),q(e.json(t.args))}}function r4(e,t){e&1&&j(0,t4,2,0,`p`,9)(1,n4,2,1,`pre`,10),e&2&&(W(),M(q_(0).args===void 0?0:1))}function i4(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W();O(),q(e.code)}}function a4(e,t){if(e&1&&(z(0,`p`,11),j(1,i4,2,1,`code`),K(2),B()),e&2){let e=t;O(),M(e.code?1:-1),O(),J(` `,e.message,` `)}}function o4(e,t){e&1&&(z(0,`p`,9),K(1,`No answer yet.`),B())}function s4(e,t){if(e&1&&(z(0,`p`,9),K(1),B()),e&2){W(3);let e=q_(0);O(),J(`The latest of `,e.callbacks,` callbacks.`)}}function c4(e,t){e&1&&(z(0,`p`,9),K(1,`Resolved without a value.`),B())}function l4(e,t){if(e&1&&(z(0,`pre`,12),K(1),B()),e&2){let e=W(3),t=q_(0);O(),q(e.json(t.result))}}function u4(e,t){if(e&1&&(j(0,s4,2,1,`p`,9),j(1,c4,2,0,`p`,9)(2,l4,2,1,`pre`,12)),e&2){W(2);let e=q_(0);M(e.callbacks&&e.callbacks>1?0:-1),O(),M(e.result===void 0?1:2)}}function d4(e,t){if(e&1&&j(0,a4,3,2,`p`,11)(1,o4,2,0,`p`,9)(2,u4,3,2),e&2){let e;W();let t=q_(0);M((e=t.error)?0:t.status===`pending`?1:2,e)}}function f4(e,t){if(e&1&&(z(0,`div`)(1,`dt`),K(2,`Callbacks`),B(),z(3,`dd`),K(4),B()()),e&2){W(2);let e=q_(0);O(4),q(e.callbacks??0)}}function p4(e,t){if(e&1&&(z(0,`dl`)(1,`div`)(2,`dt`),K(3,`Started`),B(),z(4,`dd`),K(5),B()(),z(6,`div`)(7,`dt`),K(8,`Finished`),B(),z(9,`dd`),K(10),B()(),z(11,`div`)(12,`dt`),K(13),B(),z(14,`dd`),K(15),B()(),j(16,f4,5,1,`div`),B()),e&2){let e=W(),t=q_(0);O(5),q(e.time(t.startedAt)),O(5),J(` `,t.durationMs===void 0?`Not yet`:e.time(t.startedAt+t.durationMs),` `),O(3),q(t.status===`pending`?`Waiting for`:`Duration`),O(2),q(e.span(e.took(t,e.now()))),O(),M(t.kind===`callback`?16:-1)}}var m4=[`args`,`outcome`,`timing`],h4=class e{call=$.required();now=$.required();announce=yv();host=C(Wl);tab=D(`args`);tabOrder=m4;json=Q2;time=pO;span=W2;took=H2;statusText=X(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:V2(e)?`Not implemented`:`Error`});panelHasFocusable=X(()=>{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=m4.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%m4.length;else if(e.key===`ArrowLeft`)n=(t-1+m4.length)%m4.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=m4.length-1;else return;e.preventDefault();let r=m4[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`?Q2(t):Z2(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=k({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&&(G_(0),z(1,`section`,0)(2,`h3`,1)(3,`code`),K(4),B()(),z(5,`p`,2),K(6),B(),z(7,`div`,3)(8,`button`,4),U(`click`,function(){return t.copy(`json`)}),K(9,`Copy as JSON`),B(),z(10,`button`,4),U(`click`,function(){return t.copy(`code`)}),K(11,`Copy as code`),B()(),z(12,`div`,5),U(`keydown`,function(e){return t.onTabKey(e)}),N(13,e4,2,5,`button`,6,vg),B(),z(15,`div`,7),j(16,r4,2,1)(17,d4,3,1)(18,p4,17,5,`dl`),B()()),e&2){let e,n=K_(t.call());O(4),Y(``,n.plugin,`.`,n.method,`()`),O(2),R_(` `,t.statusText(),`, `,n.via,`, `,n.kind===`callback`?`stream`:`promise`,` `),O(7),P(t.tabOrder),O(2),Fg(`id`,`cap-panel-`+t.tab()),A(`aria-labelledby`,`cap-tab-`+t.tab())(`tabindex`,t.panelHasFocusable()?null:0),O(),M((e=t.tab())===`args`?16:e===`outcome`?17:e===`timing`?18:-1)}},styles:[`.detail[_ngcontent-%COMP%] {
+}`]})},e4=new Set([`CapacitorCookies`,`CapacitorHttp`,`SystemBars`,`WebView`]);function t4(e){return e==null?`Unknown`:e?`Yes`:`No`}function n4(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 r4(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 i4=new WeakMap;function a4(e){let t=e.calls;if(Array.isArray(t))return e;let n=i4.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)},i4.set(e,n)}return n}function o4(e){let t=e?.pages;return!t||typeof t!=`object`?[]:Object.values(t).filter(e=>e&&typeof e.pageId==`string`&&!!e.info).map(a4).sort((e,t)=>t.reportedAt-e.reportedAt)}function s4(e){let t=e.error;return!!t&&(t.code===`UNIMPLEMENTED`||/not implemented/i.test(t.message))}function c4(e,t){return e.durationMs===void 0?e.status===`pending`?Math.max(0,t-e.startedAt):0:e.durationMs}function l4(e,t,n){return t===`failed`?e.status===`error`:t===`pending`?e.status===`pending`:t!==`slow`||c4(e,n)>=500}function u4(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 d4(e,t){let n=t-e;return n<1e3?`just now`:`${u4(n)} ago`}function f4(e,t){return e4.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 p4(e,t){let n=e.info,r=n=>e.calls.filter(e=>l4(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=>f4(e,n.platform)).length}}function m4(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 h4=/^[A-Za-z_$][\w$]*$/;function g4(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+g4(e,n)).join(`,
+`)},\n${t}]`:`[]`;let r=Object.entries(e);return r.length?`{\n${r.map(([e,t])=>`${n}${h4.test(e)?e:JSON.stringify(e)}: ${g4(t,n)}`).join(`,
+`)},\n${t}}`:`{}`}function _4(e){let t=h4.test(e.plugin)?e.plugin:`Capacitor.Plugins[${JSON.stringify(e.plugin)}]`,n=h4.test(e.method)?`.${e.method}`:`[${JSON.stringify(e.method)}]`,r=e.args===void 0?[]:[g4(e.args)];return e.kind===`callback`&&(r.length||r.push(`{}`),r.push(`(result, error) => {}`)),`await ${t}${n}(${r.join(`, `)});`}function v4(e){if(e===void 0)return`undefined`;try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function y4(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 b4(e,t){if(e&1){let e=V();z(0,`button`,8),U(`click`,function(){let t=w(e).$implicit;return T(W().tab.set(t))}),K(1),B()}if(e&2){let e=t.$implicit,n=W();Fg(`id`,`cap-tab-`+e),A(`aria-selected`,n.tab()===e)(`aria-controls`,`cap-panel-`+e)(`tabindex`,n.tab()===e?0:-1),O(),J(` `,n.tabLabel(e),` `)}}function x4(e,t){e&1&&(z(0,`p`,9),K(1,`No arguments.`),B())}function S4(e,t){if(e&1&&(z(0,`pre`,10),K(1),B()),e&2){let e=W(2),t=q_(0);O(),q(e.json(t.args))}}function C4(e,t){e&1&&j(0,x4,2,0,`p`,9)(1,S4,2,1,`pre`,10),e&2&&(W(),M(q_(0).args===void 0?0:1))}function w4(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W();O(),q(e.code)}}function T4(e,t){if(e&1&&(z(0,`p`,11),j(1,w4,2,1,`code`),K(2),B()),e&2){let e=t;O(),M(e.code?1:-1),O(),J(` `,e.message,` `)}}function E4(e,t){e&1&&(z(0,`p`,9),K(1,`No answer yet.`),B())}function D4(e,t){if(e&1&&(z(0,`p`,9),K(1),B()),e&2){W(3);let e=q_(0);O(),J(`The latest of `,e.callbacks,` callbacks.`)}}function O4(e,t){e&1&&(z(0,`p`,9),K(1,`Resolved without a value.`),B())}function k4(e,t){if(e&1&&(z(0,`pre`,12),K(1),B()),e&2){let e=W(3),t=q_(0);O(),q(e.json(t.result))}}function A4(e,t){if(e&1&&(j(0,D4,2,1,`p`,9),j(1,O4,2,0,`p`,9)(2,k4,2,1,`pre`,12)),e&2){W(2);let e=q_(0);M(e.callbacks&&e.callbacks>1?0:-1),O(),M(e.result===void 0?1:2)}}function j4(e,t){if(e&1&&j(0,T4,3,2,`p`,11)(1,E4,2,0,`p`,9)(2,A4,3,2),e&2){let e;W();let t=q_(0);M((e=t.error)?0:t.status===`pending`?1:2,e)}}function M4(e,t){if(e&1&&(z(0,`div`)(1,`dt`),K(2,`Callbacks`),B(),z(3,`dd`),K(4),B()()),e&2){W(2);let e=q_(0);O(4),q(e.callbacks??0)}}function N4(e,t){if(e&1&&(z(0,`dl`)(1,`div`)(2,`dt`),K(3,`Started`),B(),z(4,`dd`),K(5),B()(),z(6,`div`)(7,`dt`),K(8,`Finished`),B(),z(9,`dd`),K(10),B()(),z(11,`div`)(12,`dt`),K(13),B(),z(14,`dd`),K(15),B()(),j(16,M4,5,1,`div`),B()),e&2){let e=W(),t=q_(0);O(5),q(e.time(t.startedAt)),O(5),J(` `,t.durationMs===void 0?`Not yet`:e.time(t.startedAt+t.durationMs),` `),O(3),q(t.status===`pending`?`Waiting for`:`Duration`),O(2),q(e.span(e.took(t,e.now()))),O(),M(t.kind===`callback`?16:-1)}}var P4=[`args`,`outcome`,`timing`],F4=class e{call=$.required();now=$.required();announce=yv();host=C(Hl);tab=D(`args`);tabOrder=P4;json=v4;time=gO;span=u4;took=c4;statusText=X(()=>{let e=this.call();return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:s4(e)?`Not implemented`:`Error`});panelHasFocusable=X(()=>{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=P4.indexOf(this.tab()),n;if(e.key===`ArrowRight`)n=(t+1)%P4.length;else if(e.key===`ArrowLeft`)n=(t-1+P4.length)%P4.length;else if(e.key===`Home`)n=0;else if(e.key===`End`)n=P4.length-1;else return;e.preventDefault();let r=P4[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`?v4(t):_4(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=k({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&&(G_(0),z(1,`section`,0)(2,`h3`,1)(3,`code`),K(4),B()(),z(5,`p`,2),K(6),B(),z(7,`div`,3)(8,`button`,4),U(`click`,function(){return t.copy(`json`)}),K(9,`Copy as JSON`),B(),z(10,`button`,4),U(`click`,function(){return t.copy(`code`)}),K(11,`Copy as code`),B()(),z(12,`div`,5),U(`keydown`,function(e){return t.onTabKey(e)}),N(13,b4,2,5,`button`,6,vg),B(),z(15,`div`,7),j(16,C4,2,1)(17,j4,3,1)(18,N4,17,5,`dl`),B()()),e&2){let e,n=K_(t.call());O(4),Y(``,n.plugin,`.`,n.method,`()`),O(2),R_(` `,t.statusText(),`, `,n.via,`, `,n.kind===`callback`?`stream`:`promise`,` `),O(7),P(t.tabOrder),O(2),Fg(`id`,`cap-panel-`+t.tab()),A(`aria-labelledby`,`cap-tab-`+t.tab())(`tabindex`,t.panelHasFocusable()?null:0),O(),M((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);
@@ -16983,7 +17155,7 @@ dd[_ngcontent-%COMP%] {
   margin: 0;
   color: var(--%NS%text);
   font-variant-numeric: tabular-nums;
-}`]})},g4=(e,t)=>t.plugin,_4=(e,t)=>t.label;function v4(e,t){if(e&1&&(z(0,`span`,5),K(1),B(),K(2,` `),z(3,`span`,6),K(4,`from `),z(5,`code`),K(6),B(),K(7),B()),e&2){let e=W().$implicit,t=W(2);O(),q(e.value),O(5),q(e.from),O(),J(`, `,t.ago(e.at,t.now()))}}function y4(e,t){e&1&&(z(0,`span`,4),K(1,`Not reported yet`),B())}function b4(e,t){if(e&1&&(z(0,`div`)(1,`dt`),K(2),B(),z(3,`dd`),j(4,v4,8,3)(5,y4,2,0,`span`,4),B()()),e&2){let e=t.$implicit;O(2),q(e.label),O(2),M(e.value===null?5:4)}}function x4(e,t){if(e&1&&(z(0,`article`,2)(1,`h3`,3)(2,`code`),K(3),B()(),z(4,`dl`),N(5,b4,6,2,`div`,null,_4),B()()),e&2){let e=t.$implicit;A(`aria-labelledby`,`cap-state-`+e.plugin),O(),Fg(`id`,`cap-state-`+e.plugin),O(2),q(e.plugin),O(2),P(e.fields)}}function S4(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function C4(e,t=e=>e){return n=>{let r=S4(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function w4(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var T4=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:w4([`getFoldState`],[`foldStateChange`],C4(`state`))},{label:`Posture`,sources:w4([`getFoldState`],[`foldStateChange`],C4(`posture`))},{label:`Hinge orientation`,sources:w4([`getFoldState`],[`foldStateChange`],C4(`hingeOrientation`))},{label:`Hinge angle`,sources:w4([`getHingeAngle`],[`hingeAngleChange`],C4(`angle`,e=>`${e}°`))},{label:`Active display`,sources:w4([`getFoldState`],[`foldStateChange`],C4(`activeDisplay`))},{label:`Size class`,sources:w4([`getSizeClass`],[`sizeClassChange`],e=>{let t=C4(`widthClass`)(e),n=C4(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function E4(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 D4(e,t=T4){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=E4(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 O4=class e{cards=$.required();now=$.required();ago=G2;static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&(z(0,`p`,0),K(1,` Read from the results and events the app already received. The panel calls nothing in the app. `),B(),z(2,`div`,1),N(3,x4,7,3,`article`,2,g4),B()),e&2&&(O(3),P(t.cards()))},styles:[`[_nghost-%COMP%] {
+}`]})},I4=(e,t)=>t.plugin,L4=(e,t)=>t.label;function R4(e,t){if(e&1&&(z(0,`span`,5),K(1),B(),K(2,` `),z(3,`span`,6),K(4,`from `),z(5,`code`),K(6),B(),K(7),B()),e&2){let e=W().$implicit,t=W(2);O(),q(e.value),O(5),q(e.from),O(),J(`, `,t.ago(e.at,t.now()))}}function z4(e,t){e&1&&(z(0,`span`,4),K(1,`Not reported yet`),B())}function B4(e,t){if(e&1&&(z(0,`div`)(1,`dt`),K(2),B(),z(3,`dd`),j(4,R4,8,3)(5,z4,2,0,`span`,4),B()()),e&2){let e=t.$implicit;O(2),q(e.label),O(2),M(e.value===null?5:4)}}function V4(e,t){if(e&1&&(z(0,`article`,2)(1,`h3`,3)(2,`code`),K(3),B()(),z(4,`dl`),N(5,B4,6,2,`div`,null,L4),B()()),e&2){let e=t.$implicit;A(`aria-labelledby`,`cap-state-`+e.plugin),O(),Fg(`id`,`cap-state-`+e.plugin),O(2),q(e.plugin),O(2),P(e.fields)}}function H4(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function U4(e,t=e=>e){return n=>{let r=H4(n)?n[e]:void 0;return typeof r==`string`||typeof r==`number`||typeof r==`boolean`?t(String(r)):null}}function W4(e,t,n){return[...e.map(e=>({method:e,read:n})),...t.map(e=>({event:e,read:n}))]}var G4=[{plugin:`Foldable`,fields:[{label:`Fold state`,sources:W4([`getFoldState`],[`foldStateChange`],U4(`state`))},{label:`Posture`,sources:W4([`getFoldState`],[`foldStateChange`],U4(`posture`))},{label:`Hinge orientation`,sources:W4([`getFoldState`],[`foldStateChange`],U4(`hingeOrientation`))},{label:`Hinge angle`,sources:W4([`getHingeAngle`],[`hingeAngleChange`],U4(`angle`,e=>`${e}°`))},{label:`Active display`,sources:W4([`getFoldState`],[`foldStateChange`],U4(`activeDisplay`))},{label:`Size class`,sources:W4([`getSizeClass`],[`sizeClassChange`],e=>{let t=U4(`widthClass`)(e),n=U4(`heightClass`)(e);return!t&&!n?null:[t&&`width ${t}`,n&&`height ${n}`].filter(Boolean).join(`, `)})}]}];function K4(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 q4(e,t=G4){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=K4(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 J4=class e{cards=$.required();now=$.required();ago=d4;static ɵfac=function(t){return new(t||e)};static ɵcmp=k({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&&(z(0,`p`,0),K(1,` Read from the results and events the app already received. The panel calls nothing in the app. `),B(),z(2,`div`,1),N(3,V4,7,3,`article`,2,I4),B()),e&2&&(O(3),P(t.cards()))},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -17059,7 +17231,7 @@ dd[_ngcontent-%COMP%] {
 
 .missing[_ngcontent-%COMP%] {
   font-style: italic;
-}`]})},k4=(e,t)=>t.filter,A4=(e,t)=>t.id,j4=(e,t)=>t.name;function M4(e,t){e&1&&(I(0,`p`,1),K(1,`Loading Capacitor data…`),L())}function N4(e,t){if(e&1){let e=V();I(0,`div`,2)(1,`p`),K(2,`Can't read the Capacitor data from the devtools server.`),L(),I(3,`button`,3),H(`click`,function(){return w(e),T(W().retry())}),K(4,`Retry`),L()()}}function P4(e,t){if(e&1){let e=V();I(0,`button`,27),H(`click`,function(){let t=w(e).$implicit;return T(W(4).pickFilter(t.filter))}),I(1,`span`,24),K(2),L(),K(3,` `),I(4,`span`,25),K(5),L()()}if(e&2){let e=t.$implicit,n=W(4);A(`data-filter`,e.filter)(`aria-pressed`,n.callFilter()===e.filter),O(2),q(e.label),O(3),q(e.count)}}function F4(e,t){if(e&1&&N(0,P4,6,4,`button`,26,k4),e&2){let e=W();P(W(2).callStats(e))}}function I4(e,t){if(e&1&&(I(0,`span`,23)(1,`span`,24),K(2,`Platform`),L(),K(3,` `),I(4,`span`,25)(5,`code`),K(6),L(),K(7),L()(),j(8,F4,2,0),I(9,`span`,23)(10,`span`,24),K(11,`CapacitorHttp`),L(),K(12,` `),I(13,`span`,25),K(14),L()(),I(15,`span`,23)(16,`span`,24),K(17,`Plugin hints`),L(),K(18,` `),I(19,`span`,25),K(20),L()()),e&2){let e=t;O(6),q(e.platform),O(),J(` `,e.native?`native`:`web`),O(),M(e.logsCalls?8:-1),O(6),q(e.capacitorHttp),O(6),q(e.hints)}}function L4(e,t){if(e&1){let e=V();I(0,`div`,10)(1,`span`,28),K(2,`Page`),L(),I(3,`app-select`,29),H(`valueChange`,function(t){return w(e),T(W(2).selectedPageId.set(t))}),L()()}if(e&2){let e=W(),t=W();O(3),F(`options`,t.pageOptions())(`value`,e.pageId)}}function R4(e,t){if(e&1&&(I(0,`section`,12)(1,`h2`,30),K(2,`Plugin state`),L(),R(3,`app-capacitor-state`,31),L()),e&2){let e=W(2);O(3),F(`cards`,e.stateCards())(`now`,e.now())}}function z4(e,t){if(e&1&&(I(0,`p`,15),K(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 `),I(2,`code`),K(3,`@pangular-inspector/devtools/capacitor-hook`),L(),K(4,` before `),I(5,`code`),K(6,`@capacitor/core`),L(),K(7,`. `),I(8,`a`,32),K(9,`How to log web calls`),I(10,`span`,6),K(11,` (opens in a new tab)`),L()()()),e&2){let e=W(2);O(8),F(`href`,e.guideUrl,Au)}}function B4(e,t){if(e&1&&(I(0,`p`,15),K(1,` Only native calls are logged. Calls a web implementation answers are left out. `),I(2,`a`,32),K(3,`How to log them too`),I(4,`span`,6),K(5,` (opens in a new tab)`),L()()()),e&2){let e=W(3);O(2),F(`href`,e.guideUrl,Au)}}function V4(e,t){e&1&&(I(0,`p`,18),K(1,`No plugin calls yet. Use the app and they show up here.`),L())}function H4(e,t){if(e&1){let e=V();I(0,`div`,18)(1,`p`),K(2,`No call matches the filters.`),L(),I(3,`p`,43),K(4),L(),I(5,`button`,3),H(`click`,function(){w(e),W();let t=$g(7);return W(2).clearFilters(),T(t.focus())}),K(6,` Clear filters `),L()()}if(e&2){let e=W(2),t=W();O(4),R_(` `,e.calls.length,` `,e.calls.length===1?`call is`:`calls are`,` hidden by `,t.hiddenBy(),`. `)}}function U4(e,t){e&1&&(E(),R(0,`path`,50))}function W4(e,t){e&1&&(E(),R(0,`circle`,55)(1,`path`,56))}function G4(e,t){e&1&&(E(),R(0,`circle`,55)(1,`path`,57))}function K4(e,t){e&1&&(E(),R(0,`circle`,55)(1,`path`,58))}function q4(e,t){e&1&&(I(0,`span`,51),K(1,`stream`),L())}function J4(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,46),H(`focus`,function(){let t=w(e).$implicit;return T(W(4).focusedCallId.set(t.id))})(`click`,function(){let t=w(e).$implicit;return T(W(4).select(t.id))}),I(2,`code`,47),K(3),L(),I(4,`span`,48),E(),I(5,`svg`,49),j(6,U4,1,0,`:svg:path`,50)(7,W4,2,0)(8,G4,2,0)(9,K4,2,0),L(),K(10),L(),j(11,q4,2,0,`span`,51),Cs(),I(12,`span`,52)(13,`span`,53),R(14,`span`),L(),K(15),L(),I(16,`span`,51),K(17),L(),I(18,`time`,54),K(19),L()()()}if(e&2){let e,n=t.$implicit,r=W(4);O(),G(`selected`,r.selected()?.id===n.id),A(`aria-pressed`,r.selected()?.id===n.id)(`tabindex`,r.tabStop()===n.id?0:-1),O(2),Y(``,n.plugin,`.`,n.method,`()`),O(),A(`data-tone`,r.tone(n)),O(2),M((e=r.tone(n))===`ok`?6:e===`danger`?7:e===`warn`?8:9),O(4),J(` `,r.statusLabel(n),` `),O(),M(n.kind===`callback`?11:-1),O(3),b_(`width`,r.barWidth(n),`%`),O(),J(` `,r.durationText(n),` `),O(2),q(n.via),O(2),q(r.time(n.startedAt))}}function Y4(e,t){if(e&1){let e=V();I(0,`app-capacitor-call-detail`,59),H(`announce`,function(t){return w(e),T(W(4).announce(t))}),L()}if(e&2){let e=W(4);F(`call`,t)(`now`,e.now())}}function X4(e,t){if(e&1){let e=V();I(0,`div`,42)(1,`ol`,44),H(`keydown`,function(t){return w(e),T(W(3).onListKey(t))}),N(2,J4,20,15,`li`,null,A4),L(),j(4,Y4,1,2,`app-capacitor-call-detail`,45),L()}if(e&2){let e,t=W(3);O(2),P(t.shownCalls()),O(2),M((e=t.selected())?4:-1,e)}}function Z4(e,t){if(e&1){let e=V();j(0,B4,6,1,`p`,15),I(1,`div`,33)(2,`div`,34),E(),I(3,`svg`,35),R(4,`circle`,36)(5,`path`,37),L(),Cs(),I(6,`input`,38,0),H(`input`,function(t){return w(e),T(W(2).setSearch(t.target.value))})(`keydown.escape`,function(){return w(e),T(W(2).setSearch(``))}),L()(),I(8,`app-select`,39),H(`valueChange`,function(t){return w(e),T(W(2).setFilter(t))}),L(),I(9,`span`,40),K(10),L()(),R(11,`app-limit-note`,41),j(12,V4,2,0,`p`,18)(13,H4,7,3,`div`,18)(14,X4,5,1,`div`,42)}if(e&2){let e=W(),t=W();M(e.info.webCalls?-1:0),O(6),F(`value`,t.filter()),O(2),F(`options`,t.filterOptions)(`value`,t.callFilter()),O(2),Y(``,t.shownCalls().length,` of `,e.calls.length,` calls`),O(),F(`dropped`,e.dropped)(`max`,t.maxCalls()),O(),M(e.calls.length?t.shownCalls().length?14:13:12)}}function Q4(e,t){e&1&&(I(0,`p`,18),K(1,`No plugins are registered or installed.`),L())}function $4(e,t){if(e&1&&(I(0,`code`),K(1),L()),e&2){let e=W();O(),q(e.command)}}function e3(e,t){if(e&1){let e=V();I(0,`button`,65),H(`click`,function(){w(e);let t=W();return T(W(4).copyCommand(t.command))}),K(1,` Copy `),L()}e&2&&A(`aria-label`,`Copy `+W().command)}function t3(e,t){if(e&1&&(I(0,`span`,63),K(1),j(2,$4,2,1,`code`),K(3),L(),j(4,e3,2,1,`button`,64)),e&2){let e=t;O(),q(e.before),O(),M(e.command?2:-1),O(),q(e.after),O(),M(e.command?4:-1)}}function n3(e,t){if(e&1&&(I(0,`tr`)(1,`th`,61)(2,`code`),K(3),L()(),I(4,`td`),K(5),L(),I(6,`td`),K(7),L(),I(8,`td`),K(9),L(),I(10,`td`,62),j(11,t3,5,4),L()()),e&2){let e,n=t.$implicit,r=W(2),i=W();O(3),q(n.name),O(2),q(n.available?`Yes`:`No`),O(2),q(i.yesNo(n.registered)),O(2),q(n.native?`Yes`:`No`),O(2),M((e=i.pluginHint(n,r.info.platform))?11:-1,e)}}function r3(e,t){if(e&1&&(I(0,`div`,19)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,60),K(5,`Plugin`),L(),I(6,`th`,60),K(7,`Available`),L(),I(8,`th`,60),K(9,`Imported`),L(),I(10,`th`,60),K(11,`Native`),L(),I(12,`th`,60),K(13,`Note`),L()()(),I(14,`tbody`),N(15,n3,12,5,`tr`,null,j4),L()()()),e&2){let e=W();O(15),P(e.info.plugins)}}function i3(e,t){e&1&&(I(0,`p`,18),K(1,`No plugin listeners. They show up when the app calls addListener.`),L())}function a3(e,t){if(e&1&&(I(0,`code`,68),K(1),L()),e&2){let e=W(2).$implicit,t=W(3);O(),q(t.preview(e.last))}}function o3(e,t){e&1&&(I(0,`span`,68),K(1,`No data`),L())}function s3(e,t){if(e&1&&(j(0,a3,2,1,`code`,68)(1,o3,2,0,`span`,68),I(2,`span`,43),K(3),L()),e&2){let e=W().$implicit,t=W(3);M(+(e.last===void 0)),O(3),J(`at `,t.time(e.lastEventAt))}}function c3(e,t){e&1&&K(0,` None yet `)}function l3(e,t){if(e&1&&(I(0,`span`,67),E(),I(1,`svg`,49),R(2,`path`,69)(3,`path`,70),L(),K(4),L()),e&2){let e=W().$implicit,t=W(3);O(4),J(` `,t.leakCount(e),` active listeners: possible leak `)}}function u3(e,t){if(e&1&&(I(0,`tr`)(1,`th`,61)(2,`code`),K(3),L()(),I(4,`td`)(5,`code`),K(6),L()(),I(7,`td`),K(8),L(),I(9,`td`,66),j(10,s3,4,2)(11,c3,1,0),L(),I(12,`td`),K(13),j(14,l3,5,1,`span`,67),L()()),e&2){let e=t.$implicit,n=W(3);O(3),q(e.plugin),O(3),q(e.event),O(2),q(e.events),O(2),M(e.lastEventAt?10:11),O(3),J(` `,e.removed?`Removed`:`Active`,` `),O(),M(!e.removed&&n.leakCount(e)>1?14:-1)}}function d3(e,t){if(e&1&&(I(0,`div`,22)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,60),K(5,`Plugin`),L(),I(6,`th`,60),K(7,`Event`),L(),I(8,`th`,60),K(9,`Events`),L(),I(10,`th`,60),K(11,`Last event`),L(),I(12,`th`,60),K(13,`State`),L()()(),I(14,`tbody`),N(15,u3,15,6,`tr`,null,A4),L()()()),e&2){let e=W();O(15),P(e.listeners)}}function f3(e,t){if(e&1&&(I(0,`p`,4),K(1,` Plugin calls, plugins and listeners of a Capacitor app, as its WebView reports them. Values are masked like other live data. `),L(),I(2,`div`,5),j(3,I4,21,5),I(4,`span`,6),K(5),L()(),I(6,`section`,7)(7,`div`,8)(8,`h2`,9),K(9,`Environment`),L(),j(10,L4,4,2,`div`,10),L(),I(11,`dl`)(12,`div`)(13,`dt`),K(14,`Platform`),L(),I(15,`dd`)(16,`code`),K(17),L(),K(18),L()(),I(19,`div`)(20,`dt`),K(21,`Server URL`),L(),I(22,`dd`)(23,`code`),K(24),L()()(),I(25,`div`)(26,`dt`),K(27,`CapacitorHttp`),L(),I(28,`dd`),K(29),L()(),I(30,`div`)(31,`dt`),K(32,`Calls logged`),L(),I(33,`dd`),K(34),L()(),I(35,`div`,11)(36,`dt`),K(37,`User agent`),L(),I(38,`dd`)(39,`code`),K(40),L()()()()(),j(41,R4,4,2,`section`,12),I(42,`section`,13)(43,`h2`,14),K(44,`Plugin calls`),L(),j(45,z4,12,1,`p`,15)(46,Z4,15,9),L(),I(47,`section`,16)(48,`h2`,17),K(49,`Plugins`),L(),j(50,Q4,2,0,`p`,18)(51,r3,17,0,`div`,19),L(),I(52,`section`,20)(53,`h2`,21),K(54,`Listeners`),L(),j(55,i3,2,0,`p`,18)(56,d3,17,0,`div`,22),L()),e&2){let e,n=t,r=W();O(3),M((e=r.summary())?3:-1,e),O(2),q(r.message()),O(5),M(r.pageOptions().length>1?10:-1),O(7),q(n.info.platform),O(),J(` (`,n.info.native?`native`:`web`,`) `),O(6),q(n.info.env.serverUrl||`none`),O(5),J(` `,n.info.env.capacitorHttp===null?`Unknown`:n.info.env.capacitorHttp?`On`:`Off`,` `),O(5),q(r.loggedLabel()),O(6),q(n.info.env.userAgent||`unknown`),O(),M(r.stateCards().length?41:-1),O(4),M(!n.info.bridge&&!n.info.webCalls?45:46),O(5),M(n.info.plugins.length?51:50),O(5),M(n.listeners.length?56:55)}}function p3(e,t){e&1&&(I(0,`p`,1),K(1,` No Capacitor app reports to this server. Start the overlay in the app, then use it. `),L())}var m3=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,h3=2e3,g3={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},_3=class e{rpc=$(null);destroyRef=C(Ns);host=C(Wl);injector=C(js);seen=new Map;hostPageId=GT();unsubscribe;time=pO;preview=$2;pluginHint=K2;guideUrl=m3;yesNo=F2;filterOptions=Object.keys(g3).map(e=>({value:e,label:g3[e]}));pages=D([]);loaded=D(!1);failed=D(!1);selectedPageId=Q({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:L2(e,this.hostPageId)});selectedCallId=D(null);focusedCallId=D(null);filter=D(``);callFilter=D(`all`);now=D(Date.now());message=D(``);page=X(()=>{let e=this.selectedPageId();return this.pages().find(t=>t.pageId===e)??null});pageOptions=X(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url||e.pageId,hint:e.info.platform})));maxCalls=X(()=>fE(this.rpc()).limits.capacitorCalls);loggedLabel=X(()=>{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=X(()=>{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=>U2(e,n,r)).filter(e=>!t||`${e.plugin}.${e.method}`.toLowerCase().includes(t)).sort((e,t)=>t.startedAt-e.startedAt)});selected=X(()=>this.shownCalls().find(e=>e.id===this.selectedCallId())??null);tabStop=X(()=>{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=X(()=>{let e=this.now();return Math.max(1,...this.shownCalls().map(t=>H2(t,e)))});hiddenBy=X(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${g3[this.callFilter()]} filter`),e.join(` and `)});stateCards=X(()=>{let e=this.page();return e?D4(e):[]});leaks=X(()=>J2(this.page()?.listeners??[]));liveSummary=X(()=>{let e=this.page();return e?q2(e,this.now()):null});summary=D(null);summaryShownAt=0;summaryTimer;messageFlip=!1;constructor(){bc(()=>{let e=this.rpc();e&&this.load(e)}),bc(()=>{let e=this.liveSummary();Z(()=>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),dd(()=>{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`:V2(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:V2(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${W2(H2(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,H2(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+h3-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(I2(B2(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=k({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&&j(0,M4,2,0,`p`,1)(1,N4,5,0,`div`,2)(2,f3,57,13)(3,p3,2,0,`p`,1),e&2){let e;M(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[yO,UD,h4,O4],styles:[`[_nghost-%COMP%] {
+}`]})},Y4=(e,t)=>t.filter,X4=(e,t)=>t.id,Z4=(e,t)=>t.name;function Q4(e,t){e&1&&(I(0,`p`,1),K(1,`Loading Capacitor data…`),L())}function $4(e,t){if(e&1){let e=V();I(0,`div`,2)(1,`p`),K(2,`Can't read the Capacitor data from the devtools server.`),L(),I(3,`button`,3),H(`click`,function(){return w(e),T(W().retry())}),K(4,`Retry`),L()()}}function e3(e,t){if(e&1){let e=V();I(0,`button`,27),H(`click`,function(){let t=w(e).$implicit;return T(W(4).pickFilter(t.filter))}),I(1,`span`,24),K(2),L(),K(3,` `),I(4,`span`,25),K(5),L()()}if(e&2){let e=t.$implicit,n=W(4);A(`data-filter`,e.filter)(`aria-pressed`,n.callFilter()===e.filter),O(2),q(e.label),O(3),q(e.count)}}function t3(e,t){if(e&1&&N(0,e3,6,4,`button`,26,Y4),e&2){let e=W();P(W(2).callStats(e))}}function n3(e,t){if(e&1&&(I(0,`span`,23)(1,`span`,24),K(2,`Platform`),L(),K(3,` `),I(4,`span`,25)(5,`code`),K(6),L(),K(7),L()(),j(8,t3,2,0),I(9,`span`,23)(10,`span`,24),K(11,`CapacitorHttp`),L(),K(12,` `),I(13,`span`,25),K(14),L()(),I(15,`span`,23)(16,`span`,24),K(17,`Plugin hints`),L(),K(18,` `),I(19,`span`,25),K(20),L()()),e&2){let e=t;O(6),q(e.platform),O(),J(` `,e.native?`native`:`web`),O(),M(e.logsCalls?8:-1),O(6),q(e.capacitorHttp),O(6),q(e.hints)}}function r3(e,t){if(e&1){let e=V();I(0,`div`,10)(1,`span`,28),K(2,`Page`),L(),I(3,`app-select`,29),H(`valueChange`,function(t){return w(e),T(W(2).selectedPageId.set(t))}),L()()}if(e&2){let e=W(),t=W();O(3),F(`options`,t.pageOptions())(`value`,e.pageId)}}function i3(e,t){if(e&1&&(I(0,`section`,12)(1,`h2`,30),K(2,`Plugin state`),L(),R(3,`app-capacitor-state`,31),L()),e&2){let e=W(2);O(3),F(`cards`,e.stateCards())(`now`,e.now())}}function a3(e,t){if(e&1&&(I(0,`p`,15),K(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 `),I(2,`code`),K(3,`@pangular-inspector/devtools/capacitor-hook`),L(),K(4,` before `),I(5,`code`),K(6,`@capacitor/core`),L(),K(7,`. `),I(8,`a`,32),K(9,`How to log web calls`),I(10,`span`,6),K(11,` (opens in a new tab)`),L()()()),e&2){let e=W(2);O(8),F(`href`,e.guideUrl,Au)}}function o3(e,t){if(e&1&&(I(0,`p`,15),K(1,` Only native calls are logged. Calls a web implementation answers are left out. `),I(2,`a`,32),K(3,`How to log them too`),I(4,`span`,6),K(5,` (opens in a new tab)`),L()()()),e&2){let e=W(3);O(2),F(`href`,e.guideUrl,Au)}}function s3(e,t){e&1&&(I(0,`p`,18),K(1,`No plugin calls yet. Use the app and they show up here.`),L())}function c3(e,t){if(e&1){let e=V();I(0,`div`,18)(1,`p`),K(2,`No call matches the filters.`),L(),I(3,`p`,43),K(4),L(),I(5,`button`,3),H(`click`,function(){w(e),W();let t=$g(7);return W(2).clearFilters(),T(t.focus())}),K(6,` Clear filters `),L()()}if(e&2){let e=W(2),t=W();O(4),R_(` `,e.calls.length,` `,e.calls.length===1?`call is`:`calls are`,` hidden by `,t.hiddenBy(),`. `)}}function l3(e,t){e&1&&(E(),R(0,`path`,50))}function u3(e,t){e&1&&(E(),R(0,`circle`,55)(1,`path`,56))}function d3(e,t){e&1&&(E(),R(0,`circle`,55)(1,`path`,57))}function f3(e,t){e&1&&(E(),R(0,`circle`,55)(1,`path`,58))}function p3(e,t){e&1&&(I(0,`span`,51),K(1,`stream`),L())}function m3(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,46),H(`focus`,function(){let t=w(e).$implicit;return T(W(4).focusedCallId.set(t.id))})(`click`,function(){let t=w(e).$implicit;return T(W(4).select(t.id))}),I(2,`code`,47),K(3),L(),I(4,`span`,48),E(),I(5,`svg`,49),j(6,l3,1,0,`:svg:path`,50)(7,u3,2,0)(8,d3,2,0)(9,f3,2,0),L(),K(10),L(),j(11,p3,2,0,`span`,51),xs(),I(12,`span`,52)(13,`span`,53),R(14,`span`),L(),K(15),L(),I(16,`span`,51),K(17),L(),I(18,`time`,54),K(19),L()()()}if(e&2){let e,n=t.$implicit,r=W(4);O(),G(`selected`,r.selected()?.id===n.id),A(`aria-pressed`,r.selected()?.id===n.id)(`tabindex`,r.tabStop()===n.id?0:-1),O(2),Y(``,n.plugin,`.`,n.method,`()`),O(),A(`data-tone`,r.tone(n)),O(2),M((e=r.tone(n))===`ok`?6:e===`danger`?7:e===`warn`?8:9),O(4),J(` `,r.statusLabel(n),` `),O(),M(n.kind===`callback`?11:-1),O(3),b_(`width`,r.barWidth(n),`%`),O(),J(` `,r.durationText(n),` `),O(2),q(n.via),O(2),q(r.time(n.startedAt))}}function h3(e,t){if(e&1){let e=V();I(0,`app-capacitor-call-detail`,59),H(`announce`,function(t){return w(e),T(W(4).announce(t))}),L()}if(e&2){let e=W(4);F(`call`,t)(`now`,e.now())}}function g3(e,t){if(e&1){let e=V();I(0,`div`,42)(1,`ol`,44),H(`keydown`,function(t){return w(e),T(W(3).onListKey(t))}),N(2,m3,20,15,`li`,null,X4),L(),j(4,h3,1,2,`app-capacitor-call-detail`,45),L()}if(e&2){let e,t=W(3);O(2),P(t.shownCalls()),O(2),M((e=t.selected())?4:-1,e)}}function _3(e,t){if(e&1){let e=V();j(0,o3,6,1,`p`,15),I(1,`div`,33)(2,`div`,34),E(),I(3,`svg`,35),R(4,`circle`,36)(5,`path`,37),L(),xs(),I(6,`input`,38,0),H(`input`,function(t){return w(e),T(W(2).setSearch(t.target.value))})(`keydown.escape`,function(){return w(e),T(W(2).setSearch(``))}),L()(),I(8,`app-select`,39),H(`valueChange`,function(t){return w(e),T(W(2).setFilter(t))}),L(),I(9,`span`,40),K(10),L()(),R(11,`app-limit-note`,41),j(12,s3,2,0,`p`,18)(13,c3,7,3,`div`,18)(14,g3,5,1,`div`,42)}if(e&2){let e=W(),t=W();M(e.info.webCalls?-1:0),O(6),F(`value`,t.filter()),O(2),F(`options`,t.filterOptions)(`value`,t.callFilter()),O(2),Y(``,t.shownCalls().length,` of `,e.calls.length,` calls`),O(),F(`dropped`,e.dropped)(`max`,t.maxCalls()),O(),M(e.calls.length?t.shownCalls().length?14:13:12)}}function v3(e,t){e&1&&(I(0,`p`,18),K(1,`No plugins are registered or installed.`),L())}function y3(e,t){if(e&1&&(I(0,`code`),K(1),L()),e&2){let e=W();O(),q(e.command)}}function b3(e,t){if(e&1){let e=V();I(0,`button`,65),H(`click`,function(){w(e);let t=W();return T(W(4).copyCommand(t.command))}),K(1,` Copy `),L()}e&2&&A(`aria-label`,`Copy `+W().command)}function x3(e,t){if(e&1&&(I(0,`span`,63),K(1),j(2,y3,2,1,`code`),K(3),L(),j(4,b3,2,1,`button`,64)),e&2){let e=t;O(),q(e.before),O(),M(e.command?2:-1),O(),q(e.after),O(),M(e.command?4:-1)}}function S3(e,t){if(e&1&&(I(0,`tr`)(1,`th`,61)(2,`code`),K(3),L()(),I(4,`td`),K(5),L(),I(6,`td`),K(7),L(),I(8,`td`),K(9),L(),I(10,`td`,62),j(11,x3,5,4),L()()),e&2){let e,n=t.$implicit,r=W(2),i=W();O(3),q(n.name),O(2),q(n.available?`Yes`:`No`),O(2),q(i.yesNo(n.registered)),O(2),q(n.native?`Yes`:`No`),O(2),M((e=i.pluginHint(n,r.info.platform))?11:-1,e)}}function C3(e,t){if(e&1&&(I(0,`div`,19)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,60),K(5,`Plugin`),L(),I(6,`th`,60),K(7,`Available`),L(),I(8,`th`,60),K(9,`Imported`),L(),I(10,`th`,60),K(11,`Native`),L(),I(12,`th`,60),K(13,`Note`),L()()(),I(14,`tbody`),N(15,S3,12,5,`tr`,null,Z4),L()()()),e&2){let e=W();O(15),P(e.info.plugins)}}function w3(e,t){e&1&&(I(0,`p`,18),K(1,`No plugin listeners. They show up when the app calls addListener.`),L())}function T3(e,t){if(e&1&&(I(0,`code`,68),K(1),L()),e&2){let e=W(2).$implicit,t=W(3);O(),q(t.preview(e.last))}}function E3(e,t){e&1&&(I(0,`span`,68),K(1,`No data`),L())}function D3(e,t){if(e&1&&(j(0,T3,2,1,`code`,68)(1,E3,2,0,`span`,68),I(2,`span`,43),K(3),L()),e&2){let e=W().$implicit,t=W(3);M(+(e.last===void 0)),O(3),J(`at `,t.time(e.lastEventAt))}}function O3(e,t){e&1&&K(0,` None yet `)}function k3(e,t){if(e&1&&(I(0,`span`,67),E(),I(1,`svg`,49),R(2,`path`,69)(3,`path`,70),L(),K(4),L()),e&2){let e=W().$implicit,t=W(3);O(4),J(` `,t.leakCount(e),` active listeners: possible leak `)}}function A3(e,t){if(e&1&&(I(0,`tr`)(1,`th`,61)(2,`code`),K(3),L()(),I(4,`td`)(5,`code`),K(6),L()(),I(7,`td`),K(8),L(),I(9,`td`,66),j(10,D3,4,2)(11,O3,1,0),L(),I(12,`td`),K(13),j(14,k3,5,1,`span`,67),L()()),e&2){let e=t.$implicit,n=W(3);O(3),q(e.plugin),O(3),q(e.event),O(2),q(e.events),O(2),M(e.lastEventAt?10:11),O(3),J(` `,e.removed?`Removed`:`Active`,` `),O(),M(!e.removed&&n.leakCount(e)>1?14:-1)}}function j3(e,t){if(e&1&&(I(0,`div`,22)(1,`table`)(2,`thead`)(3,`tr`)(4,`th`,60),K(5,`Plugin`),L(),I(6,`th`,60),K(7,`Event`),L(),I(8,`th`,60),K(9,`Events`),L(),I(10,`th`,60),K(11,`Last event`),L(),I(12,`th`,60),K(13,`State`),L()()(),I(14,`tbody`),N(15,A3,15,6,`tr`,null,X4),L()()()),e&2){let e=W();O(15),P(e.listeners)}}function M3(e,t){if(e&1&&(I(0,`p`,4),K(1,` Plugin calls, plugins and listeners of a Capacitor app, as its WebView reports them. Values are masked like other live data. `),L(),I(2,`div`,5),j(3,n3,21,5),I(4,`span`,6),K(5),L()(),I(6,`section`,7)(7,`div`,8)(8,`h2`,9),K(9,`Environment`),L(),j(10,r3,4,2,`div`,10),L(),I(11,`dl`)(12,`div`)(13,`dt`),K(14,`Platform`),L(),I(15,`dd`)(16,`code`),K(17),L(),K(18),L()(),I(19,`div`)(20,`dt`),K(21,`Server URL`),L(),I(22,`dd`)(23,`code`),K(24),L()()(),I(25,`div`)(26,`dt`),K(27,`CapacitorHttp`),L(),I(28,`dd`),K(29),L()(),I(30,`div`)(31,`dt`),K(32,`Calls logged`),L(),I(33,`dd`),K(34),L()(),I(35,`div`,11)(36,`dt`),K(37,`User agent`),L(),I(38,`dd`)(39,`code`),K(40),L()()()()(),j(41,i3,4,2,`section`,12),I(42,`section`,13)(43,`h2`,14),K(44,`Plugin calls`),L(),j(45,a3,12,1,`p`,15)(46,_3,15,9),L(),I(47,`section`,16)(48,`h2`,17),K(49,`Plugins`),L(),j(50,v3,2,0,`p`,18)(51,C3,17,0,`div`,19),L(),I(52,`section`,20)(53,`h2`,21),K(54,`Listeners`),L(),j(55,w3,2,0,`p`,18)(56,j3,17,0,`div`,22),L()),e&2){let e,n=t,r=W();O(3),M((e=r.summary())?3:-1,e),O(2),q(r.message()),O(5),M(r.pageOptions().length>1?10:-1),O(7),q(n.info.platform),O(),J(` (`,n.info.native?`native`:`web`,`) `),O(6),q(n.info.env.serverUrl||`none`),O(5),J(` `,n.info.env.capacitorHttp===null?`Unknown`:n.info.env.capacitorHttp?`On`:`Off`,` `),O(5),q(r.loggedLabel()),O(6),q(n.info.env.userAgent||`unknown`),O(),M(r.stateCards().length?41:-1),O(4),M(!n.info.bridge&&!n.info.webCalls?45:46),O(5),M(n.info.plugins.length?51:50),O(5),M(n.listeners.length?56:55)}}function N3(e,t){e&1&&(I(0,`p`,1),K(1,` No Capacitor app reports to this server. Start the overlay in the app, then use it. `),L())}var P3=`https://pangular-inspector.dev/inspectors/capacitor/#web-calls`,F3=2e3,I3={all:`All calls`,failed:`Failed`,slow:`Slow (500 ms or more)`,pending:`Pending`},L3=class e{rpc=$(null);destroyRef=C(js);host=C(Hl);injector=C(ks);seen=new Map;hostPageId=JT();unsubscribe;time=gO;preview=y4;pluginHint=f4;guideUrl=P3;yesNo=t4;filterOptions=Object.keys(I3).map(e=>({value:e,label:I3[e]}));pages=D([]);loaded=D(!1);failed=D(!1);selectedPageId=Q({source:()=>this.pages(),computation:(e,t)=>t?.value&&e.some(e=>e.pageId===t.value)?t.value:r4(e,this.hostPageId)});selectedCallId=D(null);focusedCallId=D(null);filter=D(``);callFilter=D(`all`);now=D(Date.now());message=D(``);page=X(()=>{let e=this.selectedPageId();return this.pages().find(t=>t.pageId===e)??null});pageOptions=X(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url||e.pageId,hint:e.info.platform})));maxCalls=X(()=>hE(this.rpc()).limits.capacitorCalls);loggedLabel=X(()=>{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=X(()=>{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=>l4(e,n,r)).filter(e=>!t||`${e.plugin}.${e.method}`.toLowerCase().includes(t)).sort((e,t)=>t.startedAt-e.startedAt)});selected=X(()=>this.shownCalls().find(e=>e.id===this.selectedCallId())??null);tabStop=X(()=>{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=X(()=>{let e=this.now();return Math.max(1,...this.shownCalls().map(t=>c4(t,e)))});hiddenBy=X(()=>{let e=[],t=this.filter().trim();return t&&e.push(`the search “${t}”`),this.callFilter()!==`all`&&e.push(`the ${I3[this.callFilter()]} filter`),e.join(` and `)});stateCards=X(()=>{let e=this.page();return e?q4(e):[]});leaks=X(()=>m4(this.page()?.listeners??[]));liveSummary=X(()=>{let e=this.page();return e?p4(e,this.now()):null});summary=D(null);summaryShownAt=0;summaryTimer;messageFlip=!1;constructor(){vc(()=>{let e=this.rpc();e&&this.load(e)}),vc(()=>{let e=this.liveSummary();Z(()=>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),dd(()=>{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`:s4(e)?`warn`:`danger`}statusLabel(e){return e.status===`pending`?`Pending`:e.status===`ok`?`OK`:s4(e)?`Not implemented`:`Error`}durationText(e){return e.status===`pending`?`waiting ${u4(c4(e,this.now()))}`:e.durationMs===void 0?``:`${Math.round(e.durationMs)} ms`}barWidth(e){return Math.min(100,c4(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+F3-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(n4(o4(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=k({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&&j(0,Q4,2,0,`p`,1)(1,$4,5,0,`div`,2)(2,M3,57,13)(3,N3,2,0,`p`,1),e&2){let e;M(t.loaded()?t.failed()?1:(e=t.page())?2:3:0,e)}},dependencies:[SO,KD,F4,J4],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -17542,7 +17714,7 @@ td.last[_ngcontent-%COMP%] {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})};function v3(e,t,n=600){let r=D(``),i=!0,a;return bc(()=>{if(e(),i){i=!1;return}clearTimeout(a),a=setTimeout(()=>{let e=Z(t);r.update(t=>t===e?`${e} `:e)},n)}),C(Ns).onDestroy(()=>clearTimeout(a)),r.asReadonly()}var y3=[`log`,`info`,`warn`,`error`,`debug`];function b3(e){return e.split("`").map((e,t)=>({code:t%2==1,text:e})).filter(e=>e.text)}var x3={handler:`ErrorHandler`,window:`Uncaught`,promise:`Unhandled rejection`};function S3(e){return!!e&&typeof e==`object`}function C3(e){let t=S3(e)?e.pages:void 0;return S3(t)?Object.values(t).filter(e=>S3(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:S3(e.errors)?Object.values(e.errors):[],console:S3(e.console)?Object.values(e.console).sort((e,t)=>e.id-t.id):[],dropped:S3(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 w3(e,t){return t&&e.some(e=>e.pageId===t)?t:e.length>1?`all`:e[0]?.pageId??`all`}function T3(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 E3(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 D3(e,t){return t?.startsWith(`https://angular.dev/errors/`)?{code:e,href:t}:{code:e}}var O3=(e,t)=>t.signal+t.at,k3=(e,t)=>t.id+e;function A3(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W();O(),q(e.binding)}}function j3(e,t){e&1&&(z(0,`span`,2),K(1,`A text interpolation (Angular doesn't name it)`),B())}function M3(e,t){if(e&1&&(z(0,`span`,2),K(1,` in `),B(),z(2,`code`),K(3),B()),e&2){let e=W();O(3),q(e.template)}}function N3(e,t){if(e&1&&(z(0,`code`),K(1),B(),K(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;O(),q(e),O(),J(``,n===r-1?``:`, `,` `)}}function P3(e,t){if(e&1&&(z(0,`dt`),K(1,`Held by`),B(),z(2,`dd`),N(3,N3,3,2,null,null,vg),B()),e&2){let e=W();O(3),P(e.members)}}function F3(e,t){e&1&&(z(0,`p`,4),K(1,` Values are hidden: the binding or a field that holds them has a secret-looking name. `),B())}function I3(e,t){e&1&&(z(0,`p`,4),K(1,` Angular says this view was created after its parent was checked, so a change detection hook such as `),z(2,`code`),K(3,`ngAfterViewInit`),B(),K(4,` created it. `),B())}function L3(e,t){if(e&1&&(z(0,`li`)(1,`code`),K(2),B()()),e&2){let e=t.$implicit;O(2),q(e)}}function R3(e,t){if(e&1&&(z(0,`ol`,6),N(1,L3,3,1,`li`,null,_g),B()),e&2){let e=W().$implicit;O(),P(e.stack)}}function z3(e,t){e&1&&(z(0,`span`,2),K(1,` (turn on write stacks in the Signals tab and reproduce to see the code)`),B())}function B3(e,t){if(e&1&&(z(0,`li`),K(1,` Signal `),z(2,`code`),K(3),B(),K(4),j(5,R3,3,0,`ol`,6)(6,z3,2,0,`span`,2),B()),e&2){let e=t.$implicit,n=W(4);O(3),q(e.signal),O(),J(` at `,n.time(e.at),` `),O(),M(e.stack?.length?5:6)}}function V3(e,t){if(e&1&&(z(0,`h4`,0),K(1,`Written by`),B(),z(2,`ul`,5),N(3,B3,7,3,`li`,null,O3),B()),e&2){let e=W();O(3),P(e.writes)}}function H3(e,t){e&1&&(z(0,`p`,4),K(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 `),z(2,`code`),K(3,`ngAfterViewInit`),B(),K(4,`, a getter that returns a new value each time, or a child that changes its parent. `),B())}function U3(e,t){e&1&&(z(0,`p`,4),K(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). `),B())}function W3(e,t){if(e&1&&(z(0,`h3`,0),K(1,`What changed`),B(),z(2,`dl`,1)(3,`dt`),K(4,`Binding`),B(),z(5,`dd`),j(6,A3,2,1,`code`)(7,j3,2,0,`span`,2),j(8,M3,4,1),B(),z(9,`dt`),K(10,`Previous`),B(),z(11,`dd`)(12,`code`,3),K(13),B()(),z(14,`dt`),K(15,`Current`),B(),z(16,`dd`)(17,`code`,3),K(18),B()(),j(19,P3,5,0),B(),j(20,F3,2,0,`p`,4),j(21,I3,5,0,`p`,4),j(22,V3,5,0)(23,H3,5,0,`p`,4)(24,U3,2,0,`p`,4)),e&2){let e=t;O(6),M(e.binding?6:7),O(2),M(e.template?8:-1),O(5),q(e.previous),O(5),q(e.current),O(),M(e.members?.length?19:-1),O(),M(e.masked?20:-1),O(),M(e.creation?21:-1),O(),M(e.writes?.length?22:e.writesKnown?23:24)}}function G3(e,t){if(e&1&&j(0,W3,25,8),e&2){let e;M((e=W().changed())?0:-1,e)}}function K3(e,t){if(e&1&&(z(0,`p`,7),K(1),B()),e&2){let e=W();O(),q(e.summary)}}function q3(e,t){if(e&1&&(z(0,`span`,14),K(1),B()),e&2){let e=W().$implicit;O(),q(e.op===`expected`?`Server only:`:`Client only:`)}}function J3(e,t){if(e&1&&(z(0,`li`)(1,`span`,13),K(2),B(),j(3,q3,2,1,`span`,14),z(4,`code`),K(5),B()()),e&2){let e=t.$implicit,n=W(4);A(`data-op`,e.op),O(2),q(n.signOf(e.op)),O(),M(e.op===`same`?-1:3),O(2),q(e.text)}}function Y3(e,t){if(e&1&&(z(0,`p`,8)(1,`span`,9),K(2,`−`),B(),K(3,` server HTML Angular expected `),z(4,`span`,10),K(5,`+`),B(),K(6,` client DOM it found `),B(),z(7,`div`,11)(8,`ol`,12),N(9,J3,6,4,`li`,null,_g),B()()),e&2){let e=W();O(9),P(e.diff)}}function X3(e,t){e&1&&(z(0,`p`,4),K(1,`Angular described neither side of the mismatch.`),B())}function Z3(e,t){e&1&&(z(0,`p`,4),K(1,` Angular thinks a browser extension or third-party script changed the DOM before hydration. Try a clean browser profile, or add `),z(2,`code`),K(3,`ngSkipHydration`),B(),K(4,` to the host. `),B())}function Q3(e,t){if(e&1&&(z(0,`h3`,0),K(1,`Server vs client DOM`),B(),j(2,K3,2,1,`p`,7),j(3,Y3,11,0)(4,X3,2,0,`p`,4),j(5,Z3,5,0,`p`,4)),e&2){let e=t;O(2),M(e.summary?2:-1),O(),M(e.diff?.length?3:4),O(2),M(e.external?5:-1)}}function $3(e,t){if(e&1&&j(0,Q3,6,3),e&2){let e;M((e=W().mismatch())?0:-1,e)}}function e6(e,t){if(e&1&&(z(0,`code`),K(1),B(),K(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;O(),q(e),O(),J(``,n===r-1?``:` → `,` `)}}function t6(e,t){if(e&1&&(z(0,`dt`),K(1,`Path`),B(),z(2,`dd`),N(3,e6,3,2,null,null,_g),B()),e&2){let e=W();O(3),P(e.path)}}function n6(e,t){if(e&1&&(z(0,`dt`),K(1,`Source`),B(),z(2,`dd`)(3,`code`),K(4),B()()),e&2){let e=W();O(4),q(e.source)}}function r6(e,t){if(e&1){let e=V();z(0,`button`,18),U(`click`,function(){w(e);let t=W();return T(W(2).explainLookup(t.token))}),K(1),B()}if(e&2){let e=W(3);A(`aria-disabled`,e.loading()||null),O(),J(` `,e.lookup()?`Explain lookup again`:`Explain lookup`,` `)}}function i6(e,t){e&1&&(z(0,`p`,4),K(1,` The component that asked for it wasn't found on the page, so the lookup can't be walked from here. `),B())}function a6(e,t){e&1&&(z(0,`p`,4),K(1,`Walking the lookup…`),B())}function o6(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.text)}}function s6(e,t){if(e&1&&(z(0,`span`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.text)}}function c6(e,t){if(e&1&&j(0,o6,2,1,`code`)(1,s6,2,1,`span`),e&2){let e=t.$implicit;M(+!e.code)}}function l6(e,t){if(e&1&&(z(0,`p`,17),N(1,c6,2,1,null,null,_g),B()),e&2){let e=W(3);O(),P(e.segments(t))}}function u6(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.text)}}function d6(e,t){if(e&1&&(z(0,`span`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.text)}}function f6(e,t){if(e&1&&j(0,u6,2,1,`code`)(1,d6,2,1,`span`),e&2){let e=t.$implicit;M(+!e.code)}}function p6(e,t){if(e&1&&(z(0,`p`,7),N(1,f6,2,1,null,null,_g),B()),e&2){let e=W(3);O(),P(e.segments(t.summary))}}function m6(e,t){if(e&1&&(z(0,`code`,2),K(1),B()),e&2){let e=W().$implicit;O(),q(e.component)}}function h6(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.text)}}function g6(e,t){if(e&1&&(z(0,`span`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.text)}}function _6(e,t){if(e&1&&j(0,h6,2,1,`code`)(1,g6,2,1,`span`),e&2){let e=t.$implicit;M(+!e.code)}}function v6(e,t){if(e&1&&(z(0,`li`)(1,`span`,20)(2,`code`),K(3),B(),j(4,m6,2,1,`code`,2),B(),z(5,`span`,21),K(6),B(),z(7,`span`,22),N(8,_6,2,1,null,null,_g),B()()),e&2){let e=t.$implicit,n=W(4);O(3),q(e.name),O(),M(e.component?4:-1),O(),A(`data-tone`,n.stepTone[e.status]),O(),q(n.stepLabel[e.status]),O(2),P(n.segments(e.reason))}}function y6(e,t){e&1&&K(0,` This Angular version has no resolution path, so the path follows the rendered tree. `)}function b6(e,t){if(e&1&&(z(0,`ol`,19),N(1,v6,10,4,`li`,null,k3),B(),z(3,`p`,4),K(4,` Read from the injector tree the page reported, assuming no `),z(5,`code`),K(6,`self`),B(),K(7,`, `),z(8,`code`),K(9,`skipSelf`),B(),K(10,`, `),z(11,`code`),K(12,`host`),B(),K(13,` or `),z(14,`code`),K(15,`optional`),B(),K(16,`. Agents can pass those to `),z(17,`code`),K(18,`explain-injection`),B(),K(19,`. `),j(20,y6,1,0),B()),e&2){let e=t;O(),P(e.steps),O(19),M(e.approximate?20:-1)}}function x6(e,t){if(e&1&&(z(0,`h3`,0),K(1,`Missing provider`),B(),z(2,`dl`,1)(3,`dt`),K(4,`Token`),B(),z(5,`dd`)(6,`code`),K(7),B()(),j(8,t6,5,0),j(9,n6,5,1),B(),j(10,r6,2,2,`button`,15)(11,i6,2,0,`p`,4),z(12,`div`,16),j(13,a6,2,0,`p`,4)(14,l6,3,0,`p`,17)(15,p6,3,0,`p`,7),B(),j(16,b6,21,1)),e&2){let e,n,r=t,i=W(2);O(7),q(r.token),O(),M(r.path?.length?8:-1),O(),M(r.source?9:-1),O(),M(i.canExplain()&&i.owner()?10:i.owner()?-1:11),O(3),M(i.loading()?13:(e=i.lookupError())?14:(e=i.lookup())?15:-1,e),O(3),M((n=!i.loading()&&!i.lookupError()&&i.lookup())?16:-1,n)}}function S6(e,t){if(e&1&&j(0,x6,17,6),e&2){let e;M((e=W().missing())?0:-1,e)}}var C6={provides:`Provides it`,missing:`Not provided`,hidden:`Hidden`,skipped:`Skipped`,"not-asked":`Not asked`,unknown:`Unknown`},w6={provides:`ok`,missing:`plain`,hidden:`warn`,skipped:`plain`,"not-asked":`plain`,unknown:`warn`},T6=class e{explain=$.required();owner=$(void 0);pageId=$(``);rpc=$(null);canExplain=$(!1);time=pO;segments=b3;stepLabel=C6;stepTone=w6;changed=X(()=>{let e=this.explain();return e.kind===`expression-changed`?e:null});mismatch=X(()=>{let e=this.explain();return e.kind===`hydration-mismatch`?e:null});missing=X(()=>{let e=this.explain();return e.kind===`missing-provider`?e:null});loading=D(!1);lookup=D(null);lookupError=D(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=k({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&&j(0,G3,1,1)(1,$3,1,1)(2,S6,1,1),e&2){let e;M((e=t.explain().kind)===`expression-changed`?0:e===`hydration-mismatch`?1:e===`missing-provider`?2:-1)}},styles:[`[_nghost-%COMP%] {
+}`]})};function R3(e,t,n=600){let r=D(``),i=!0,a;return vc(()=>{if(e(),i){i=!1;return}clearTimeout(a),a=setTimeout(()=>{let e=Z(t);r.update(t=>t===e?`${e} `:e)},n)}),C(js).onDestroy(()=>clearTimeout(a)),r.asReadonly()}var z3=[`log`,`info`,`warn`,`error`,`debug`];function B3(e){return e.split("`").map((e,t)=>({code:t%2==1,text:e})).filter(e=>e.text)}var V3={handler:`ErrorHandler`,window:`Uncaught`,promise:`Unhandled rejection`};function H3(e){return!!e&&typeof e==`object`}function U3(e){let t=H3(e)?e.pages:void 0;return H3(t)?Object.values(t).filter(e=>H3(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:H3(e.errors)?Object.values(e.errors):[],console:H3(e.console)?Object.values(e.console).sort((e,t)=>e.id-t.id):[],dropped:H3(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 W3(e,t){return t&&e.some(e=>e.pageId===t)?t:e.length>1?`all`:e[0]?.pageId??`all`}function G3(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 K3(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 q3(e,t){return t?.startsWith(`https://angular.dev/errors/`)?{code:e,href:t}:{code:e}}var J3=(e,t)=>t.signal+t.at,Y3=(e,t)=>t.id+e;function X3(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W();O(),q(e.binding)}}function Z3(e,t){e&1&&(z(0,`span`,2),K(1,`A text interpolation (Angular doesn't name it)`),B())}function Q3(e,t){if(e&1&&(z(0,`span`,2),K(1,` in `),B(),z(2,`code`),K(3),B()),e&2){let e=W();O(3),q(e.template)}}function $3(e,t){if(e&1&&(z(0,`code`),K(1),B(),K(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;O(),q(e),O(),J(``,n===r-1?``:`, `,` `)}}function e6(e,t){if(e&1&&(z(0,`dt`),K(1,`Held by`),B(),z(2,`dd`),N(3,$3,3,2,null,null,vg),B()),e&2){let e=W();O(3),P(e.members)}}function t6(e,t){e&1&&(z(0,`p`,4),K(1,` Values are hidden: the binding or a field that holds them has a secret-looking name. `),B())}function n6(e,t){e&1&&(z(0,`p`,4),K(1,` Angular says this view was created after its parent was checked, so a change detection hook such as `),z(2,`code`),K(3,`ngAfterViewInit`),B(),K(4,` created it. `),B())}function r6(e,t){if(e&1&&(z(0,`li`)(1,`code`),K(2),B()()),e&2){let e=t.$implicit;O(2),q(e)}}function i6(e,t){if(e&1&&(z(0,`ol`,6),N(1,r6,3,1,`li`,null,_g),B()),e&2){let e=W().$implicit;O(),P(e.stack)}}function a6(e,t){e&1&&(z(0,`span`,2),K(1,` (turn on write stacks in the Signals tab and reproduce to see the code)`),B())}function o6(e,t){if(e&1&&(z(0,`li`),K(1,` Signal `),z(2,`code`),K(3),B(),K(4),j(5,i6,3,0,`ol`,6)(6,a6,2,0,`span`,2),B()),e&2){let e=t.$implicit,n=W(4);O(3),q(e.signal),O(),J(` at `,n.time(e.at),` `),O(),M(e.stack?.length?5:6)}}function s6(e,t){if(e&1&&(z(0,`h4`,0),K(1,`Written by`),B(),z(2,`ul`,5),N(3,o6,7,3,`li`,null,J3),B()),e&2){let e=W();O(3),P(e.writes)}}function c6(e,t){e&1&&(z(0,`p`,4),K(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 `),z(2,`code`),K(3,`ngAfterViewInit`),B(),K(4,`, a getter that returns a new value each time, or a child that changes its parent. `),B())}function l6(e,t){e&1&&(z(0,`p`,4),K(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). `),B())}function u6(e,t){if(e&1&&(z(0,`h3`,0),K(1,`What changed`),B(),z(2,`dl`,1)(3,`dt`),K(4,`Binding`),B(),z(5,`dd`),j(6,X3,2,1,`code`)(7,Z3,2,0,`span`,2),j(8,Q3,4,1),B(),z(9,`dt`),K(10,`Previous`),B(),z(11,`dd`)(12,`code`,3),K(13),B()(),z(14,`dt`),K(15,`Current`),B(),z(16,`dd`)(17,`code`,3),K(18),B()(),j(19,e6,5,0),B(),j(20,t6,2,0,`p`,4),j(21,n6,5,0,`p`,4),j(22,s6,5,0)(23,c6,5,0,`p`,4)(24,l6,2,0,`p`,4)),e&2){let e=t;O(6),M(e.binding?6:7),O(2),M(e.template?8:-1),O(5),q(e.previous),O(5),q(e.current),O(),M(e.members?.length?19:-1),O(),M(e.masked?20:-1),O(),M(e.creation?21:-1),O(),M(e.writes?.length?22:e.writesKnown?23:24)}}function d6(e,t){if(e&1&&j(0,u6,25,8),e&2){let e;M((e=W().changed())?0:-1,e)}}function f6(e,t){if(e&1&&(z(0,`p`,7),K(1),B()),e&2){let e=W();O(),q(e.summary)}}function p6(e,t){if(e&1&&(z(0,`span`,14),K(1),B()),e&2){let e=W().$implicit;O(),q(e.op===`expected`?`Server only:`:`Client only:`)}}function m6(e,t){if(e&1&&(z(0,`li`)(1,`span`,13),K(2),B(),j(3,p6,2,1,`span`,14),z(4,`code`),K(5),B()()),e&2){let e=t.$implicit,n=W(4);A(`data-op`,e.op),O(2),q(n.signOf(e.op)),O(),M(e.op===`same`?-1:3),O(2),q(e.text)}}function h6(e,t){if(e&1&&(z(0,`p`,8)(1,`span`,9),K(2,`−`),B(),K(3,` server HTML Angular expected `),z(4,`span`,10),K(5,`+`),B(),K(6,` client DOM it found `),B(),z(7,`div`,11)(8,`ol`,12),N(9,m6,6,4,`li`,null,_g),B()()),e&2){let e=W();O(9),P(e.diff)}}function g6(e,t){e&1&&(z(0,`p`,4),K(1,`Angular described neither side of the mismatch.`),B())}function _6(e,t){e&1&&(z(0,`p`,4),K(1,` Angular thinks a browser extension or third-party script changed the DOM before hydration. Try a clean browser profile, or add `),z(2,`code`),K(3,`ngSkipHydration`),B(),K(4,` to the host. `),B())}function v6(e,t){if(e&1&&(z(0,`h3`,0),K(1,`Server vs client DOM`),B(),j(2,f6,2,1,`p`,7),j(3,h6,11,0)(4,g6,2,0,`p`,4),j(5,_6,5,0,`p`,4)),e&2){let e=t;O(2),M(e.summary?2:-1),O(),M(e.diff?.length?3:4),O(2),M(e.external?5:-1)}}function y6(e,t){if(e&1&&j(0,v6,6,3),e&2){let e;M((e=W().mismatch())?0:-1,e)}}function b6(e,t){if(e&1&&(z(0,`code`),K(1),B(),K(2)),e&2){let e=t.$implicit,n=t.$index,r=t.$count;O(),q(e),O(),J(``,n===r-1?``:` → `,` `)}}function x6(e,t){if(e&1&&(z(0,`dt`),K(1,`Path`),B(),z(2,`dd`),N(3,b6,3,2,null,null,_g),B()),e&2){let e=W();O(3),P(e.path)}}function S6(e,t){if(e&1&&(z(0,`dt`),K(1,`Source`),B(),z(2,`dd`)(3,`code`),K(4),B()()),e&2){let e=W();O(4),q(e.source)}}function C6(e,t){if(e&1){let e=V();z(0,`button`,18),U(`click`,function(){w(e);let t=W();return T(W(2).explainLookup(t.token))}),K(1),B()}if(e&2){let e=W(3);A(`aria-disabled`,e.loading()||null),O(),J(` `,e.lookup()?`Explain lookup again`:`Explain lookup`,` `)}}function w6(e,t){e&1&&(z(0,`p`,4),K(1,` The component that asked for it wasn't found on the page, so the lookup can't be walked from here. `),B())}function T6(e,t){e&1&&(z(0,`p`,4),K(1,`Walking the lookup…`),B())}function E6(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.text)}}function D6(e,t){if(e&1&&(z(0,`span`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.text)}}function O6(e,t){if(e&1&&j(0,E6,2,1,`code`)(1,D6,2,1,`span`),e&2){let e=t.$implicit;M(+!e.code)}}function k6(e,t){if(e&1&&(z(0,`p`,17),N(1,O6,2,1,null,null,_g),B()),e&2){let e=W(3);O(),P(e.segments(t))}}function A6(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.text)}}function j6(e,t){if(e&1&&(z(0,`span`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.text)}}function M6(e,t){if(e&1&&j(0,A6,2,1,`code`)(1,j6,2,1,`span`),e&2){let e=t.$implicit;M(+!e.code)}}function N6(e,t){if(e&1&&(z(0,`p`,7),N(1,M6,2,1,null,null,_g),B()),e&2){let e=W(3);O(),P(e.segments(t.summary))}}function P6(e,t){if(e&1&&(z(0,`code`,2),K(1),B()),e&2){let e=W().$implicit;O(),q(e.component)}}function F6(e,t){if(e&1&&(z(0,`code`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.text)}}function I6(e,t){if(e&1&&(z(0,`span`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.text)}}function L6(e,t){if(e&1&&j(0,F6,2,1,`code`)(1,I6,2,1,`span`),e&2){let e=t.$implicit;M(+!e.code)}}function R6(e,t){if(e&1&&(z(0,`li`)(1,`span`,20)(2,`code`),K(3),B(),j(4,P6,2,1,`code`,2),B(),z(5,`span`,21),K(6),B(),z(7,`span`,22),N(8,L6,2,1,null,null,_g),B()()),e&2){let e=t.$implicit,n=W(4);O(3),q(e.name),O(),M(e.component?4:-1),O(),A(`data-tone`,n.stepTone[e.status]),O(),q(n.stepLabel[e.status]),O(2),P(n.segments(e.reason))}}function z6(e,t){e&1&&K(0,` This Angular version has no resolution path, so the path follows the rendered tree. `)}function B6(e,t){if(e&1&&(z(0,`ol`,19),N(1,R6,10,4,`li`,null,Y3),B(),z(3,`p`,4),K(4,` Read from the injector tree the page reported, assuming no `),z(5,`code`),K(6,`self`),B(),K(7,`, `),z(8,`code`),K(9,`skipSelf`),B(),K(10,`, `),z(11,`code`),K(12,`host`),B(),K(13,` or `),z(14,`code`),K(15,`optional`),B(),K(16,`. Agents can pass those to `),z(17,`code`),K(18,`explain-injection`),B(),K(19,`. `),j(20,z6,1,0),B()),e&2){let e=t;O(),P(e.steps),O(19),M(e.approximate?20:-1)}}function V6(e,t){if(e&1&&(z(0,`h3`,0),K(1,`Missing provider`),B(),z(2,`dl`,1)(3,`dt`),K(4,`Token`),B(),z(5,`dd`)(6,`code`),K(7),B()(),j(8,x6,5,0),j(9,S6,5,1),B(),j(10,C6,2,2,`button`,15)(11,w6,2,0,`p`,4),z(12,`div`,16),j(13,T6,2,0,`p`,4)(14,k6,3,0,`p`,17)(15,N6,3,0,`p`,7),B(),j(16,B6,21,1)),e&2){let e,n,r=t,i=W(2);O(7),q(r.token),O(),M(r.path?.length?8:-1),O(),M(r.source?9:-1),O(),M(i.canExplain()&&i.owner()?10:i.owner()?-1:11),O(3),M(i.loading()?13:(e=i.lookupError())?14:(e=i.lookup())?15:-1,e),O(3),M((n=!i.loading()&&!i.lookupError()&&i.lookup())?16:-1,n)}}function H6(e,t){if(e&1&&j(0,V6,17,6),e&2){let e;M((e=W().missing())?0:-1,e)}}var U6={provides:`Provides it`,missing:`Not provided`,hidden:`Hidden`,skipped:`Skipped`,"not-asked":`Not asked`,unknown:`Unknown`},W6={provides:`ok`,missing:`plain`,hidden:`warn`,skipped:`plain`,"not-asked":`plain`,unknown:`warn`},G6=class e{explain=$.required();owner=$(void 0);pageId=$(``);rpc=$(null);canExplain=$(!1);time=gO;segments=B3;stepLabel=U6;stepTone=W6;changed=X(()=>{let e=this.explain();return e.kind===`expression-changed`?e:null});mismatch=X(()=>{let e=this.explain();return e.kind===`hydration-mismatch`?e:null});missing=X(()=>{let e=this.explain();return e.kind===`missing-provider`?e:null});loading=D(!1);lookup=D(null);lookupError=D(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=k({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&&j(0,d6,1,1)(1,y6,1,1)(2,H6,1,1),e&2){let e;M((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;
@@ -17747,7 +17919,7 @@ dd[_ngcontent-%COMP%] {
   border-color: var(--%NS%border);
   background: var(--%NS%surface-2);
   color: var(--%NS%text-2);
-}`]})},E6=(e,t)=>t.pageId+t.id;function D6(e,t){e&1&&(I(0,`p`,1),K(1,`Loading errors…`),L())}function O6(e,t){if(e&1){let e=V();I(0,`div`,2)(1,`p`),K(2,`Can't read the errors from the devtools server.`),L(),I(3,`button`,3),H(`click`,function(){return w(e),T(W().retry())}),K(4,`Retry`),L()()}}function k6(e,t){e&1&&(I(0,`div`,1)(1,`p`),K(2,`No page reports errors yet.`),L(),I(3,`p`,4),K(4,` Open the app with the overlay loaded. Errors and console calls show up here as they happen. `),L()())}function A6(e,t){if(e&1){let e=V();I(0,`app-select`,21),H(`valueChange`,function(t){return w(e),T(W(2).level.set(t))}),L()}if(e&2){let e=W(2);F(`options`,e.levelOptions)(`value`,e.level())}}function j6(e,t){if(e&1){let e=V();I(0,`app-select`,22),H(`valueChange`,function(t){w(e);let n=W(2);return T(n.pageId.set(t??n.allPages))}),L()}if(e&2){let e=W(2);F(`options`,e.pageOptions())(`value`,e.pageId())}}function M6(e,t){e&1&&(I(0,`p`,24),K(1,` Angular's ErrorHandler isn't wrapped on this page yet, so errors Angular catches show up only when the default handler logs them. `),L())}function N6(e,t){if(e&1&&(I(0,`p`,24),K(1),L()),e&2){let e=W(3);O(),Y(` `,e.droppedErrors(),` older error `,e.droppedErrors()===1?`group was`:`groups were`,` dropped. Each page keeps its last 100. `)}}function P6(e,t){e&1&&(I(0,`p`,25),K(1,` No errors since the page loaded. Errors show up here as the app hits them. `),L())}function F6(e,t){if(e&1){let e=V();I(0,`div`,25)(1,`p`),K(2),L(),I(3,`button`,3),H(`click`,function(){w(e),W(2);let t=$g(17);return W().filter.set(``),T(t.focus())}),K(4,` Clear filters `),L()()}if(e&2){let e=W(3);O(2),J(`No error matches “`,e.filter(),`”.`)}}function I6(e,t){if(e&1&&(I(0,`a`,34),K(1),I(2,`span`,36),K(3,` reference (opens in a new tab)`),L()()),e&2){let e=W();F(`href`,t,Au),O(),q(e)}}function L6(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W();O(),q(e)}}function R6(e,t){if(e&1&&j(0,I6,4,2,`a`,34)(1,L6,2,1,`span`,35),e&2){let e,n=W().$implicit;M((e=W(4).codeLink(t,n.docUrl).href)?0:1,e)}}function z6(e,t){if(e&1&&(I(0,`span`,32),K(1),L()),e&2){let e=t.$implicit,n=W(5);O(),q(n.sourceLabels[e])}}function B6(e,t){if(e&1&&(I(0,`span`,4),K(1),L()),e&2){let e=W().$implicit,t=W(4);O(),q(t.pageLabel(e.pageId))}}function V6(e,t){if(e&1){let e=V();I(0,`button`,38),H(`click`,function(){w(e);let t=W(),n=W().$implicit;return T(W(4).showComponent.emit({id:t.id,pageId:n.pageId}))}),K(1,` Show component `),I(2,`code`),K(3),L()()}if(e&2){let e=W();O(3),q(e.name)}}function H6(e,t){if(e&1&&(I(0,`span`,4),K(1,`In `),I(2,`code`),K(3),L()()),e&2){let e=W();O(3),q(e.name)}}function U6(e,t){e&1&&j(0,V6,4,1,`button`,37)(1,H6,4,1,`span`,4),e&2&&M(+!W(5).canShowComponent())}function W6(e,t){if(e&1&&R(0,`app-error-explain`,33),e&2){let e=W().$implicit,n=W(4);F(`explain`,t)(`owner`,e.owner)(`pageId`,e.pageId)(`rpc`,n.rpc())(`canExplain`,n.canExplainInjection())}}function G6(e,t){if(e&1&&(I(0,`details`)(1,`summary`),K(2,`Stack`),L(),I(3,`pre`,39),K(4),L()()),e&2){let e=W().$implicit;O(4),q(e.stack)}}function K6(e,t){if(e&1&&(I(0,`li`,27)(1,`div`,28)(2,`span`,29),K(3),L(),I(4,`code`,30),K(5),L()(),I(6,`div`,31),j(7,R6,2,1),N(8,z6,2,1,`span`,32,vg),I(10,`span`,4),K(11),L(),j(12,B6,2,1,`span`,4),j(13,U6,2,1),L(),j(14,W6,1,5,`app-error-explain`,33),j(15,G6,5,1,`details`),L()),e&2){let e,n,r,i=t.$implicit,a=W(4);O(2),A(`aria-label`,a.timesLabel(i.count)),O(),J(` `,i.count,`× `),O(2),q(i.message),O(2),M((e=i.code)?7:-1,e),O(),P(i.sources),O(3),J(`Last at `,a.time(i.lastAt)),O(),M(a.showPage()?12:-1),O(),M((n=i.owner)?13:-1,n),O(),M((r=i.explain)?14:-1,r),O(),M(i.stack?15:-1)}}function q6(e,t){if(e&1&&(I(0,`ol`,26),N(1,K6,16,9,`li`,27,E6),L()),e&2){let e=W(3);O(),P(e.shownErrors())}}function J6(e,t){if(e&1&&(I(0,`section`,19)(1,`h2`,23),K(2,`Errors`),L(),j(3,M6,2,0,`p`,24),j(4,N6,2,2,`p`,24),j(5,P6,2,0,`p`,25)(6,F6,5,1,`div`,25)(7,q6,3,0,`ol`,26),L()),e&2){let e=W(2);O(3),M(e.unwrapped()?3:-1),O(),M(e.droppedErrors()?4:-1),O(),M(e.errors().length?e.shownErrors().length?7:6:5)}}function Y6(e,t){if(e&1&&(I(0,`p`,24),K(1),L()),e&2){let e=W(3);O(),Y(` `,e.droppedConsole(),` older `,e.droppedConsole()===1?`call was`:`calls were`,` dropped. Each page keeps its last 200. `)}}function X6(e,t){e&1&&(I(0,`p`,25),K(1,` No console calls since the overlay connected. They show up here as the app logs. `),L())}function Z6(e,t){if(e&1){let e=V();I(0,`div`,25)(1,`p`),K(2,`No console call matches the filters.`),L(),I(3,`button`,3),H(`click`,function(){w(e),W(2);let t=$g(17);return W().clearFilters(),T(t.focus())}),K(4,` Clear filters `),L()()}}function Q6(e,t){if(e&1&&(I(0,`span`,29),K(1),L()),e&2){let e=W().$implicit;A(`aria-label`,W(4).timesLabel(e.count)),O(),J(``,e.count,`×`)}}function $6(e,t){if(e&1&&(I(0,`a`,34),K(1),I(2,`span`,36),K(3,` reference (opens in a new tab)`),L()()),e&2){let e=W();F(`href`,t,Au),O(),q(e)}}function e8(e,t){if(e&1&&(I(0,`span`,46),K(1),L()),e&2){let e=W();O(),q(e)}}function t8(e,t){if(e&1&&j(0,$6,4,2,`a`,34)(1,e8,2,1,`span`,46),e&2){let e,n=W().$implicit;M((e=W(4).codeLink(t,n.docUrl).href)?0:1,e)}}function n8(e,t){if(e&1&&(I(0,`li`,42)(1,`span`,43),K(2),L(),I(3,`code`,44),K(4),L(),j(5,Q6,2,2,`span`,29),j(6,t8,2,1),I(7,`time`,45),K(8),L()()),e&2){let e,n=t.$implicit,r=W(4);O(),A(`data-tone`,r.levelTone[n.level]),O(),q(n.level),O(2),q(n.text),O(),M(n.count>1?5:-1),O(),M((e=n.code)?6:-1,e),O(2),q(r.time(n.at))}}function r8(e,t){if(e&1&&(I(0,`ol`,41),N(1,n8,9,6,`li`,42,E6),L()),e&2){let e=W(3);O(),P(e.shownEntries())}}function i8(e,t){if(e&1&&(I(0,`section`,20)(1,`h2`,40),K(2,`Console`),L(),j(3,Y6,2,2,`p`,24),j(4,X6,2,0,`p`,25)(5,Z6,5,0,`div`,25)(6,r8,3,0,`ol`,41),L()),e&2){let e=W(2);O(3),M(e.droppedConsole()?3:-1),O(),M(e.entries().length?e.shownEntries().length?6:5:4)}}function a8(e,t){if(e&1){let e=V();I(0,`p`,5),K(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. `),L(),I(2,`div`,6)(3,`div`,7)(4,`button`,8),H(`click`,function(){return w(e),T(W().view.set(`errors`))}),K(5,` Errors `),I(6,`span`,9),K(7),L()(),I(8,`button`,8),H(`click`,function(){return w(e),T(W().view.set(`console`))}),K(9,` Console `),I(10,`span`,9),K(11),L()()(),I(12,`div`,10),E(),I(13,`svg`,11),R(14,`circle`,12)(15,`path`,13),L(),Cs(),I(16,`input`,14,0),H(`input`,function(t){return w(e),T(W().filter.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().filter.set(``))}),L()(),j(18,A6,1,2,`app-select`,15),j(19,j6,1,2,`app-select`,16),I(20,`span`,17),K(21),L(),I(22,`p`,18),K(23),L()(),j(24,J6,8,3,`section`,19)(25,i8,7,2,`section`,20)}if(e&2){let e=W();O(4),A(`aria-pressed`,e.view()===`errors`),O(3),q(e.errors().length),O(),A(`aria-pressed`,e.view()===`console`),O(3),q(e.entries().length),O(5),F(`placeholder`,e.view()===`errors`?`Filter by message or code`:`Filter by text`)(`value`,e.filter()),A(`aria-label`,e.view()===`errors`?`Filter errors`:`Filter console calls`),O(2),M(e.view()===`console`?18:-1),O(),M(e.pageOptions().length>2?19:-1),O(2),q(e.countText()),O(2),q(e.countStatus()),O(),M(e.view()===`errors`?24:25)}}var o8={error:`danger`,warn:`warn`,info:`accent`,log:`plain`,debug:`plain`},s8=class e{rpc=$(null);canShowComponent=$(!0);canExplainInjection=$(!1);showComponent=yv();destroyRef=C(Ns);hostPageId=GT();unsubscribe;time=pO;codeLink=D3;sourceLabels=x3;levelTone=o8;allPages=`all`;levelOptions=[{value:`all`,label:`All levels`},...y3.map(e=>({value:e,label:e}))];pages=D([]);loaded=D(!1);failed=D(!1);view=D(`errors`);filter=D(``);level=D(`all`);pageId=Q({source:()=>this.pages(),computation:(e,t)=>t?.value&&(t.value===`all`||e.some(e=>e.pageId===t.value))?t.value:w3(e,this.hostPageId)});pageOptions=X(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.title||e.url||e.pageId,hint:e.url}))]);showPage=X(()=>this.pageId()===`all`&&this.pages().length>1);picked=X(()=>this.pages().filter(e=>this.pageId()===`all`||e.pageId===this.pageId()));unwrapped=X(()=>this.picked().some(e=>e.handler!==`wrapped`));droppedErrors=X(()=>this.picked().reduce((e,t)=>e+t.dropped.errors,0));droppedConsole=X(()=>this.picked().reduce((e,t)=>e+t.dropped.console,0));errors=X(()=>T3(this.pages(),this.pageId()));entries=X(()=>E3(this.pages(),this.pageId()));shownErrors=X(()=>{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=X(()=>{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=X(()=>{let[e,t,n]=this.view()===`errors`?[this.shownErrors().length,this.errors().length,`error`]:[this.shownEntries().length,this.entries().length,`call`];return`${e} of ${t} ${t===1?n:`${n}s`}`});countStatus=v3(()=>[this.view(),this.filter(),this.level(),this.pageId()],()=>this.countText());constructor(){bc(()=>{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(C3(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=k({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`],[1,`count`],[`role`,`status`,1,`sr-only`],[`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&&j(0,D6,2,0,`p`,1)(1,O6,5,0,`div`,2)(2,k6,5,0,`div`,1)(3,a8,26,12),e&2&&M(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[UD,T6],styles:[`[_nghost-%COMP%] {
+}`]})},K6=(e,t)=>t.pageId+t.id;function q6(e,t){e&1&&(I(0,`p`,1),K(1,`Loading errors…`),L())}function J6(e,t){if(e&1){let e=V();I(0,`div`,2)(1,`p`),K(2,`Can't read the errors from the devtools server.`),L(),I(3,`button`,3),H(`click`,function(){return w(e),T(W().retry())}),K(4,`Retry`),L()()}}function Y6(e,t){e&1&&(I(0,`div`,1)(1,`p`),K(2,`No page reports errors yet.`),L(),I(3,`p`,4),K(4,` Open the app with the overlay loaded. Errors and console calls show up here as they happen. `),L()())}function X6(e,t){if(e&1){let e=V();I(0,`app-select`,21),H(`valueChange`,function(t){return w(e),T(W(2).level.set(t))}),L()}if(e&2){let e=W(2);F(`options`,e.levelOptions)(`value`,e.level())}}function Z6(e,t){if(e&1){let e=V();I(0,`app-select`,22),H(`valueChange`,function(t){w(e);let n=W(2);return T(n.pageId.set(t??n.allPages))}),L()}if(e&2){let e=W(2);F(`options`,e.pageOptions())(`value`,e.pageId())}}function Q6(e,t){e&1&&(I(0,`p`,24),K(1,` Angular's ErrorHandler isn't wrapped on this page yet, so errors Angular catches show up only when the default handler logs them. `),L())}function $6(e,t){if(e&1&&(I(0,`p`,24),K(1),L()),e&2){let e=W(3);O(),Y(` `,e.droppedErrors(),` older error `,e.droppedErrors()===1?`group was`:`groups were`,` dropped. Each page keeps its last 100. `)}}function e8(e,t){e&1&&(I(0,`p`,25),K(1,` No errors since the page loaded. Errors show up here as the app hits them. `),L())}function t8(e,t){if(e&1){let e=V();I(0,`div`,25)(1,`p`),K(2),L(),I(3,`button`,3),H(`click`,function(){w(e),W(2);let t=$g(17);return W().filter.set(``),T(t.focus())}),K(4,` Clear filters `),L()()}if(e&2){let e=W(3);O(2),J(`No error matches “`,e.filter(),`”.`)}}function n8(e,t){if(e&1&&(I(0,`a`,34),K(1),I(2,`span`,36),K(3,` reference (opens in a new tab)`),L()()),e&2){let e=W();F(`href`,t,Au),O(),q(e)}}function r8(e,t){if(e&1&&(I(0,`span`,35),K(1),L()),e&2){let e=W();O(),q(e)}}function i8(e,t){if(e&1&&j(0,n8,4,2,`a`,34)(1,r8,2,1,`span`,35),e&2){let e,n=W().$implicit;M((e=W(4).codeLink(t,n.docUrl).href)?0:1,e)}}function a8(e,t){if(e&1&&(I(0,`span`,32),K(1),L()),e&2){let e=t.$implicit,n=W(5);O(),q(n.sourceLabels[e])}}function o8(e,t){if(e&1&&(I(0,`span`,4),K(1),L()),e&2){let e=W().$implicit,t=W(4);O(),q(t.pageLabel(e.pageId))}}function s8(e,t){if(e&1){let e=V();I(0,`button`,38),H(`click`,function(){w(e);let t=W(),n=W().$implicit;return T(W(4).showComponent.emit({id:t.id,pageId:n.pageId}))}),K(1,` Show component `),I(2,`code`),K(3),L()()}if(e&2){let e=W();O(3),q(e.name)}}function c8(e,t){if(e&1&&(I(0,`span`,4),K(1,`In `),I(2,`code`),K(3),L()()),e&2){let e=W();O(3),q(e.name)}}function l8(e,t){e&1&&j(0,s8,4,1,`button`,37)(1,c8,4,1,`span`,4),e&2&&M(+!W(5).canShowComponent())}function u8(e,t){if(e&1&&R(0,`app-error-explain`,33),e&2){let e=W().$implicit,n=W(4);F(`explain`,t)(`owner`,e.owner)(`pageId`,e.pageId)(`rpc`,n.rpc())(`canExplain`,n.canExplainInjection())}}function d8(e,t){if(e&1&&(I(0,`details`)(1,`summary`),K(2,`Stack`),L(),I(3,`pre`,39),K(4),L()()),e&2){let e=W().$implicit;O(4),q(e.stack)}}function f8(e,t){if(e&1&&(I(0,`li`,27)(1,`div`,28)(2,`span`,29),K(3),L(),I(4,`code`,30),K(5),L()(),I(6,`div`,31),j(7,i8,2,1),N(8,a8,2,1,`span`,32,vg),I(10,`span`,4),K(11),L(),j(12,o8,2,1,`span`,4),j(13,l8,2,1),L(),j(14,u8,1,5,`app-error-explain`,33),j(15,d8,5,1,`details`),L()),e&2){let e,n,r,i=t.$implicit,a=W(4);O(2),A(`aria-label`,a.timesLabel(i.count)),O(),J(` `,i.count,`× `),O(2),q(i.message),O(2),M((e=i.code)?7:-1,e),O(),P(i.sources),O(3),J(`Last at `,a.time(i.lastAt)),O(),M(a.showPage()?12:-1),O(),M((n=i.owner)?13:-1,n),O(),M((r=i.explain)?14:-1,r),O(),M(i.stack?15:-1)}}function p8(e,t){if(e&1&&(I(0,`ol`,26),N(1,f8,16,9,`li`,27,K6),L()),e&2){let e=W(3);O(),P(e.shownErrors())}}function m8(e,t){if(e&1&&(I(0,`section`,19)(1,`h2`,23),K(2,`Errors`),L(),j(3,Q6,2,0,`p`,24),j(4,$6,2,2,`p`,24),j(5,e8,2,0,`p`,25)(6,t8,5,1,`div`,25)(7,p8,3,0,`ol`,26),L()),e&2){let e=W(2);O(3),M(e.unwrapped()?3:-1),O(),M(e.droppedErrors()?4:-1),O(),M(e.errors().length?e.shownErrors().length?7:6:5)}}function h8(e,t){if(e&1&&(I(0,`p`,24),K(1),L()),e&2){let e=W(3);O(),Y(` `,e.droppedConsole(),` older `,e.droppedConsole()===1?`call was`:`calls were`,` dropped. Each page keeps its last 200. `)}}function g8(e,t){e&1&&(I(0,`p`,25),K(1,` No console calls since the overlay connected. They show up here as the app logs. `),L())}function _8(e,t){if(e&1){let e=V();I(0,`div`,25)(1,`p`),K(2,`No console call matches the filters.`),L(),I(3,`button`,3),H(`click`,function(){w(e),W(2);let t=$g(17);return W().clearFilters(),T(t.focus())}),K(4,` Clear filters `),L()()}}function v8(e,t){if(e&1&&(I(0,`span`,29),K(1),L()),e&2){let e=W().$implicit;A(`aria-label`,W(4).timesLabel(e.count)),O(),J(``,e.count,`×`)}}function y8(e,t){if(e&1&&(I(0,`a`,34),K(1),I(2,`span`,36),K(3,` reference (opens in a new tab)`),L()()),e&2){let e=W();F(`href`,t,Au),O(),q(e)}}function b8(e,t){if(e&1&&(I(0,`span`,46),K(1),L()),e&2){let e=W();O(),q(e)}}function x8(e,t){if(e&1&&j(0,y8,4,2,`a`,34)(1,b8,2,1,`span`,46),e&2){let e,n=W().$implicit;M((e=W(4).codeLink(t,n.docUrl).href)?0:1,e)}}function S8(e,t){if(e&1&&(I(0,`li`,42)(1,`span`,43),K(2),L(),I(3,`code`,44),K(4),L(),j(5,v8,2,2,`span`,29),j(6,x8,2,1),I(7,`time`,45),K(8),L()()),e&2){let e,n=t.$implicit,r=W(4);O(),A(`data-tone`,r.levelTone[n.level]),O(),q(n.level),O(2),q(n.text),O(),M(n.count>1?5:-1),O(),M((e=n.code)?6:-1,e),O(2),q(r.time(n.at))}}function C8(e,t){if(e&1&&(I(0,`ol`,41),N(1,S8,9,6,`li`,42,K6),L()),e&2){let e=W(3);O(),P(e.shownEntries())}}function w8(e,t){if(e&1&&(I(0,`section`,20)(1,`h2`,40),K(2,`Console`),L(),j(3,h8,2,2,`p`,24),j(4,g8,2,0,`p`,25)(5,_8,5,0,`div`,25)(6,C8,3,0,`ol`,41),L()),e&2){let e=W(2);O(3),M(e.droppedConsole()?3:-1),O(),M(e.entries().length?e.shownEntries().length?6:5:4)}}function T8(e,t){if(e&1){let e=V();I(0,`p`,5),K(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. `),L(),I(2,`div`,6)(3,`div`,7)(4,`button`,8),H(`click`,function(){return w(e),T(W().view.set(`errors`))}),K(5,` Errors `),I(6,`span`,9),K(7),L()(),I(8,`button`,8),H(`click`,function(){return w(e),T(W().view.set(`console`))}),K(9,` Console `),I(10,`span`,9),K(11),L()()(),I(12,`div`,10),E(),I(13,`svg`,11),R(14,`circle`,12)(15,`path`,13),L(),xs(),I(16,`input`,14,0),H(`input`,function(t){return w(e),T(W().filter.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().filter.set(``))}),L()(),j(18,X6,1,2,`app-select`,15),j(19,Z6,1,2,`app-select`,16),I(20,`span`,17),K(21),L(),I(22,`p`,18),K(23),L()(),j(24,m8,8,3,`section`,19)(25,w8,7,2,`section`,20)}if(e&2){let e=W();O(4),A(`aria-pressed`,e.view()===`errors`),O(3),q(e.errors().length),O(),A(`aria-pressed`,e.view()===`console`),O(3),q(e.entries().length),O(5),F(`placeholder`,e.view()===`errors`?`Filter by message or code`:`Filter by text`)(`value`,e.filter()),A(`aria-label`,e.view()===`errors`?`Filter errors`:`Filter console calls`),O(2),M(e.view()===`console`?18:-1),O(),M(e.pageOptions().length>2?19:-1),O(2),q(e.countText()),O(2),q(e.countStatus()),O(),M(e.view()===`errors`?24:25)}}var E8={error:`danger`,warn:`warn`,info:`accent`,log:`plain`,debug:`plain`},D8=class e{rpc=$(null);canShowComponent=$(!0);canExplainInjection=$(!1);showComponent=yv();destroyRef=C(js);hostPageId=JT();unsubscribe;time=gO;codeLink=q3;sourceLabels=V3;levelTone=E8;allPages=`all`;levelOptions=[{value:`all`,label:`All levels`},...z3.map(e=>({value:e,label:e}))];pages=D([]);loaded=D(!1);failed=D(!1);view=D(`errors`);filter=D(``);level=D(`all`);pageId=Q({source:()=>this.pages(),computation:(e,t)=>t?.value&&(t.value===`all`||e.some(e=>e.pageId===t.value))?t.value:W3(e,this.hostPageId)});pageOptions=X(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.title||e.url||e.pageId,hint:e.url}))]);showPage=X(()=>this.pageId()===`all`&&this.pages().length>1);picked=X(()=>this.pages().filter(e=>this.pageId()===`all`||e.pageId===this.pageId()));unwrapped=X(()=>this.picked().some(e=>e.handler!==`wrapped`));droppedErrors=X(()=>this.picked().reduce((e,t)=>e+t.dropped.errors,0));droppedConsole=X(()=>this.picked().reduce((e,t)=>e+t.dropped.console,0));errors=X(()=>G3(this.pages(),this.pageId()));entries=X(()=>K3(this.pages(),this.pageId()));shownErrors=X(()=>{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=X(()=>{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=X(()=>{let[e,t,n]=this.view()===`errors`?[this.shownErrors().length,this.errors().length,`error`]:[this.shownEntries().length,this.entries().length,`call`];return`${e} of ${t} ${t===1?n:`${n}s`}`});countStatus=R3(()=>[this.view(),this.filter(),this.level(),this.pageId()],()=>this.countText());constructor(){vc(()=>{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(U3(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=k({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`],[1,`count`],[`role`,`status`,1,`sr-only`],[`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&&j(0,q6,2,0,`p`,1)(1,J6,5,0,`div`,2)(2,Y6,5,0,`div`,1)(3,T8,26,12),e&2&&M(t.loaded()?t.failed()?1:t.pages().length?3:2:0)},dependencies:[KD,G6],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -18080,7 +18252,7 @@ pre[_ngcontent-%COMP%]:focus-visible {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})},c8=e=>({$implicit:e,depth:0}),l8=(e,t)=>({$implicit:e,depth:t}),u8=(e,t)=>t.key;function d8(e,t){if(e&1&&(I(0,`div`,6)(1,`dt`),K(2),L(),I(3,`dd`),K(4),L()()),e&2){let e=t.$implicit;A(`data-tone`,e.tone??null),O(2),q(e.label),O(2),q(e.value)}}function f8(e,t){if(e&1&&(I(0,`dl`,3),N(1,d8,5,3,`div`,6,_g),L()),e&2){W();let e=q_(0);O(),P(e.items)}}function p8(e,t){if(e&1&&(I(0,`p`,4),K(1),L()),e&2){W();let e=q_(0);O(),q(e.text)}}function m8(e,t){if(e&1&&(I(0,`p`,7),K(1),L()),e&2){W(2);let e=q_(0);O(),q(e.empty??`No rows.`)}}function h8(e,t){e&1&&(I(0,`p`,7),K(1,`No row matches the filter.`),L())}function g8(e,t){if(e&1&&(I(0,`th`,9),K(1),L()),e&2){let e=t.$implicit;O(),q(e.label)}}function _8(e,t){if(e&1&&(I(0,`span`,10),K(1),L()),e&2){W();let e=q_(0),n=W(4);A(`data-tone`,t),O(),q(n.cellText(e))}}function v8(e,t){if(e&1&&K(0),e&2){W();let e=q_(0);J(` `,W(4).cellText(e),` `)}}function y8(e,t){if(e&1&&(G_(0),I(1,`td`),j(2,_8,2,2,`span`,10)(3,v8,1,1),L()),e&2){let e,n=t.$implicit,r=W().$implicit,i=W(3),a=K_(r[n.key]);O(2),M((e=i.toneOf(a))?2:3,e)}}function b8(e,t){if(e&1&&(I(0,`tr`),N(1,y8,4,2,`td`,null,u8),L()),e&2){W(3);let e=q_(0);O(),P(e.columns)}}function x8(e,t){if(e&1&&(I(0,`div`,8)(1,`table`)(2,`thead`)(3,`tr`),N(4,g8,2,1,`th`,9,u8),L()(),I(6,`tbody`),N(7,b8,3,0,`tr`,null,_g),L()()()),e&2){let e=W(2),t=q_(0);A(`aria-labelledby`,e.headingId()),O(4),P(t.columns),O(3),P(e.rows())}}function S8(e,t){if(e&1&&j(0,m8,2,1,`p`,7)(1,h8,2,0,`p`,7)(2,x8,9,1,`div`,8),e&2){let e=W();M(q_(0).rows.length?e.rows().length?2:1:0)}}function C8(e,t){if(e&1&&(I(0,`p`,7),K(1),L()),e&2){W(2);let e=q_(0);O(),q(e.empty??`Nothing listed.`)}}function w8(e,t){e&1&&(I(0,`p`,7),K(1,`No item matches the filter.`),L())}function T8(e,t){if(e&1&&(I(0,`span`,10),K(1),L()),e&2){let e=t;A(`data-tone`,e.tone??`neutral`),O(),q(e.label)}}function E8(e,t){if(e&1&&(I(0,`span`,13),K(1),L()),e&2){let e=W().$implicit;O(),q(e.detail)}}function D8(e,t){if(e&1&&(I(0,`li`)(1,`span`,12),K(2),L(),j(3,T8,2,2,`span`,10),j(4,E8,2,1,`span`,13),L()),e&2){let e,n=t.$implicit;O(2),q(n.label),O(),M((e=n.badge)?3:-1,e),O(),M(n.detail?4:-1)}}function O8(e,t){if(e&1&&(I(0,`ul`,11),N(1,D8,5,3,`li`,null,_g),L()),e&2){let e=W(2);O(),P(e.items())}}function k8(e,t){if(e&1&&j(0,C8,2,1,`p`,7)(1,w8,2,0,`p`,7)(2,O8,3,0,`ul`,11),e&2){let e=W();M(q_(0).items.length?e.items().length?2:1:0)}}function A8(e,t){if(e&1&&Ng(0,5),e&2){W();let e=$g(10),t=q_(0);F(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,rv(2,c8,t.value))}}function j8(e,t){if(e&1&&(I(0,`code`,14),K(1),L()),e&2){let e=W().$implicit,t=W();O(),q(t.leafText(e))}}function M8(e,t){if(e&1&&(I(0,`details`,17)(1,`summary`)(2,`span`,18),K(3),L(),I(4,`span`,19),K(5),L()(),Ng(6,5),L()),e&2){let e=W().$implicit,t=W(2).depth,n=q_(0);W();let r=$g(10);F(`open`,t===0&&n.length<=8),O(3),q(e.key),O(2),q(e.summary),O(),F(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,iv(5,l8,e.value,t+1))}}function N8(e,t){if(e&1&&(I(0,`span`,18),K(1),L(),I(2,`code`,14),K(3),L()),e&2){let e=W().$implicit;O(),q(e.key),O(2),q(e.summary)}}function P8(e,t){if(e&1&&(I(0,`li`),j(1,M8,7,8,`details`,17)(2,N8,4,2),L()),e&2){let e=t.$implicit,n=W(2).depth,r=W();O(),M(e.nested&&n<r.maxDepth?1:2)}}function F8(e,t){if(e&1&&(I(0,`ul`,16),N(1,P8,3,1,`li`,null,u8),L()),e&2){let e=W().depth,t=q_(0);G(`root`,e===0),O(),P(t)}}function I8(e,t){if(e&1&&(G_(0),j(1,j8,2,1,`code`,14)(2,F8,3,2,`ul`,15)),e&2){let e=t.$implicit,n=K_(W().entriesOf(e));O(),M(n.length?2:1)}}function L8(e){return e==null?``:typeof e==`object`?e.text:String(e)}function R8(e,t){return!t||e.toLowerCase().includes(t)}function z8(e,t){let n=t.trim().toLowerCase();return e.kind===`table`?{shown:e.rows.filter(t=>e.columns.some(e=>R8(L8(t[e.key]),n))).length,total:e.rows.length}:e.kind===`list`?{shown:e.items.filter(e=>R8(`${e.label} ${e.detail??``} ${e.badge?.label??``}`,n)).length,total:e.items.length}:{shown:0,total:0}}var B8=8,V8=200;function H8(e){return!e||typeof e!=`object`?[]:(Array.isArray(e)?e.map((e,t)=>[String(t),e]):Object.entries(e)).slice(0,V8).map(([e,t])=>{let n=!!t&&typeof t==`object`;return{key:e,value:t,nested:n,summary:Array.isArray(t)?`Array(${t.length})`:n?`{${Object.keys(t).length}}`:t===null?`null`:typeof t==`string`?JSON.stringify(t):String(t)}})}var U8=class e{section=$.required();filter=$(``);index=$(0);maxDepth=B8;cellText=L8;entriesOf=H8;headingId=X(()=>`plugin-section-${this.index()}`);text=X(()=>this.filter().trim().toLowerCase());rows=X(()=>{let e=this.section();if(e.kind!==`table`)return[];let t=this.text();return e.rows.filter(n=>e.columns.some(e=>R8(L8(n[e.key]),t)))});items=X(()=>{let e=this.section();if(e.kind!==`list`)return[];let t=this.text();return e.items.filter(e=>R8(`${e.label} ${e.detail??``} ${e.badge?.label??``}`,t))});toneOf(e){return e&&typeof e==`object`&&e.tone?e.tone:null}leafText(e){return e==null?String(e):Array.isArray(e)?`[]`:typeof e==`object`?`{}`:typeof e==`string`?JSON.stringify(e):String(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-plugin-section`]],inputs:{section:[1,`section`],filter:[1,`filter`],index:[1,`index`]},decls:11,vars:5,consts:[[`tree`,``],[1,`section`],[1,`title`,3,`id`],[1,`stats`],[1,`text`],[3,`ngTemplateOutlet`,`ngTemplateOutletContext`],[1,`stat`],[1,`empty`],[`tabindex`,`0`,`role`,`region`,1,`table-wrap`],[`scope`,`col`],[1,`chip`],[1,`list`],[1,`label`],[1,`detail`],[1,`leaf`],[1,`tree`,3,`root`],[1,`tree`],[3,`open`],[1,`key`],[1,`summary`]],template:function(e,t){if(e&1&&(G_(0),I(1,`section`,1)(2,`h3`,2),K(3),L(),j(4,f8,3,0,`dl`,3)(5,p8,2,1,`p`,4)(6,S8,3,1)(7,k8,3,1)(8,A8,1,4,`ng-container`,5),L(),Yh(9,I8,3,2,`ng-template`,null,0,fv)),e&2){let e,n=K_(t.section());O(),A(`aria-labelledby`,t.headingId()),O(),F(`id`,t.headingId()),O(),q(n.title),O(),M((e=n.kind)===`stats`?4:e===`text`?5:e===`table`?6:e===`list`?7:e===`tree`?8:-1)}},dependencies:[py],styles:[`[_nghost-%COMP%] {
+}`]})},O8=e=>({$implicit:e,depth:0}),k8=(e,t)=>({$implicit:e,depth:t}),A8=(e,t)=>t.key;function j8(e,t){if(e&1&&(I(0,`div`,6)(1,`dt`),K(2),L(),I(3,`dd`),K(4),L()()),e&2){let e=t.$implicit;A(`data-tone`,e.tone??null),O(2),q(e.label),O(2),q(e.value)}}function M8(e,t){if(e&1&&(I(0,`dl`,3),N(1,j8,5,3,`div`,6,_g),L()),e&2){W();let e=q_(0);O(),P(e.items)}}function N8(e,t){if(e&1&&(I(0,`p`,4),K(1),L()),e&2){W();let e=q_(0);O(),q(e.text)}}function P8(e,t){if(e&1&&(I(0,`p`,7),K(1),L()),e&2){W(2);let e=q_(0);O(),q(e.empty??`No rows.`)}}function F8(e,t){e&1&&(I(0,`p`,7),K(1,`No row matches the filter.`),L())}function I8(e,t){if(e&1&&(I(0,`th`,9),K(1),L()),e&2){let e=t.$implicit;O(),q(e.label)}}function L8(e,t){if(e&1&&(I(0,`span`,10),K(1),L()),e&2){W();let e=q_(0),n=W(4);A(`data-tone`,t),O(),q(n.cellText(e))}}function R8(e,t){if(e&1&&K(0),e&2){W();let e=q_(0);J(` `,W(4).cellText(e),` `)}}function z8(e,t){if(e&1&&(G_(0),I(1,`td`),j(2,L8,2,2,`span`,10)(3,R8,1,1),L()),e&2){let e,n=t.$implicit,r=W().$implicit,i=W(3),a=K_(r[n.key]);O(2),M((e=i.toneOf(a))?2:3,e)}}function B8(e,t){if(e&1&&(I(0,`tr`),N(1,z8,4,2,`td`,null,A8),L()),e&2){W(3);let e=q_(0);O(),P(e.columns)}}function V8(e,t){if(e&1&&(I(0,`div`,8)(1,`table`)(2,`thead`)(3,`tr`),N(4,I8,2,1,`th`,9,A8),L()(),I(6,`tbody`),N(7,B8,3,0,`tr`,null,_g),L()()()),e&2){let e=W(2),t=q_(0);A(`aria-labelledby`,e.headingId()),O(4),P(t.columns),O(3),P(e.rows())}}function H8(e,t){if(e&1&&j(0,P8,2,1,`p`,7)(1,F8,2,0,`p`,7)(2,V8,9,1,`div`,8),e&2){let e=W();M(q_(0).rows.length?e.rows().length?2:1:0)}}function U8(e,t){if(e&1&&(I(0,`p`,7),K(1),L()),e&2){W(2);let e=q_(0);O(),q(e.empty??`Nothing listed.`)}}function W8(e,t){e&1&&(I(0,`p`,7),K(1,`No item matches the filter.`),L())}function G8(e,t){if(e&1&&(I(0,`span`,10),K(1),L()),e&2){let e=t;A(`data-tone`,e.tone??`neutral`),O(),q(e.label)}}function K8(e,t){if(e&1&&(I(0,`span`,13),K(1),L()),e&2){let e=W().$implicit;O(),q(e.detail)}}function q8(e,t){if(e&1&&(I(0,`li`)(1,`span`,12),K(2),L(),j(3,G8,2,2,`span`,10),j(4,K8,2,1,`span`,13),L()),e&2){let e,n=t.$implicit;O(2),q(n.label),O(),M((e=n.badge)?3:-1,e),O(),M(n.detail?4:-1)}}function J8(e,t){if(e&1&&(I(0,`ul`,11),N(1,q8,5,3,`li`,null,_g),L()),e&2){let e=W(2);O(),P(e.items())}}function Y8(e,t){if(e&1&&j(0,U8,2,1,`p`,7)(1,W8,2,0,`p`,7)(2,J8,3,0,`ul`,11),e&2){let e=W();M(q_(0).items.length?e.items().length?2:1:0)}}function X8(e,t){if(e&1&&Ng(0,5),e&2){W();let e=$g(10),t=q_(0);F(`ngTemplateOutlet`,e)(`ngTemplateOutletContext`,rv(2,O8,t.value))}}function Z8(e,t){if(e&1&&(I(0,`code`,14),K(1),L()),e&2){let e=W().$implicit,t=W();O(),q(t.leafText(e))}}function Q8(e,t){if(e&1&&(I(0,`details`,17)(1,`summary`)(2,`span`,18),K(3),L(),I(4,`span`,19),K(5),L()(),Ng(6,5),L()),e&2){let e=W().$implicit,t=W(2).depth,n=q_(0);W();let r=$g(10);F(`open`,t===0&&n.length<=8),O(3),q(e.key),O(2),q(e.summary),O(),F(`ngTemplateOutlet`,r)(`ngTemplateOutletContext`,iv(5,k8,e.value,t+1))}}function $8(e,t){if(e&1&&(I(0,`span`,18),K(1),L(),I(2,`code`,14),K(3),L()),e&2){let e=W().$implicit;O(),q(e.key),O(2),q(e.summary)}}function e5(e,t){if(e&1&&(I(0,`li`),j(1,Q8,7,8,`details`,17)(2,$8,4,2),L()),e&2){let e=t.$implicit,n=W(2).depth,r=W();O(),M(e.nested&&n<r.maxDepth?1:2)}}function t5(e,t){if(e&1&&(I(0,`ul`,16),N(1,e5,3,1,`li`,null,A8),L()),e&2){let e=W().depth,t=q_(0);G(`root`,e===0),O(),P(t)}}function n5(e,t){if(e&1&&(G_(0),j(1,Z8,2,1,`code`,14)(2,t5,3,2,`ul`,15)),e&2){let e=t.$implicit,n=K_(W().entriesOf(e));O(),M(n.length?2:1)}}function r5(e){return e==null?``:typeof e==`object`?e.text:String(e)}function i5(e,t){return!t||e.toLowerCase().includes(t)}function a5(e,t){let n=t.trim().toLowerCase();return e.kind===`table`?{shown:e.rows.filter(t=>e.columns.some(e=>i5(r5(t[e.key]),n))).length,total:e.rows.length}:e.kind===`list`?{shown:e.items.filter(e=>i5(`${e.label} ${e.detail??``} ${e.badge?.label??``}`,n)).length,total:e.items.length}:{shown:0,total:0}}var o5=8,s5=200;function c5(e){return!e||typeof e!=`object`?[]:(Array.isArray(e)?e.map((e,t)=>[String(t),e]):Object.entries(e)).slice(0,s5).map(([e,t])=>{let n=!!t&&typeof t==`object`;return{key:e,value:t,nested:n,summary:Array.isArray(t)?`Array(${t.length})`:n?`{${Object.keys(t).length}}`:t===null?`null`:typeof t==`string`?JSON.stringify(t):String(t)}})}var l5=class e{section=$.required();filter=$(``);index=$(0);maxDepth=o5;cellText=r5;entriesOf=c5;headingId=X(()=>`plugin-section-${this.index()}`);text=X(()=>this.filter().trim().toLowerCase());rows=X(()=>{let e=this.section();if(e.kind!==`table`)return[];let t=this.text();return e.rows.filter(n=>e.columns.some(e=>i5(r5(n[e.key]),t)))});items=X(()=>{let e=this.section();if(e.kind!==`list`)return[];let t=this.text();return e.items.filter(e=>i5(`${e.label} ${e.detail??``} ${e.badge?.label??``}`,t))});toneOf(e){return e&&typeof e==`object`&&e.tone?e.tone:null}leafText(e){return e==null?String(e):Array.isArray(e)?`[]`:typeof e==`object`?`{}`:typeof e==`string`?JSON.stringify(e):String(e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-plugin-section`]],inputs:{section:[1,`section`],filter:[1,`filter`],index:[1,`index`]},decls:11,vars:5,consts:[[`tree`,``],[1,`section`],[1,`title`,3,`id`],[1,`stats`],[1,`text`],[3,`ngTemplateOutlet`,`ngTemplateOutletContext`],[1,`stat`],[1,`empty`],[`tabindex`,`0`,`role`,`region`,1,`table-wrap`],[`scope`,`col`],[1,`chip`],[1,`list`],[1,`label`],[1,`detail`],[1,`leaf`],[1,`tree`,3,`root`],[1,`tree`],[3,`open`],[1,`key`],[1,`summary`]],template:function(e,t){if(e&1&&(G_(0),I(1,`section`,1)(2,`h3`,2),K(3),L(),j(4,M8,3,0,`dl`,3)(5,N8,2,1,`p`,4)(6,H8,3,1)(7,Y8,3,1)(8,X8,1,4,`ng-container`,5),L(),Yh(9,n5,3,2,`ng-template`,null,0,fv)),e&2){let e,n=K_(t.section());O(),A(`aria-labelledby`,t.headingId()),O(),F(`id`,t.headingId()),O(),q(n.title),O(),M((e=n.kind)===`stats`?4:e===`text`?5:e===`table`?6:e===`list`?7:e===`tree`?8:-1)}},dependencies:[py],styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -18308,7 +18480,7 @@ summary[_ngcontent-%COMP%]:focus-visible {
   color: var(--%NS%text);
   font-family: var(--%NS%font-mono);
   font-size: 12px;
-}`]})},W8=()=>[],G8=(e,t)=>t.name,K8=(e,t)=>t.id;function q8(e,t){e&1&&(I(0,`p`,1),K(1,`Loading plugins…`),L())}function J8(e,t){if(e&1){let e=V();I(0,`div`,2)(1,`p`),K(2,`Can't read the plugins from the devtools server.`),L(),I(3,`button`,3),H(`click`,function(){return w(e),T(W().retry())}),K(4,`Retry`),L()()}}function Y8(e,t){e&1&&(I(0,`div`,1)(1,`p`),K(2,`No plugin reports yet.`),L(),I(3,`p`,4),K(4,` A library adds a tab here with `),I(5,`code`),K(6,`registerPangularPlugin()`),L(),K(7,` from `),I(8,`code`),K(9,`@pangular-inspector/devtools/plugin`),L(),K(10,`. Its view shows up once the app runs with the overlay loaded. `),L()())}function X8(e,t){if(e&1){let e=V();I(0,`button`,19),H(`click`,function(){let t=w(e).$implicit;return T(W(2).pluginId.set(t))}),K(1),L()}if(e&2){let e=t.$implicit,n=W(2);A(`aria-pressed`,n.pluginId()===e),O(),J(` `,n.titleOf(e),` `)}}function Z8(e,t){if(e&1){let e=V();I(0,`app-select`,20),H(`valueChange`,function(t){return w(e),T(W(2).pageId.set(t||null))}),L()}if(e&2){let e=W(2);F(`options`,e.pageOptions())(`value`,e.pageId()??``)}}function Q8(e,t){if(e&1&&(I(0,`span`,23),K(1),L()),e&2){let e=W();O(),q(e.version)}}function $8(e,t){if(e&1&&(I(0,`span`,24),K(1),L()),e&2){let e=t.$implicit;A(`data-tone`,e.tone??`plain`),O(),q(e.label)}}function e5(e,t){e&1&&(I(0,`p`,25),K(1),L()),e&2&&(O(),q(t))}function t5(e,t){if(e&1&&(I(0,`p`,4),K(1),L()),e&2){let e=W();O(),q(e.description)}}function n5(e,t){if(e&1&&(I(0,`p`,26),K(1),L()),e&2){let e=W();O(),q(e.error)}}function r5(e,t){if(e&1&&(I(0,`p`,4),K(1,` Actions of this plugin are turned off in the devtools config (`),I(2,`code`),K(3,`actions.plugins`),L(),K(4,` or `),I(5,`code`),K(6),L(),K(7,`). `),L()),e&2){let e=W(2);O(6),J(`plugins.`,e.id,`.actions`)}}function i5(e,t){if(e&1){let e=V();I(0,`p`,31),K(1),L(),I(2,`button`,32),H(`click`,function(){let t=w(e);return T(W(4).run(t.name))}),K(3),L(),I(4,`button`,3),H(`click`,function(){return w(e),T(W(4).confirming.set(null))}),K(5,`Cancel`),L()}if(e&2){let e=t;O(),q(e.confirm),O(2),J(` `,e.label,` `)}}function a5(e,t){if(e&1){let e=V();I(0,`button`,3),H(`click`,function(){let t=w(e).$implicit;return T(W(5).ask(t))}),K(1),L()}if(e&2){let e=t.$implicit;A(`aria-disabled`,W(5).running()||null),O(),J(` `,e.label,` `)}}function o5(e,t){e&1&&N(0,a5,2,2,`button`,33,G8),e&2&&P(W(4).actions())}function s5(e,t){if(e&1&&(I(0,`div`,27),j(1,r5,8,1,`p`,4)(2,i5,6,2)(3,o5,2,0),L()),e&2){let e,t=W(3);O(),M(t.actionsAllowed()?(e=t.confirming())?2:3:1,e)}}function c5(e,t){e&1&&(I(0,`p`,29),K(1,` The plugin has not reported a view yet. It reports while this panel is open. `),L())}function l5(e,t){e&1&&(I(0,`p`,29),K(1,`The plugin reported no sections.`),L())}function u5(e,t){if(e&1){let e=V();I(0,`div`,29)(1,`p`),K(2),L(),I(3,`button`,3),H(`click`,function(){w(e),W(2);let t=$g(11);return W().filter.set(``),T(t.focus())}),K(4,` Clear filters `),L()()}if(e&2){let e=W(3);O(2),J(`No row or item matches “`,e.filter().trim(),`”.`)}}function d5(e,t){if(e&1&&R(0,`app-plugin-section`,34),e&2){let e=t.$implicit,n=t.$index,r=W(4);F(`section`,e)(`filter`,r.filter())(`index`,n)}}function f5(e,t){if(e&1&&(I(0,`div`,30),N(1,d5,1,3,`app-plugin-section`,34,_g),L()),e&2){let e=W();O(),P(e.view.sections)}}function p5(e,t){if(e&1&&(I(0,`section`,16)(1,`div`,21)(2,`h2`,22),K(3),L(),j(4,Q8,2,1,`span`,23),I(5,`span`,24),K(6),L(),N(7,$8,2,2,`span`,24,_g),L(),j(9,e5,2,1,`p`,25),j(10,t5,2,1,`p`,4),j(11,n5,2,1,`p`,26),j(12,s5,4,1,`div`,27),I(13,`p`,28),K(14),L(),j(15,c5,2,0,`p`,29)(16,l5,2,0,`p`,29)(17,u5,5,1,`div`,29)(18,f5,3,0,`div`,30),L()),e&2){let e,n=t,r=W(2);O(3),q(n.title),O(),M(n.version?4:-1),O(),A(`data-tone`,r.statusTone[n.status]),O(),q(r.statusLabel[n.status]),O(),P(n.view?.badges??nv(10,W8)),O(2),M((e=n.view?.summary)?9:-1,e),O(),M(n.description?10:-1),O(),M(n.error?11:-1),O(),M(r.actions().length?12:-1),O(2),q(r.result()),O(),M(n.view?n.view.sections.length?r.filter().trim()&&!r.filterMatches()?17:18:16:15)}}function m5(e,t){if(e&1&&(I(0,`p`,17),K(1),L()),e&2){let e=W(2);O(),J(` No page reports the `,e.titleOf(e.pluginId()??``),` plugin. Open the app with the plugin registered and the overlay loaded. `)}}function h5(e,t){e&1&&(I(0,`span`,4),K(1,`Hidden from agents by the config`),L())}function g5(e,t){if(e&1&&(I(0,`li`)(1,`code`),K(2),L(),I(3,`span`,24),K(4),L(),j(5,h5,2,0,`span`,4),I(6,`p`,4),K(7),L()()),e&2){let e=t.$implicit;O(2),q(e.id),O(),A(`data-tone`,e.safety===`read`?`plain`:`warn`),O(),q(e.safety),O(),M(e.registered?-1:5),O(2),q(e.description)}}function _5(e,t){e&1&&(I(0,`li`,4),K(1,`This plugin has no agent tools.`),L())}function Lne(e,t){e&1&&(I(0,`section`,18)(1,`h2`,35),K(2,`Agent tools`),L(),I(3,`ul`),N(4,g5,8,5,`li`,null,K8,!1,_5,2,0,`li`,4),L()()),e&2&&(O(4),P(t.tools))}function Rne(e,t){if(e&1){let e=V();I(0,`p`,5),K(1,` Views that libraries report from the live page through the plugin API. The values come from each plugin's code on the page and are masked like other live data. `),L(),I(2,`div`,6)(3,`div`,7),N(4,X8,2,2,`button`,8,vg),L(),I(6,`div`,9),E(),I(7,`svg`,10),R(8,`circle`,11)(9,`path`,12),L(),Cs(),I(10,`input`,13,0),H(`input`,function(t){return w(e),T(W().filter.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().filter.set(``))}),L()(),j(12,Z8,1,2,`app-select`,14),I(13,`span`,15),K(14),L()(),j(15,p5,19,11,`section`,16)(16,m5,2,1,`p`,17),j(17,Lne,7,1,`section`,18)}if(e&2){let e,t,n=W();O(4),P(n.pluginIds()),O(6),F(`value`,n.filter()),O(2),M(n.pageOptions().length>1?12:-1),O(2),q(n.countText()),O(),M((e=n.entry())?15:16,e),O(2),M((t=n.server())?17:-1,t)}}function v5(e){let t=e??{};return{pages:(t.pages&&typeof t.pages==`object`?Object.values(t.pages).filter(e=>e&&typeof e.pageId==`string`&&Array.isArray(e.plugins)):[]).sort((e,t)=>t.reportedAt-e.reportedAt),server:Array.isArray(t.server)?t.server:[]}}function zne(e){let t=v5(e);return t.server.length>0||t.pages.some(e=>e.plugins.length>0)}var Bne={running:`Running`,error:`Failed`,unsupported:`Needs a newer Pangular`},Vne={running:`ok`,error:`danger`,unsupported:`warn`},Hne=class e{rpc=$(null);destroyRef=C(Ns);hostPageId=GT();unsubscribe;statusLabel=Bne;statusTone=Vne;state=D({pages:[],server:[]});loaded=D(!1);failed=D(!1);filter=D(``);running=D(!1);result=D(``);confirming=D(null);pluginIds=X(()=>{let e=new Set;for(let t of this.state().pages)for(let n of t.plugins)e.add(n.id);for(let t of this.state().server)e.add(t.id);return[...e].sort((e,t)=>this.titleOf(e).localeCompare(this.titleOf(t)))});pluginId=Q({source:()=>this.pluginIds(),computation:(e,t)=>t?.value&&e.includes(t.value)?t.value:e[0]??null});pages=X(()=>this.state().pages.filter(e=>e.plugins.some(e=>e.id===this.pluginId())));pageId=Q({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});pageOptions=X(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url||e.pageId,hint:e.url})));entry=X(()=>this.pages().find(e=>e.pageId===this.pageId())?.plugins.find(e=>e.id===this.pluginId())??null);server=X(()=>this.state().server.find(e=>e.id===this.pluginId())??null);actions=X(()=>{let e=this.entry();return(e?.view?.actions??[]).filter(t=>e.actions.includes(t.name))});actionsAllowed=X(()=>{let e=this.pluginId();return!!e&&$w(e,fE(this.rpc())).actions});counts=X(()=>(this.entry()?.view?.sections??[]).reduce((e,t)=>{let{shown:n,total:r}=z8(t,this.filter());return{shown:e.shown+n,total:e.total+r}},{shown:0,total:0}));filterMatches=X(()=>this.counts().shown>0);countText=X(()=>{let{shown:e,total:t}=this.counts();return t?`${e} of ${t} rows and items`:``});constructor(){bc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.unsubscribe?.())}titleOf(e){for(let t of this.state().pages){let n=t.plugins.find(t=>t.id===e);if(n)return n.title||e}return this.state().server.find(t=>t.id===e)?.title||e}retry(){let e=this.rpc();e&&this.load(e)}ask(e){if(!this.running()){if(e.confirm){this.confirming.set({name:e.name,label:e.label,confirm:e.confirm});return}this.run(e.name)}}async run(e){let t=this.rpc(),n=this.pluginId(),r=this.pageId();if(this.confirming.set(null),t&&n&&r&&!this.running()){this.running.set(!0),this.result.set(``);try{let i=await t.scope(`pangular`).rpc.call(`request-plugin-action`,{pageId:r,pluginId:n,action:e});this.result.set(i?.ok?`Done.`:i?.error??`The action failed.`)}catch{this.result.set(`The devtools server did not answer. Check that it's still running.`)}finally{this.running.set(!1)}}}async load(e){this.failed.set(!1);try{let t=await e.scope(`pangular`).rpc.sharedState(`plugins`);if(this.destroyRef.destroyed)return;let n=e=>this.state.set(v5(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=k({type:e,selectors:[[`app-plugins-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,`muted`],[1,`intro`],[1,`toolbar`],[`role`,`group`,`aria-label`,`Plugin`,1,`plugins`],[`type`,`button`,1,`view`],[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 rows and items`,`placeholder`,`Filter rows and items`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[`aria-labelledby`,`plugin-title`,1,`plugin`],[1,`notice`],[`aria-labelledby`,`plugin-tools-title`,1,`tools`],[`type`,`button`,1,`view`,3,`click`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[1,`head`],[`id`,`plugin-title`],[1,`chip`,`plain`],[1,`chip`],[1,`summary`],[`role`,`alert`,1,`notice`],[`role`,`group`,`aria-label`,`Plugin actions`,1,`actions`],[`role`,`status`,1,`result`],[1,`empty`],[1,`sections`],[1,`confirm`],[`type`,`button`,1,`small`,`primary`,3,`click`],[`type`,`button`,1,`small`],[3,`section`,`filter`,`index`],[`id`,`plugin-tools-title`,1,`label`]],template:function(e,t){e&1&&j(0,q8,2,0,`p`,1)(1,J8,5,0,`div`,2)(2,Y8,11,0,`div`,1)(3,Rne,18,5),e&2&&M(t.loaded()?t.failed()?1:t.pluginIds().length?3:2:0)},dependencies:[UD,U8],styles:[`[_nghost-%COMP%] {
+}`]})},u5=()=>[],d5=(e,t)=>t.name,f5=(e,t)=>t.id;function p5(e,t){e&1&&(I(0,`p`,1),K(1,`Loading plugins…`),L())}function m5(e,t){if(e&1){let e=V();I(0,`div`,2)(1,`p`),K(2,`Can't read the plugins from the devtools server.`),L(),I(3,`button`,3),H(`click`,function(){return w(e),T(W().retry())}),K(4,`Retry`),L()()}}function h5(e,t){e&1&&(I(0,`div`,1)(1,`p`),K(2,`No plugin reports yet.`),L(),I(3,`p`,4),K(4,` A library adds a tab here with `),I(5,`code`),K(6,`registerPangularPlugin()`),L(),K(7,` from `),I(8,`code`),K(9,`@pangular-inspector/devtools/plugin`),L(),K(10,`. Its view shows up once the app runs with the overlay loaded. `),L()())}function g5(e,t){if(e&1){let e=V();I(0,`button`,19),H(`click`,function(){let t=w(e).$implicit;return T(W(2).pluginId.set(t))}),K(1),L()}if(e&2){let e=t.$implicit,n=W(2);A(`aria-pressed`,n.pluginId()===e),O(),J(` `,n.titleOf(e),` `)}}function _5(e,t){if(e&1){let e=V();I(0,`app-select`,20),H(`valueChange`,function(t){return w(e),T(W(2).pageId.set(t||null))}),L()}if(e&2){let e=W(2);F(`options`,e.pageOptions())(`value`,e.pageId()??``)}}function Lne(e,t){if(e&1&&(I(0,`span`,23),K(1),L()),e&2){let e=W();O(),q(e.version)}}function Rne(e,t){if(e&1&&(I(0,`span`,24),K(1),L()),e&2){let e=t.$implicit;A(`data-tone`,e.tone??`plain`),O(),q(e.label)}}function zne(e,t){e&1&&(I(0,`p`,25),K(1),L()),e&2&&(O(),q(t))}function Bne(e,t){if(e&1&&(I(0,`p`,4),K(1),L()),e&2){let e=W();O(),q(e.description)}}function Vne(e,t){if(e&1&&(I(0,`p`,26),K(1),L()),e&2){let e=W();O(),q(e.error)}}function Hne(e,t){if(e&1&&(I(0,`p`,4),K(1,` Actions of this plugin are turned off in the devtools config (`),I(2,`code`),K(3,`actions.plugins`),L(),K(4,` or `),I(5,`code`),K(6),L(),K(7,`). `),L()),e&2){let e=W(2);O(6),J(`plugins.`,e.id,`.actions`)}}function Une(e,t){if(e&1){let e=V();I(0,`p`,31),K(1),L(),I(2,`button`,32),H(`click`,function(){let t=w(e);return T(W(4).run(t.name))}),K(3),L(),I(4,`button`,3),H(`click`,function(){return w(e),T(W(4).confirming.set(null))}),K(5,`Cancel`),L()}if(e&2){let e=t;O(),q(e.confirm),O(2),J(` `,e.label,` `)}}function Wne(e,t){if(e&1){let e=V();I(0,`button`,3),H(`click`,function(){let t=w(e).$implicit;return T(W(5).ask(t))}),K(1),L()}if(e&2){let e=t.$implicit;A(`aria-disabled`,W(5).running()||null),O(),J(` `,e.label,` `)}}function Gne(e,t){e&1&&N(0,Wne,2,2,`button`,33,d5),e&2&&P(W(4).actions())}function Kne(e,t){if(e&1&&(I(0,`div`,27),j(1,Hne,8,1,`p`,4)(2,Une,6,2)(3,Gne,2,0),L()),e&2){let e,t=W(3);O(),M(t.actionsAllowed()?(e=t.confirming())?2:3:1,e)}}function qne(e,t){e&1&&(I(0,`p`,29),K(1,` The plugin has not reported a view yet. It reports while this panel is open. `),L())}function Jne(e,t){e&1&&(I(0,`p`,29),K(1,`The plugin reported no sections.`),L())}function Yne(e,t){if(e&1){let e=V();I(0,`div`,29)(1,`p`),K(2),L(),I(3,`button`,3),H(`click`,function(){w(e),W(2);let t=$g(11);return W().filter.set(``),T(t.focus())}),K(4,` Clear filters `),L()()}if(e&2){let e=W(3);O(2),J(`No row or item matches “`,e.filter().trim(),`”.`)}}function Xne(e,t){if(e&1&&R(0,`app-plugin-section`,34),e&2){let e=t.$implicit,n=t.$index,r=W(4);F(`section`,e)(`filter`,r.filter())(`index`,n)}}function Zne(e,t){if(e&1&&(I(0,`div`,30),N(1,Xne,1,3,`app-plugin-section`,34,_g),L()),e&2){let e=W();O(),P(e.view.sections)}}function Qne(e,t){if(e&1&&(I(0,`section`,16)(1,`div`,21)(2,`h2`,22),K(3),L(),j(4,Lne,2,1,`span`,23),I(5,`span`,24),K(6),L(),N(7,Rne,2,2,`span`,24,_g),L(),j(9,zne,2,1,`p`,25),j(10,Bne,2,1,`p`,4),j(11,Vne,2,1,`p`,26),j(12,Kne,4,1,`div`,27),I(13,`p`,28),K(14),L(),j(15,qne,2,0,`p`,29)(16,Jne,2,0,`p`,29)(17,Yne,5,1,`div`,29)(18,Zne,3,0,`div`,30),L()),e&2){let e,n=t,r=W(2);O(3),q(n.title),O(),M(n.version?4:-1),O(),A(`data-tone`,r.statusTone[n.status]),O(),q(r.statusLabel[n.status]),O(),P(n.view?.badges??nv(10,u5)),O(2),M((e=n.view?.summary)?9:-1,e),O(),M(n.description?10:-1),O(),M(n.error?11:-1),O(),M(r.actions().length?12:-1),O(2),q(r.result()),O(),M(n.view?n.view.sections.length?r.filter().trim()&&!r.filterMatches()?17:18:16:15)}}function $ne(e,t){if(e&1&&(I(0,`p`,17),K(1),L()),e&2){let e=W(2);O(),J(` No page reports the `,e.titleOf(e.pluginId()??``),` plugin. Open the app with the plugin registered and the overlay loaded. `)}}function ere(e,t){e&1&&(I(0,`span`,4),K(1,`Hidden from agents by the config`),L())}function tre(e,t){if(e&1&&(I(0,`li`)(1,`code`),K(2),L(),I(3,`span`,24),K(4),L(),j(5,ere,2,0,`span`,4),I(6,`p`,4),K(7),L()()),e&2){let e=t.$implicit;O(2),q(e.id),O(),A(`data-tone`,e.safety===`read`?`plain`:`warn`),O(),q(e.safety),O(),M(e.registered?-1:5),O(2),q(e.description)}}function nre(e,t){e&1&&(I(0,`li`,4),K(1,`This plugin has no agent tools.`),L())}function rre(e,t){e&1&&(I(0,`section`,18)(1,`h2`,35),K(2,`Agent tools`),L(),I(3,`ul`),N(4,tre,8,5,`li`,null,f5,!1,nre,2,0,`li`,4),L()()),e&2&&(O(4),P(t.tools))}function ire(e,t){if(e&1){let e=V();I(0,`p`,5),K(1,` Views that libraries report from the live page through the plugin API. The values come from each plugin's code on the page and are masked like other live data. `),L(),I(2,`div`,6)(3,`div`,7),N(4,g5,2,2,`button`,8,vg),L(),I(6,`div`,9),E(),I(7,`svg`,10),R(8,`circle`,11)(9,`path`,12),L(),xs(),I(10,`input`,13,0),H(`input`,function(t){return w(e),T(W().filter.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().filter.set(``))}),L()(),j(12,_5,1,2,`app-select`,14),I(13,`span`,15),K(14),L()(),j(15,Qne,19,11,`section`,16)(16,$ne,2,1,`p`,17),j(17,rre,7,1,`section`,18)}if(e&2){let e,t,n=W();O(4),P(n.pluginIds()),O(6),F(`value`,n.filter()),O(2),M(n.pageOptions().length>1?12:-1),O(2),q(n.countText()),O(),M((e=n.entry())?15:16,e),O(2),M((t=n.server())?17:-1,t)}}function v5(e){let t=e??{};return{pages:(t.pages&&typeof t.pages==`object`?Object.values(t.pages).filter(e=>e&&typeof e.pageId==`string`&&Array.isArray(e.plugins)):[]).sort((e,t)=>t.reportedAt-e.reportedAt),server:Array.isArray(t.server)?t.server:[]}}function are(e){let t=v5(e);return t.server.length>0||t.pages.some(e=>e.plugins.length>0)}var ore={running:`Running`,error:`Failed`,unsupported:`Needs a newer Pangular`},sre={running:`ok`,error:`danger`,unsupported:`warn`},cre=class e{rpc=$(null);destroyRef=C(js);hostPageId=JT();unsubscribe;statusLabel=ore;statusTone=sre;state=D({pages:[],server:[]});loaded=D(!1);failed=D(!1);filter=D(``);running=D(!1);result=D(``);confirming=D(null);pluginIds=X(()=>{let e=new Set;for(let t of this.state().pages)for(let n of t.plugins)e.add(n.id);for(let t of this.state().server)e.add(t.id);return[...e].sort((e,t)=>this.titleOf(e).localeCompare(this.titleOf(t)))});pluginId=Q({source:()=>this.pluginIds(),computation:(e,t)=>t?.value&&e.includes(t.value)?t.value:e[0]??null});pages=X(()=>this.state().pages.filter(e=>e.plugins.some(e=>e.id===this.pluginId())));pageId=Q({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});pageOptions=X(()=>this.pages().map(e=>({value:e.pageId,label:e.title||e.url||e.pageId,hint:e.url})));entry=X(()=>this.pages().find(e=>e.pageId===this.pageId())?.plugins.find(e=>e.id===this.pluginId())??null);server=X(()=>this.state().server.find(e=>e.id===this.pluginId())??null);actions=X(()=>{let e=this.entry();return(e?.view?.actions??[]).filter(t=>e.actions.includes(t.name))});actionsAllowed=X(()=>{let e=this.pluginId();return!!e&&$w(e,hE(this.rpc())).actions});counts=X(()=>(this.entry()?.view?.sections??[]).reduce((e,t)=>{let{shown:n,total:r}=a5(t,this.filter());return{shown:e.shown+n,total:e.total+r}},{shown:0,total:0}));filterMatches=X(()=>this.counts().shown>0);countText=X(()=>{let{shown:e,total:t}=this.counts();return t?`${e} of ${t} rows and items`:``});constructor(){vc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.unsubscribe?.())}titleOf(e){for(let t of this.state().pages){let n=t.plugins.find(t=>t.id===e);if(n)return n.title||e}return this.state().server.find(t=>t.id===e)?.title||e}retry(){let e=this.rpc();e&&this.load(e)}ask(e){if(!this.running()){if(e.confirm){this.confirming.set({name:e.name,label:e.label,confirm:e.confirm});return}this.run(e.name)}}async run(e){let t=this.rpc(),n=this.pluginId(),r=this.pageId();if(this.confirming.set(null),t&&n&&r&&!this.running()){this.running.set(!0),this.result.set(``);try{let i=await t.scope(`pangular`).rpc.call(`request-plugin-action`,{pageId:r,pluginId:n,action:e});this.result.set(i?.ok?`Done.`:i?.error??`The action failed.`)}catch{this.result.set(`The devtools server did not answer. Check that it's still running.`)}finally{this.running.set(!1)}}}async load(e){this.failed.set(!1);try{let t=await e.scope(`pangular`).rpc.sharedState(`plugins`);if(this.destroyRef.destroyed)return;let n=e=>this.state.set(v5(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=k({type:e,selectors:[[`app-plugins-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,`muted`],[1,`intro`],[1,`toolbar`],[`role`,`group`,`aria-label`,`Plugin`,1,`plugins`],[`type`,`button`,1,`view`],[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 rows and items`,`placeholder`,`Filter rows and items`,3,`input`,`keydown.escape`,`value`],[`ariaLabel`,`Page`,1,`page-select`,3,`options`,`value`],[`role`,`status`,1,`count`],[`aria-labelledby`,`plugin-title`,1,`plugin`],[1,`notice`],[`aria-labelledby`,`plugin-tools-title`,1,`tools`],[`type`,`button`,1,`view`,3,`click`],[`ariaLabel`,`Page`,1,`page-select`,3,`valueChange`,`options`,`value`],[1,`head`],[`id`,`plugin-title`],[1,`chip`,`plain`],[1,`chip`],[1,`summary`],[`role`,`alert`,1,`notice`],[`role`,`group`,`aria-label`,`Plugin actions`,1,`actions`],[`role`,`status`,1,`result`],[1,`empty`],[1,`sections`],[1,`confirm`],[`type`,`button`,1,`small`,`primary`,3,`click`],[`type`,`button`,1,`small`],[3,`section`,`filter`,`index`],[`id`,`plugin-tools-title`,1,`label`]],template:function(e,t){e&1&&j(0,p5,2,0,`p`,1)(1,m5,5,0,`div`,2)(2,h5,11,0,`div`,1)(3,ire,18,5),e&2&&M(t.loaded()?t.failed()?1:t.pluginIds().length?3:2:0)},dependencies:[KD,l5],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -18611,7 +18783,7 @@ h2[_ngcontent-%COMP%] {
 
 .tools[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   flex-basis: 100%;
-}`]})},Une=[`accessibility`,`errors`,`hydration`,`change-detection`,`leaks`,`router`,`forms`,`http`,`pipes`],y5={accessibility:`Accessibility`,"change-detection":`Change detection`,leaks:`Leaks`,errors:`Errors`,router:`Router`,forms:`Forms`,hydration:`Hydration`,http:`HTTP`,pipes:`Pipes`},b5=[{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 Wne(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 Gne(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 Kne=(e,t)=>t.label,x5=(e,t)=>t.key;function qne(e,t){if(e&1&&(z(0,`p`,0),K(1),B()),e&2){let e=t.$implicit;O(),q(e)}}function Jne(e,t){if(e&1&&(z(0,`tr`)(1,`th`,12),K(2),B(),z(3,`td`),K(4),B(),z(5,`td`),K(6),B(),z(7,`td`)(8,`span`,13),K(9),B()()()),e&2){let e=t.$implicit;O(2),q(e.label),O(2),q(e.before),O(2),q(e.after),O(2),A(`data-tone`,e.tone),O(),q(e.change)}}function Yne(e,t){if(e&1&&(z(0,`li`)(1,`span`,14),K(2),B(),K(3),B()),e&2){let e=t.$implicit,n=W(2);O(2),q(n.areaLabel[e.area]),O(),J(` `,n.label(e),` `)}}function Xne(e,t){if(e&1&&(z(0,`ul`),N(1,Yne,4,2,`li`,null,x5),B()),e&2){let e=W();O(),P(e.diff().resolved)}}function Zne(e,t){e&1&&(z(0,`p`,7),K(1,`None.`),B())}function Qne(e,t){if(e&1&&(z(0,`li`)(1,`span`,14),K(2),B(),K(3),B()),e&2){let e=t.$implicit,n=W(2);O(2),q(n.areaLabel[e.area]),O(),J(` `,n.label(e),` `)}}function $ne(e,t){if(e&1&&(z(0,`ul`),N(1,Qne,4,2,`li`,null,x5),B()),e&2){let e=W();O(),P(e.diff().added)}}function ere(e,t){e&1&&(z(0,`p`,7),K(1,`None.`),B())}function tre(e,t){if(e&1&&(z(0,`li`)(1,`span`,14),K(2),B(),K(3),B()),e&2){let e=t.$implicit,n=W(2);O(2),q(n.areaLabel[e.area]),O(),R_(` `,n.label(e),`: `,e.countBefore,`× → `,e.count??1,`× `)}}function nre(e,t){if(e&1&&(z(0,`ul`),N(1,tre,4,4,`li`,null,x5),B()),e&2){let e=W();O(),P(e.changed())}}function rre(e,t){if(e&1&&(z(0,`p`,7),K(1),B()),e&2){let e=W();O(),J(``,e.diff().remaining.length,` still there with the same count.`)}}var ire=class e{diff=$.required();areaLabel=y5;changed=X(()=>this.diff().remaining.filter(e=>e.countBefore!==void 0&&e.countBefore!==e.count));rows=X(()=>{let e=new Map(this.diff().metrics.map(e=>[e.metric,e]));return b5.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=k({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&&(N(0,qne,2,1,`p`,0,vg),z(2,`div`,1)(3,`table`)(4,`caption`,2),K(5,` Numbers before and after. Lower is better for each. `),B(),z(6,`thead`)(7,`tr`)(8,`th`,3),K(9,`Number`),B(),z(10,`th`,3),K(11,`Before`),B(),z(12,`th`,3),K(13,`After`),B(),z(14,`th`,3),K(15,`Change`),B()()(),z(16,`tbody`),N(17,Jne,10,5,`tr`,null,Kne),B()()(),z(19,`div`,4)(20,`section`,5)(21,`h3`,6),K(22),B(),j(23,Xne,3,0,`ul`)(24,Zne,2,0,`p`,7),B(),z(25,`section`,8)(26,`h3`,9),K(27),B(),j(28,$ne,3,0,`ul`)(29,ere,2,0,`p`,7),B(),z(30,`section`,10)(31,`h3`,11),K(32),B(),j(33,nre,3,0,`ul`)(34,rre,2,1,`p`,7),B()()),e&2&&(P(t.diff().notes),O(17),P(t.rows()),O(5),J(`Resolved (`,t.diff().resolved.length,`)`),O(),M(t.diff().resolved.length?23:24),O(4),J(`New (`,t.diff().added.length,`)`),O(),M(t.diff().added.length?28:29),O(4),J(`Changed count (`,t.changed().length,`)`),O(),M(t.changed().length?33:34))},styles:[`[_nghost-%COMP%] {
+}`]})},lre=[`accessibility`,`errors`,`hydration`,`change-detection`,`leaks`,`router`,`forms`,`http`,`pipes`],y5={accessibility:`Accessibility`,"change-detection":`Change detection`,leaks:`Leaks`,errors:`Errors`,router:`Router`,forms:`Forms`,hydration:`Hydration`,http:`HTTP`,pipes:`Pipes`},b5=[{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 ure(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 dre(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 fre=(e,t)=>t.label,x5=(e,t)=>t.key;function pre(e,t){if(e&1&&(z(0,`p`,0),K(1),B()),e&2){let e=t.$implicit;O(),q(e)}}function mre(e,t){if(e&1&&(z(0,`tr`)(1,`th`,12),K(2),B(),z(3,`td`),K(4),B(),z(5,`td`),K(6),B(),z(7,`td`)(8,`span`,13),K(9),B()()()),e&2){let e=t.$implicit;O(2),q(e.label),O(2),q(e.before),O(2),q(e.after),O(2),A(`data-tone`,e.tone),O(),q(e.change)}}function hre(e,t){if(e&1&&(z(0,`li`)(1,`span`,14),K(2),B(),K(3),B()),e&2){let e=t.$implicit,n=W(2);O(2),q(n.areaLabel[e.area]),O(),J(` `,n.label(e),` `)}}function gre(e,t){if(e&1&&(z(0,`ul`),N(1,hre,4,2,`li`,null,x5),B()),e&2){let e=W();O(),P(e.diff().resolved)}}function _re(e,t){e&1&&(z(0,`p`,7),K(1,`None.`),B())}function vre(e,t){if(e&1&&(z(0,`li`)(1,`span`,14),K(2),B(),K(3),B()),e&2){let e=t.$implicit,n=W(2);O(2),q(n.areaLabel[e.area]),O(),J(` `,n.label(e),` `)}}function yre(e,t){if(e&1&&(z(0,`ul`),N(1,vre,4,2,`li`,null,x5),B()),e&2){let e=W();O(),P(e.diff().added)}}function bre(e,t){e&1&&(z(0,`p`,7),K(1,`None.`),B())}function xre(e,t){if(e&1&&(z(0,`li`)(1,`span`,14),K(2),B(),K(3),B()),e&2){let e=t.$implicit,n=W(2);O(2),q(n.areaLabel[e.area]),O(),R_(` `,n.label(e),`: `,e.countBefore,`× → `,e.count??1,`× `)}}function Sre(e,t){if(e&1&&(z(0,`ul`),N(1,xre,4,4,`li`,null,x5),B()),e&2){let e=W();O(),P(e.changed())}}function Cre(e,t){if(e&1&&(z(0,`p`,7),K(1),B()),e&2){let e=W();O(),J(``,e.diff().remaining.length,` still there with the same count.`)}}var wre=class e{diff=$.required();areaLabel=y5;changed=X(()=>this.diff().remaining.filter(e=>e.countBefore!==void 0&&e.countBefore!==e.count));rows=X(()=>{let e=new Map(this.diff().metrics.map(e=>[e.metric,e]));return b5.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=k({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&&(N(0,pre,2,1,`p`,0,vg),z(2,`div`,1)(3,`table`)(4,`caption`,2),K(5,` Numbers before and after. Lower is better for each. `),B(),z(6,`thead`)(7,`tr`)(8,`th`,3),K(9,`Number`),B(),z(10,`th`,3),K(11,`Before`),B(),z(12,`th`,3),K(13,`After`),B(),z(14,`th`,3),K(15,`Change`),B()()(),z(16,`tbody`),N(17,mre,10,5,`tr`,null,fre),B()()(),z(19,`div`,4)(20,`section`,5)(21,`h3`,6),K(22),B(),j(23,gre,3,0,`ul`)(24,_re,2,0,`p`,7),B(),z(25,`section`,8)(26,`h3`,9),K(27),B(),j(28,yre,3,0,`ul`)(29,bre,2,0,`p`,7),B(),z(30,`section`,10)(31,`h3`,11),K(32),B(),j(33,Sre,3,0,`ul`)(34,Cre,2,1,`p`,7),B()()),e&2&&(P(t.diff().notes),O(17),P(t.rows()),O(5),J(`Resolved (`,t.diff().resolved.length,`)`),O(),M(t.diff().resolved.length?23:24),O(4),J(`New (`,t.diff().added.length,`)`),O(),M(t.diff().added.length?28:29),O(4),J(`Changed count (`,t.changed().length,`)`),O(),M(t.changed().length?33:34))},styles:[`[_nghost-%COMP%] {
   display: grid;
   gap: 12px;
 }
@@ -18732,7 +18904,7 @@ ul[_ngcontent-%COMP%] {
   margin: 0;
   color: var(--%NS%text-2);
   font-size: 12px;
-}`]})},are=(e,t)=>t.label,ore=(e,t)=>t.key,sre=(e,t)=>t.area;function cre(e,t){e&1&&(I(0,`div`,1)(1,`p`),K(2,`The audit reads a live page, and a static report has none.`),L(),I(3,`p`,3),K(4,`Open the panel from the server that runs the app to audit it.`),L()())}function lre(e,t){e&1&&(I(0,`p`,1),K(1,`Loading the audit…`),L())}function ure(e,t){if(e&1){let e=V();I(0,`div`,2)(1,`p`),K(2,`Can't read the audit from the devtools server.`),L(),I(3,`button`,4),H(`click`,function(){return w(e),T(W().refresh())}),K(4,`Retry`),L()()}}function dre(e,t){e&1&&(I(0,`div`,1)(1,`p`),K(2,`No page reports live data yet.`),L(),I(3,`p`,3),K(4,` Open the app with the overlay loaded. The audit reads what the other inspectors collect from it. `),L()())}function fre(e,t){if(e&1){let e=V();I(0,`app-select`,34),H(`valueChange`,function(t){return w(e),T(W(2).pickPage(t))}),L()}if(e&2){let e=W(2);F(`options`,e.pageOptions())(`value`,e.pageId())}}function pre(e,t){e&1&&(I(0,`p`,19),K(1),L()),e&2&&(O(),q(t))}function mre(e,t){if(e&1){let e=V();I(0,`button`,17),H(`click`,function(){return w(e),T(W(2).mark(`clear`))}),K(1,` Clear `),L()}e&2&&F(`disabled`,W(2).busy())}function hre(e,t){e&1&&(I(0,`p`,19),K(1),L()),e&2&&(O(),q(t))}function gre(e,t){e&1&&R(0,`app-audit-diff`,25),e&2&&F(`diff`,t)}function _re(e,t){e&1&&(I(0,`p`,28),K(1,` No finding on this page. Run axe, or record change detection, to check more. `),L())}function vre(e,t){if(e&1){let e=V();I(0,`div`,28)(1,`p`),K(2,`No finding matches the filters.`),L(),I(3,`button`,4),H(`click`,function(){w(e),W();let t=$g(11);return W().clearFilters(),T(t.focus())}),K(4,` Clear filters `),L()()}}function yre(e,t){if(e&1&&(I(0,`code`,40),K(1),L()),e&2){let e=W().$implicit;O(),q(e.subject)}}function bre(e,t){if(e&1&&(I(0,`span`,41),K(1),L()),e&2){let e=W().$implicit;A(`aria-label`,e.count+` times`),O(),J(``,e.count,`×`)}}function xre(e,t){if(e&1){let e=V();I(0,`button`,45),H(`focus`,function(){w(e);let t=W(2).$implicit;return T(W(3).highlight(t))})(`blur`,function(){return w(e),T(W(5).highlight(null))})(`click`,function(){w(e);let t=W(2).$implicit,n=W(3);return T(n.showComponent.emit({id:t.elementId,pageId:n.pageId()}))}),K(1,` Show component `),L()}}function Sre(e,t){if(e&1){let e=V();I(0,`button`,45),H(`focus`,function(){w(e);let t=W(2).$implicit;return T(W(3).highlight(t))})(`blur`,function(){return w(e),T(W(5).highlight(null))})(`click`,function(){w(e);let t=W(2).$implicit;return T(W(3).highlight(t,!0))}),K(1,` Show in page `),L()}}function Cre(e,t){if(e&1&&j(0,xre,2,0,`button`,44)(1,Sre,2,0,`button`,44),e&2){let e=W().$implicit;M(+!W(3).isComponentArea(e.area))}}function wre(e,t){if(e&1){let e=V();I(0,`li`,36),H(`mouseenter`,function(){let t=w(e).$implicit;return T(W(3).highlight(t))})(`mouseleave`,function(){return w(e),T(W(3).highlight(null))}),I(1,`div`,37)(2,`span`,38),K(3),L(),I(4,`span`,39),K(5),L(),j(6,yre,2,1,`code`,40),j(7,bre,2,2,`span`,41),L(),I(8,`p`,42),K(9),L(),I(10,`div`,43)(11,`span`,3),K(12,`Rule `),I(13,`code`),K(14),L()(),I(15,`span`,3),K(16,`Agent tool `),I(17,`code`),K(18),L()(),j(19,Cre,2,1),L()()}if(e&2){let e=t.$implicit,n=W(3);O(2),A(`data-tone`,n.tone[e.severity]),O(),q(e.severity),O(2),q(n.areaLabel[e.area]),O(),M(e.subject?6:-1),O(),M((e.count??1)>1?7:-1),O(2),q(e.why),O(5),q(e.rule),O(4),q(n.toolCall(e)),O(),M(e.elementId&&n.canShowComponent()?19:-1)}}function Tre(e,t){if(e&1&&(I(0,`ol`,29),N(1,wre,20,9,`li`,35,ore),L()),e&2){let e=W(2);O(),P(e.shown())}}function Ere(e,t){if(e&1&&(I(0,`div`)(1,`dt`),K(2),L(),I(3,`dd`),K(4),L()()),e&2){let e=t.$implicit;O(2),q(e.label),O(2),q(e.value)}}function Dre(e,t){if(e&1&&(I(0,`li`)(1,`strong`),K(2),L(),K(3),L()),e&2){let e=t.$implicit,n=W(3);O(2),q(n.areaLabel[e.area]),O(),J(` `,e.state===`off`?`Its inspector is turned off.`:e.note??`Nothing to read yet.`,` `)}}function Ore(e,t){if(e&1&&(I(0,`section`,33)(1,`h2`,46),K(2,`Not checked`),L(),I(3,`ul`,47),N(4,Dre,4,2,`li`,null,sre),L()()),e&2){let e=W(2);O(4),P(e.coverage())}}function kre(e,t){if(e&1){let e=V();I(0,`p`,5),K(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 `),I(2,`code`),K(3,`audit`),L(),K(4,` tool. `),L(),I(5,`div`,6)(6,`div`,7),E(),I(7,`svg`,8),R(8,`circle`,9)(9,`path`,10),L(),Cs(),I(10,`input`,11,0),H(`input`,function(t){return w(e),T(W().filter.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().filter.set(``))}),L()(),I(12,`app-select`,12),H(`valueChange`,function(t){return w(e),T(W().area.set(t??`all`))}),L(),I(13,`app-select`,13),H(`valueChange`,function(t){return w(e),T(W().severity.set(t??`all`))}),L(),j(14,fre,1,2,`app-select`,14),I(15,`span`,15),K(16),L(),I(17,`p`,16),K(18),L(),I(19,`button`,17),H(`click`,function(){return w(e),T(W().runAxe())}),K(20),L(),I(21,`button`,17),H(`click`,function(){return w(e),T(W().refresh())}),K(22,`Refresh`),L()(),I(23,`p`,18),K(24),L(),j(25,pre,2,1,`p`,19),I(26,`section`,20)(27,`div`,21)(28,`h2`,22),K(29,`Before and after`),L(),I(30,`div`,23)(31,`button`,17),H(`click`,function(){return w(e),T(W().mark(`before`))}),K(32,` Take baseline `),L(),I(33,`button`,17),H(`click`,function(){return w(e),T(W().mark(`after`))}),K(34,` Take after audit `),L(),j(35,mre,2,1,`button`,24),L()(),I(36,`p`,3),K(37),L(),j(38,hre,2,1,`p`,19),j(39,gre,1,1,`app-audit-diff`,25),L(),I(40,`section`,26)(41,`h2`,27),K(42,`Findings`),L(),j(43,_re,2,0,`p`,28)(44,vre,5,0,`div`,28)(45,Tre,3,0,`ol`,29),L(),I(46,`section`,30)(47,`h2`,31),K(48,`Key numbers`),L(),I(49,`dl`,32),N(50,Ere,5,2,`div`,null,are),L()(),j(52,Ore,6,0,`section`,33)}if(e&2){let e,t,n,r=W();O(10),F(`value`,r.filter()),O(2),F(`options`,r.areaOptions())(`value`,r.area()),O(),F(`options`,r.severityOptions)(`value`,r.severity()),O(),M(r.pageOptions().length>1?14:-1),O(2),q(r.countText()),O(2),q(r.countStatus()),O(),F(`disabled`,r.axeRunning()),O(),J(` `,r.axeRunning()?`Running axe…`:`Run axe`,` `),O(),F(`disabled`,r.busy()),O(3),q(r.axeStatus()),O(),M((e=r.axeError())?25:-1,e),O(6),F(`disabled`,r.busy()),O(2),F(`disabled`,r.busy()||!r.before()),O(2),M(r.before()?35:-1),O(2),q(r.sessionText()),O(),M((t=r.sessionError())?38:-1,t),O(),M((n=r.diff())?39:-1,n),O(4),M(r.findings().length?r.shown().length?45:44:43),O(7),P(r.numbers()),O(2),M(r.coverage().length?52:-1)}}var Are={error:`danger`,warning:`warn`,info:`accent`},S5={error:0,warning:1,info:2},jre=[`errors`,`hydration`],Mre=class e{rpc=$(null);canShowComponent=$(!0);showComponent=yv();destroyRef=C(Ns);hostPageId=GT();unsubscribe;seq=0;highlighted=!1;queued;time=pO;toolCall=Wne;areaLabel=y5;tone=Are;severityOptions=[{value:`all`,label:`All severities`},{value:`error`,label:`Errors`},{value:`warning`,label:`Warnings and errors`}];data=D(null);loaded=D(!1);failed=D(!1);busy=D(!1);axeRunning=D(!1);axeError=D(null);sessionError=D(null);filter=D(``);area=D(`all`);severity=D(`all`);pageId=Q({source:()=>this.data(),computation:(e,t)=>t?.value&&e?.pages.some(e=>e.pageId===t.value)?t.value:e?.report?.pageId??this.hostPageId??``});staticReport=X(()=>QT(this.rpc()));report=X(()=>this.data()?.report??null);findings=X(()=>this.report()?.findings??[]);before=X(()=>this.data()?.session?.before??null);after=X(()=>this.data()?.session?.after??null);diff=X(()=>this.data()?.session?.diff??null);pageOptions=X(()=>(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=X(()=>[{value:`all`,label:`All areas`},...Une.map(e=>({value:e,label:y5[e],hint:String(this.findings().filter(t=>t.area===e).length)}))]);shown=X(()=>{let e=this.filter().trim().toLowerCase(),t=this.area(),n=this.severity()===`all`?2:S5[this.severity()];return this.findings().filter(r=>(t===`all`||r.area===t)&&S5[r.severity]<=n&&(!e||`${r.subject??``} ${r.rule} ${r.why}`.toLowerCase().includes(e)))});countText=X(()=>{let e=this.findings().length;return`${this.shown().length} of ${e} ${e===1?`finding`:`findings`}`});countStatus=v3(()=>[this.filter(),this.area(),this.severity(),this.pageId()],()=>this.countText());numbers=X(()=>{let e=this.report()?.metrics??{};return b5.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=X(()=>(this.report()?.sources??[]).filter(e=>e.state!==`ok`));axeStatus=X(()=>{if(this.axeRunning())return`Running axe on the page…`;let e=this.data()?.axe;return e?`Last axe pass at ${pO(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=X(()=>{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 ${pO(e.at)} with ${e.findings.length} findings.`;return t?`${n} After audit at ${pO(t.at)} with ${t.findings.length} findings.`:`${n} Make your change, then take an after audit.`});constructor(){bc(()=>{let e=this.rpc();e&&!QT(e)&&Z(()=>void this.subscribe(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.queued),this.highlight(null)})}isComponentArea(e){return jre.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 XT(e,`get-audit`,{pageId:this.pageId()||void 0});if(t!==this.seq||this.destroyRef.destroyed)return;let r=Gne(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 XT(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 XT(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,XT(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=k({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`],[1,`count`],[`role`,`status`,1,`sr-only`],[`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&&j(0,cre,5,0,`div`,1)(1,lre,2,0,`p`,1)(2,ure,5,0,`div`,2)(3,dre,5,0,`div`,1)(4,kre,53,21),e&2&&M(t.staticReport()?0:t.loaded()?t.failed()?2:t.report()?4:3:1)},dependencies:[UD,ire],styles:[`[_nghost-%COMP%] {
+}`]})},Tre=(e,t)=>t.label,Ere=(e,t)=>t.key,Dre=(e,t)=>t.area;function Ore(e,t){e&1&&(I(0,`div`,1)(1,`p`),K(2,`The audit reads a live page, and a static report has none.`),L(),I(3,`p`,3),K(4,`Open the panel from the server that runs the app to audit it.`),L()())}function kre(e,t){e&1&&(I(0,`p`,1),K(1,`Loading the audit…`),L())}function Are(e,t){if(e&1){let e=V();I(0,`div`,2)(1,`p`),K(2,`Can't read the audit from the devtools server.`),L(),I(3,`button`,4),H(`click`,function(){return w(e),T(W().refresh())}),K(4,`Retry`),L()()}}function jre(e,t){e&1&&(I(0,`div`,1)(1,`p`),K(2,`No page reports live data yet.`),L(),I(3,`p`,3),K(4,` Open the app with the overlay loaded. The audit reads what the other inspectors collect from it. `),L()())}function Mre(e,t){if(e&1){let e=V();I(0,`app-select`,34),H(`valueChange`,function(t){return w(e),T(W(2).pickPage(t))}),L()}if(e&2){let e=W(2);F(`options`,e.pageOptions())(`value`,e.pageId())}}function Nre(e,t){e&1&&(I(0,`p`,19),K(1),L()),e&2&&(O(),q(t))}function Pre(e,t){if(e&1){let e=V();I(0,`button`,17),H(`click`,function(){return w(e),T(W(2).mark(`clear`))}),K(1,` Clear `),L()}e&2&&F(`disabled`,W(2).busy())}function Fre(e,t){e&1&&(I(0,`p`,19),K(1),L()),e&2&&(O(),q(t))}function Ire(e,t){e&1&&R(0,`app-audit-diff`,25),e&2&&F(`diff`,t)}function Lre(e,t){e&1&&(I(0,`p`,28),K(1,` No finding on this page. Run axe, or record change detection, to check more. `),L())}function Rre(e,t){if(e&1){let e=V();I(0,`div`,28)(1,`p`),K(2,`No finding matches the filters.`),L(),I(3,`button`,4),H(`click`,function(){w(e),W();let t=$g(11);return W().clearFilters(),T(t.focus())}),K(4,` Clear filters `),L()()}}function zre(e,t){if(e&1&&(I(0,`code`,40),K(1),L()),e&2){let e=W().$implicit;O(),q(e.subject)}}function Bre(e,t){if(e&1&&(I(0,`span`,41),K(1),L()),e&2){let e=W().$implicit;A(`aria-label`,e.count+` times`),O(),J(``,e.count,`×`)}}function Vre(e,t){if(e&1){let e=V();I(0,`button`,45),H(`focus`,function(){w(e);let t=W(2).$implicit;return T(W(3).highlight(t))})(`blur`,function(){return w(e),T(W(5).highlight(null))})(`click`,function(){w(e);let t=W(2).$implicit,n=W(3);return T(n.showComponent.emit({id:t.elementId,pageId:n.pageId()}))}),K(1,` Show component `),L()}}function Hre(e,t){if(e&1){let e=V();I(0,`button`,45),H(`focus`,function(){w(e);let t=W(2).$implicit;return T(W(3).highlight(t))})(`blur`,function(){return w(e),T(W(5).highlight(null))})(`click`,function(){w(e);let t=W(2).$implicit;return T(W(3).highlight(t,!0))}),K(1,` Show in page `),L()}}function Ure(e,t){if(e&1&&j(0,Vre,2,0,`button`,44)(1,Hre,2,0,`button`,44),e&2){let e=W().$implicit;M(+!W(3).isComponentArea(e.area))}}function Wre(e,t){if(e&1){let e=V();I(0,`li`,36),H(`mouseenter`,function(){let t=w(e).$implicit;return T(W(3).highlight(t))})(`mouseleave`,function(){return w(e),T(W(3).highlight(null))}),I(1,`div`,37)(2,`span`,38),K(3),L(),I(4,`span`,39),K(5),L(),j(6,zre,2,1,`code`,40),j(7,Bre,2,2,`span`,41),L(),I(8,`p`,42),K(9),L(),I(10,`div`,43)(11,`span`,3),K(12,`Rule `),I(13,`code`),K(14),L()(),I(15,`span`,3),K(16,`Agent tool `),I(17,`code`),K(18),L()(),j(19,Ure,2,1),L()()}if(e&2){let e=t.$implicit,n=W(3);O(2),A(`data-tone`,n.tone[e.severity]),O(),q(e.severity),O(2),q(n.areaLabel[e.area]),O(),M(e.subject?6:-1),O(),M((e.count??1)>1?7:-1),O(2),q(e.why),O(5),q(e.rule),O(4),q(n.toolCall(e)),O(),M(e.elementId&&n.canShowComponent()?19:-1)}}function Gre(e,t){if(e&1&&(I(0,`ol`,29),N(1,Wre,20,9,`li`,35,Ere),L()),e&2){let e=W(2);O(),P(e.shown())}}function Kre(e,t){if(e&1&&(I(0,`div`)(1,`dt`),K(2),L(),I(3,`dd`),K(4),L()()),e&2){let e=t.$implicit;O(2),q(e.label),O(2),q(e.value)}}function qre(e,t){if(e&1&&(I(0,`li`)(1,`strong`),K(2),L(),K(3),L()),e&2){let e=t.$implicit,n=W(3);O(2),q(n.areaLabel[e.area]),O(),J(` `,e.state===`off`?`Its inspector is turned off.`:e.note??`Nothing to read yet.`,` `)}}function Jre(e,t){if(e&1&&(I(0,`section`,33)(1,`h2`,46),K(2,`Not checked`),L(),I(3,`ul`,47),N(4,qre,4,2,`li`,null,Dre),L()()),e&2){let e=W(2);O(4),P(e.coverage())}}function Yre(e,t){if(e&1){let e=V();I(0,`p`,5),K(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 `),I(2,`code`),K(3,`audit`),L(),K(4,` tool. `),L(),I(5,`div`,6)(6,`div`,7),E(),I(7,`svg`,8),R(8,`circle`,9)(9,`path`,10),L(),xs(),I(10,`input`,11,0),H(`input`,function(t){return w(e),T(W().filter.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().filter.set(``))}),L()(),I(12,`app-select`,12),H(`valueChange`,function(t){return w(e),T(W().area.set(t??`all`))}),L(),I(13,`app-select`,13),H(`valueChange`,function(t){return w(e),T(W().severity.set(t??`all`))}),L(),j(14,Mre,1,2,`app-select`,14),I(15,`span`,15),K(16),L(),I(17,`p`,16),K(18),L(),I(19,`button`,17),H(`click`,function(){return w(e),T(W().runAxe())}),K(20),L(),I(21,`button`,17),H(`click`,function(){return w(e),T(W().refresh())}),K(22,`Refresh`),L()(),I(23,`p`,18),K(24),L(),j(25,Nre,2,1,`p`,19),I(26,`section`,20)(27,`div`,21)(28,`h2`,22),K(29,`Before and after`),L(),I(30,`div`,23)(31,`button`,17),H(`click`,function(){return w(e),T(W().mark(`before`))}),K(32,` Take baseline `),L(),I(33,`button`,17),H(`click`,function(){return w(e),T(W().mark(`after`))}),K(34,` Take after audit `),L(),j(35,Pre,2,1,`button`,24),L()(),I(36,`p`,3),K(37),L(),j(38,Fre,2,1,`p`,19),j(39,Ire,1,1,`app-audit-diff`,25),L(),I(40,`section`,26)(41,`h2`,27),K(42,`Findings`),L(),j(43,Lre,2,0,`p`,28)(44,Rre,5,0,`div`,28)(45,Gre,3,0,`ol`,29),L(),I(46,`section`,30)(47,`h2`,31),K(48,`Key numbers`),L(),I(49,`dl`,32),N(50,Kre,5,2,`div`,null,Tre),L()(),j(52,Jre,6,0,`section`,33)}if(e&2){let e,t,n,r=W();O(10),F(`value`,r.filter()),O(2),F(`options`,r.areaOptions())(`value`,r.area()),O(),F(`options`,r.severityOptions)(`value`,r.severity()),O(),M(r.pageOptions().length>1?14:-1),O(2),q(r.countText()),O(2),q(r.countStatus()),O(),F(`disabled`,r.axeRunning()),O(),J(` `,r.axeRunning()?`Running axe…`:`Run axe`,` `),O(),F(`disabled`,r.busy()),O(3),q(r.axeStatus()),O(),M((e=r.axeError())?25:-1,e),O(6),F(`disabled`,r.busy()),O(2),F(`disabled`,r.busy()||!r.before()),O(2),M(r.before()?35:-1),O(2),q(r.sessionText()),O(),M((t=r.sessionError())?38:-1,t),O(),M((n=r.diff())?39:-1,n),O(4),M(r.findings().length?r.shown().length?45:44:43),O(7),P(r.numbers()),O(2),M(r.coverage().length?52:-1)}}var Xre={error:`danger`,warning:`warn`,info:`accent`},S5={error:0,warning:1,info:2},Zre=[`errors`,`hydration`],Qre=class e{rpc=$(null);canShowComponent=$(!0);showComponent=yv();destroyRef=C(js);hostPageId=JT();unsubscribe;seq=0;highlighted=!1;queued;time=gO;toolCall=ure;areaLabel=y5;tone=Xre;severityOptions=[{value:`all`,label:`All severities`},{value:`error`,label:`Errors`},{value:`warning`,label:`Warnings and errors`}];data=D(null);loaded=D(!1);failed=D(!1);busy=D(!1);axeRunning=D(!1);axeError=D(null);sessionError=D(null);filter=D(``);area=D(`all`);severity=D(`all`);pageId=Q({source:()=>this.data(),computation:(e,t)=>t?.value&&e?.pages.some(e=>e.pageId===t.value)?t.value:e?.report?.pageId??this.hostPageId??``});staticReport=X(()=>tE(this.rpc()));report=X(()=>this.data()?.report??null);findings=X(()=>this.report()?.findings??[]);before=X(()=>this.data()?.session?.before??null);after=X(()=>this.data()?.session?.after??null);diff=X(()=>this.data()?.session?.diff??null);pageOptions=X(()=>(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=X(()=>[{value:`all`,label:`All areas`},...lre.map(e=>({value:e,label:y5[e],hint:String(this.findings().filter(t=>t.area===e).length)}))]);shown=X(()=>{let e=this.filter().trim().toLowerCase(),t=this.area(),n=this.severity()===`all`?2:S5[this.severity()];return this.findings().filter(r=>(t===`all`||r.area===t)&&S5[r.severity]<=n&&(!e||`${r.subject??``} ${r.rule} ${r.why}`.toLowerCase().includes(e)))});countText=X(()=>{let e=this.findings().length;return`${this.shown().length} of ${e} ${e===1?`finding`:`findings`}`});countStatus=R3(()=>[this.filter(),this.area(),this.severity(),this.pageId()],()=>this.countText());numbers=X(()=>{let e=this.report()?.metrics??{};return b5.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=X(()=>(this.report()?.sources??[]).filter(e=>e.state!==`ok`));axeStatus=X(()=>{if(this.axeRunning())return`Running axe on the page…`;let e=this.data()?.axe;return e?`Last axe pass at ${gO(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=X(()=>{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 ${gO(e.at)} with ${e.findings.length} findings.`;return t?`${n} After audit at ${gO(t.at)} with ${t.findings.length} findings.`:`${n} Make your change, then take an after audit.`});constructor(){vc(()=>{let e=this.rpc();e&&!tE(e)&&Z(()=>void this.subscribe(e))}),this.destroyRef.onDestroy(()=>{this.unsubscribe?.(),clearTimeout(this.queued),this.highlight(null)})}isComponentArea(e){return Zre.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 $T(e,`get-audit`,{pageId:this.pageId()||void 0});if(t!==this.seq||this.destroyRef.destroyed)return;let r=dre(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 $T(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 $T(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,$T(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=k({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`],[1,`count`],[`role`,`status`,1,`sr-only`],[`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&&j(0,Ore,5,0,`div`,1)(1,kre,2,0,`p`,1)(2,Are,5,0,`div`,2)(3,jre,5,0,`div`,1)(4,Yre,53,21),e&2&&M(t.staticReport()?0:t.loaded()?t.failed()?2:t.report()?4:3:1)},dependencies:[KD,wre],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -19057,7 +19229,7 @@ h2[_ngcontent-%COMP%] {
 .empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], 
 .state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {
   margin: 0 0 8px;
-}`]})},C5=[{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`}],w5=Object.fromEntries(C5.map(e=>[e.id,e]));function Nre(e){return C5.filter(t=>e.inspectors[t.inspector])}function T5(e){return Array.isArray(e)?e:[]}function E5(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function D5(e){let t=E5(e).pages;return Array.isArray(t)?t:Object.values(E5(t))}function O5(e){return typeof e==`number`&&Number.isFinite(e)}function Pre(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 k5(e){return e<10?`${Math.round(e*10)/10} ms`:`${Math.round(e)} ms`}function Fre(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 Ire(e){let t=[];for(let n of D5(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of T5(n?.navigations)){if(!O5(r?.startedAt)||r.probe||r.beforeConnect)continue;let n=O5(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?``:k5(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 Lre(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 A5(e,t){if(!O5(e?.at))return null;let n=e.side===`server`?`SSR`:`client`,r=e.status?String(e.status):e.cancelled?`cancelled`:`no response`,i=O5(e.durationMs)?e.durationMs:void 0,a=Lre(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`} ${Pre(e.url??``)}`,detail:[r,n,i===void 0?``:k5(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 Rre(e){let t=[],n=D5(e);for(let e of n){let n=typeof e?.pageId==`string`?e.pageId:``;for(let r of T5(e?.calls)){let e=A5(r,n);e&&t.push(e)}}for(let r of T5(E5(e).serverCalls)){let e=r?.pageUrl?n.find(e=>e?.initialUrl&&e.initialUrl===r.pageUrl):void 0,i=A5({...r,side:`server`},e?.pageId??``);i&&t.push(i)}return t}function zre(e){let t=[];for(let n of D5(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of T5(n?.log)){if(!O5(r?.timestamp))continue;let n=T5(r.diff).length+(r.diffTruncated??0),i=O5(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?``:k5(i)].filter(Boolean).join(` · `),link:{tab:`store`,...e?{page:e}:{}}})}}return t}var Bre=16;function Vre(e){let t=[];for(let n of D5(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of T5(n?.cycles)){if(!O5(r?.at))continue;let n=O5(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:[k5(n),`${r.checks} ${r.checks===1?`check`:`checks`}`,r.trigger?`after ${r.trigger}`:``].filter(Boolean).join(` · `),...n>Bre?{tone:`warn`}:{},link:{tab:`components`,...e?{page:e}:{}}})}}return t}function Hre(e){return T5(E5(e).events).flatMap((e,t)=>{if(!O5(e?.timestamp)||typeof e.formId!=`string`)return[];let n=tE(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,...O5(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 Ure={write:`set`,sample:`sampled`};function Wre(e){let t=[],n=E5(E5(e).pages),r=Object.keys(n).length?Object.entries(n):[[``,E5(e).graph]];for(let[e,n]of r){let r=E5(n),i=typeof r.pageId==`string`?r.pageId:String(e),a=new Map(T5(r.nodes).map(e=>[e?.id,e?.label||e?.kind||`signal`]));for(let[e,n]of Object.entries(E5(r.history)))for(let r of T5(n)){if(!O5(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} ${Ure[r.source??``]??`changed`}`,detail:Fre(r.value),link:{tab:`signals`,...i?{page:i}:{}}})}}return t}var Gre={router:Ire,http:Rre,ngrx:zre,cd:Vre,forms:Hre,signals:Wre};function Kre(e){let t=[];for(let n of C5){let r=e[n.id];r!=null&&t.push(...Gre[n.id](r))}let n=new Map(C5.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 qre(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 D5(e.http))r(t?.pageId,t?.title||t?.url);for(let t of D5(e.router))r(t?.pageId,t?.snapshot?.url);for(let t of D5(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 Jre(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 j5(e,t){return t?e.filter(e=>e.at>=t.start&&e.at<=t.end):e}function Yre(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 Xre(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 M5({start:i-r/2,end:i+r/2},n)}function Zre(e,t,n){let r=(e.end-e.start)*t;return M5({start:e.start+r,end:e.end+r},n)}function M5(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 Qre(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 $re(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 eie(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 N5=`pangular-timeline-hidden-layers`;function tie(){try{let e=JSON.parse(localStorage.getItem(N5)??`[]`);return Array.isArray(e)?e.filter(e=>C5.some(t=>t.id===e)):[]}catch{return[]}}function P5(e){try{localStorage.setItem(N5,JSON.stringify(e))}catch{}}function F5(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 I5(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 nie=[`tracks`],L5=(e,t)=>t.id,rie=(e,t)=>t.layer+t.slot,iie=(e,t)=>t.key;function aie(e,t){e&1&&(I(0,`p`,3),K(1,`Loading the timeline…`),L())}function oie(e,t){if(e&1){let e=V();I(0,`div`,4)(1,`p`),K(2,`Can't read the timeline from the devtools server.`),L(),I(3,`button`,5),H(`click`,function(){return w(e),T(W().retry())}),K(4,`Retry`),L()()}}function sie(e,t){if(e&1){let e=V();I(0,`app-select`,20),H(`valueChange`,function(t){w(e);let n=W(2);return T(n.pageId.set(t??n.allPages))}),L()}if(e&2){let e=W(2);F(`options`,e.pageOptions())(`value`,e.pageId())}}function cie(e,t){if(e&1){let e=V();I(0,`button`,21),H(`click`,function(){let t=w(e).$implicit;return T(W(2).toggleLayer(t.id))}),R(1,`span`,22),K(2),I(3,`span`,23),K(4),L()()}if(e&2){let e=t.$implicit,n=W(2);A(`aria-pressed`,!n.hidden().includes(e.id)),O(2),J(` `,e.label,` `),O(2),q(n.layerCounts()[e.id])}}function lie(e,t){e&1&&(I(0,`div`,3)(1,`p`),K(2,`Nothing on the timeline yet.`),L(),I(3,`p`,24),K(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. `),L()())}function uie(e,t){if(e&1){let e=V();I(0,`div`,3)(1,`p`),K(2),L(),I(3,`button`,5),H(`click`,function(){w(e),W();let t=$g(6);return W().clearFilters(),T(t.focus())}),K(4,` Clear filters `),L()()}if(e&2){let e=W(2);O(2),J(`No event matches the filters`,e.range()?` in this range`:``,`.`)}}function die(e,t){if(e&1&&(I(0,`li`),K(1),L()),e&2){let e=t.$implicit;O(),q(e.label)}}function fie(e,t){if(e&1&&(E(),R(0,`line`,32)),e&2){let e=t.$index,n=W(3);A(`x2`,n.chartWidth)(`y1`,e*n.laneHeight+n.laneHeight/2)(`y2`,e*n.laneHeight+n.laneHeight/2)}}function pie(e,t){if(e&1&&(E(),R(0,`rect`,33)),e&2){let e=t.$implicit,n=W(3);A(`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 mie(e,t){if(e&1&&(E(),R(0,`rect`,34)),e&2){let e=t,n=W(3);A(`x`,e.x-2)(`y`,e.y+1)(`width`,n.slotWidth+3)(`height`,n.laneHeight-2)}}function hie(e,t){if(e&1&&R(0,`div`,45),e&2){let e=t;b_(`left`,e.left,`%`)(`width`,e.width,`%`)}}function gie(e,t){if(e&1&&(I(0,`p`,41),K(1),L()),e&2){let e=W(3);O(),Y(` Showing the newest `,e.listed().length,` of `,e.shown().length,` events. Zoom in or filter to see older ones. `)}}function _ie(e,t){if(e&1&&(I(0,`span`,50),K(1),L()),e&2){let e=W().$implicit;O(),q(e.detail)}}function vie(e,t){if(e&1&&(I(0,`span`,51),K(1),L()),e&2){let e=W().$implicit,t=W(3);O(),q(t.pageLabel(e.pageId))}}function yie(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,46),H(`click`,function(){let t=w(e).$implicit;return T(W(3).select(t))})(`dblclick`,function(){let t=w(e).$implicit;return T(W(3).openEvent(t))}),I(2,`time`,47),K(3),L(),I(4,`span`,48),K(5),L(),I(6,`span`,49),K(7),L(),j(8,_ie,2,1,`span`,50),j(9,vie,2,1,`span`,51),L()()}if(e&2){let e=t.$implicit,n=W(3);O(),G(`selected`,e.key===n.selectedKey()),A(`aria-current`,e.key===n.selectedKey()?`true`:null)(`data-key`,e.key),O(2),q(n.clock(e.at)),O(),A(`data-tone`,e.tone??null),O(),q(n.layerLabel(e.layer)),O(2),q(e.title),O(),M(e.detail?8:-1),O(),M(n.showPage()?9:-1)}}function bie(e,t){if(e&1&&(I(0,`dt`),K(1,`Took`),L(),I(2,`dd`),K(3),L()),e&2){let e=W(),t=W(3);O(3),q(t.span(e.ms))}}function xie(e,t){if(e&1&&(I(0,`dt`),K(1,`Detail`),L(),I(2,`dd`,54),K(3),L()),e&2){let e=W();O(3),q(e.detail)}}function Sie(e,t){if(e&1){let e=V();I(0,`p`,52),K(1),L(),I(2,`dl`)(3,`dt`),K(4,`Layer`),L(),I(5,`dd`),K(6),L(),I(7,`dt`),K(8,`Time`),L(),I(9,`dd`),K(10),L(),j(11,bie,4,1),j(12,xie,4,1),I(13,`dt`),K(14,`Page`),L(),I(15,`dd`),K(16),L()(),I(17,`button`,53),H(`click`,function(){let t=w(e);return T(W(3).openEvent(t))}),K(18),L()}if(e&2){let e=t,n=W(3);O(),q(e.title),O(5),q(n.layerLabel(e.layer)),O(4),q(n.clock(e.at)),O(),M(e.ms===void 0?-1:11),O(),M(e.detail?12:-1),O(4),q(e.pageId?n.pageLabel(e.pageId):`Server, no page`),O(2),J(` Open in `,n.tabLabel(e.layer),` `)}}function Cie(e,t){e&1&&(I(0,`p`,24),K(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. `),L())}function wie(e,t){if(e&1){let e=V();I(0,`section`,25)(1,`div`,26)(2,`h2`,27),K(3,`Time axis`),L(),I(4,`span`,24),K(5),L()(),I(6,`div`,28)(7,`ul`,29),N(8,die,2,1,`li`,null,L5),L(),I(10,`div`,30,1),H(`pointerdown`,function(t){return w(e),T(W(2).onPointerDown(t))})(`pointermove`,function(t){return w(e),T(W(2).onPointerMove(t))})(`pointerup`,function(t){return w(e),T(W(2).onPointerUp(t))})(`pointercancel`,function(){return w(e),T(W(2).brush.set(null))}),E(),I(12,`svg`,31),N(13,fie,1,3,`:svg:line`,32,L5),N(15,pie,1,6,`:svg:rect`,33,rie),j(17,mie,1,4,`:svg:rect`,34),L(),j(18,hie,1,4,`div`,35),L()(),Cs(),I(19,`div`,36)(20,`span`),K(21),L(),I(22,`span`),K(23),L()(),I(24,`p`,37),K(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. `),L()(),I(26,`div`,38)(27,`section`,39)(28,`h2`,40),K(29,`Events`),L(),j(30,gie,2,2,`p`,41),I(31,`ol`,42),N(32,yie,10,10,`li`,null,iie),L()(),I(34,`aside`,43)(35,`h2`,44),K(36,`Selected event`),L(),j(37,Sie,19,7)(38,Cie,2,0,`p`,24),L()()}if(e&2){let e,t,n,r=W(2);O(5),q(r.viewText()),O(3),P(r.lanes()),O(2),b_(`height`,r.lanes().length*r.laneHeight,`px`),A(`aria-label`,r.chartLabel()),O(2),A(`viewBox`,`0 0 `+r.chartWidth+` `+r.lanes().length*r.laneHeight),O(),P(r.lanes()),O(2),P(r.bins()),O(2),M((e=r.selectedMark())?17:-1,e),O(),M((t=r.brushBox())?18:-1,t),O(3),q(r.clock(r.view().start)),O(2),q(r.clock(r.view().end)),O(7),M(r.shown().length>r.listed().length?30:-1),O(2),P(r.listed()),O(5),M((n=r.selected())?37:38,n)}}function Tie(e,t){if(e&1){let e=V();I(0,`div`,6)(1,`div`,7),E(),I(2,`svg`,8),R(3,`circle`,9)(4,`path`,10),L(),Cs(),I(5,`input`,11,0),H(`input`,function(t){return w(e),T(W().query.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().query.set(``))}),L()(),j(7,sie,1,2,`app-select`,12),I(8,`span`,13),K(9),L(),I(10,`p`,14),K(11),L()(),I(12,`div`,15)(13,`div`,16),N(14,cie,5,3,`button`,17,L5),L(),I(16,`div`,18)(17,`button`,19),H(`click`,function(){return w(e),T(W().zoom(.5))}),K(18,` Zoom in `),L(),I(19,`button`,19),H(`click`,function(){return w(e),T(W().zoom(2))}),K(20,` Zoom out `),L(),I(21,`button`,19),H(`click`,function(){return w(e),T(W().pan(-1))}),K(22,` Earlier `),L(),I(23,`button`,19),H(`click`,function(){return w(e),T(W().pan(1))}),K(24,` Later `),L(),I(25,`button`,19),H(`click`,function(){return w(e),T(W().range.set(null))}),K(26,` Show all `),L()()(),j(27,lie,5,0,`div`,3)(28,uie,5,1,`div`,3)(29,wie,39,11)}if(e&2){let e=W();O(5),F(`value`,e.query()),O(2),M(e.pageOptions().length>2?7:-1),O(2),q(e.countText()),O(2),q(e.countStatus()),O(3),P(e.layers()),O(3),F(`disabled`,!e.canZoomIn()),O(2),F(`disabled`,!e.range()),O(2),F(`disabled`,!e.canPan(-1)),O(2),F(`disabled`,!e.canPan(1)),O(2),F(`disabled`,!e.range()),O(2),M(e.events().length?e.shown().length?29:28:27)}}var R5=240,z5=1e3,Eie=4,Die=class e{rpc=$(null);open=yv();destroyRef=C(Ns);tracks=Ev(`tracks`);host=C(Wl);hostPageId=GT();cleanups=[];loads=0;allPages=`all`;clock=F5;span=I5;laneHeight=24;chartWidth=z5;slotWidth=z5/R5;loading=D(!0);failed=D(!1);sources=D({});query=D(``);hidden=D(tie());range=D(null);selectedKey=D(null);brush=D(null);layers=X(()=>Nre(fE(this.rpc())));events=X(()=>{let e=new Set(this.layers().map(e=>e.id));return Kre(this.sources()).filter(t=>e.has(t.layer))});pages=X(()=>qre(this.sources(),this.events()));pageId=Q({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=X(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.label,...e.label===e.pageId?{}:{hint:e.pageId}}))]);showPage=X(()=>this.pageId()===`all`&&this.pages().length>1);matching=X(()=>Jre(this.events(),{layers:new Set(C5.map(e=>e.id)),pageId:this.pageId(),query:this.query()}));layerCounts=X(()=>{let e=Object.fromEntries(C5.map(e=>[e.id,0]));for(let t of j5(this.matching(),this.range()))e[t.layer]++;return e});visible=X(()=>{let e=new Set(this.hidden());return this.matching().filter(t=>!e.has(t.layer))});lanes=X(()=>{let e=new Set(this.hidden());return this.layers().filter(t=>!e.has(t.id))});laneIndex=X(()=>Object.fromEntries(this.lanes().map((e,t)=>[e.id,t])));bounds=X(()=>Yre(this.visible()));view=X(()=>this.range()??this.bounds());shown=X(()=>j5(this.visible(),this.range()));listed=X(()=>this.shown().slice(-200).reverse());bins=X(()=>{let e=this.view();return e?$re(this.shown(),e,R5):[]});maxBin=X(()=>this.bins().reduce((e,t)=>Math.max(e,t.count),1));selected=X(()=>this.events().find(e=>e.key===this.selectedKey())??null);selectedMark=X(()=>{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*R5))*this.slotWidth,y:n*this.laneHeight}});brushBox=X(()=>{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=X(()=>{let e=this.events().length;return`${this.shown().length} of ${e} ${e===1?`event`:`events`}`});countStatus=v3(()=>[this.query(),this.hidden(),this.pageId(),this.range()],()=>this.countText());viewText=X(()=>{let e=this.view();if(!e)return``;let t=I5(e.end-e.start);return this.range()?`Range of ${t}`:`All ${t}`});chartLabel=X(()=>{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 ${F5(e.start)} to ${F5(e.end)}: ${n.join(`, `)}. The Events list holds the same events.`});canZoomIn=X(()=>{let e=this.view();return!!e&&e.end-e.start>40});constructor(){bc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.stop())}layerLabel(e){return w5[e].label}tabLabel(e){return w5[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),P5(t)}clearFilters(){this.query.set(``),this.range.set(null),this.hidden.set([]),P5([]),this.pageId.set(`all`)}zoom(e){let t=this.view(),n=this.bounds();t&&n&&this.range.set(Xre(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(Zre(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)<Eie){this.pick(e,n);return}let r=Qre(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=eie(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(C5.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=k({type:e,selectors:[[`app-timeline`]],viewQuery:function(e,t){e&1&&Zg(t.tracks,nie,5),e&2&&Qg()},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`],[1,`count`],[`role`,`status`,1,`sr-only`],[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&&(I(0,`p`,2),K(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. `),L(),j(2,aie,2,0,`p`,3)(3,oie,5,0,`div`,4)(4,Tie,30,10)),e&2&&(O(2),M(t.loading()?2:t.failed()?3:4))},dependencies:[UD,hz],styles:[`[_nghost-%COMP%] {
+}`]})},C5=[{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`}],w5=Object.fromEntries(C5.map(e=>[e.id,e]));function $re(e){return C5.filter(t=>e.inspectors[t.inspector])}function T5(e){return Array.isArray(e)?e:[]}function E5(e){return e&&typeof e==`object`&&!Array.isArray(e)?e:{}}function D5(e){let t=E5(e).pages;return Array.isArray(t)?t:Object.values(E5(t))}function O5(e){return typeof e==`number`&&Number.isFinite(e)}function eie(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 k5(e){return e<10?`${Math.round(e*10)/10} ms`:`${Math.round(e)} ms`}function tie(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 nie(e){let t=[];for(let n of D5(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of T5(n?.navigations)){if(!O5(r?.startedAt)||r.probe||r.beforeConnect)continue;let n=O5(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?``:k5(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 rie(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 A5(e,t){if(!O5(e?.at))return null;let n=e.side===`server`?`SSR`:`client`,r=e.status?String(e.status):e.cancelled?`cancelled`:`no response`,i=O5(e.durationMs)?e.durationMs:void 0,a=rie(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`} ${eie(e.url??``)}`,detail:[r,n,i===void 0?``:k5(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 iie(e){let t=[],n=D5(e);for(let e of n){let n=typeof e?.pageId==`string`?e.pageId:``;for(let r of T5(e?.calls)){let e=A5(r,n);e&&t.push(e)}}for(let r of T5(E5(e).serverCalls)){let e=r?.pageUrl?n.find(e=>e?.initialUrl&&e.initialUrl===r.pageUrl):void 0,i=A5({...r,side:`server`},e?.pageId??``);i&&t.push(i)}return t}function aie(e){let t=[];for(let n of D5(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of T5(n?.log)){if(!O5(r?.timestamp))continue;let n=T5(r.diff).length+(r.diffTruncated??0),i=O5(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?``:k5(i)].filter(Boolean).join(` · `),link:{tab:`store`,...e?{page:e}:{}}})}}return t}var oie=16;function sie(e){let t=[];for(let n of D5(e)){let e=typeof n?.pageId==`string`?n.pageId:``;for(let r of T5(n?.cycles)){if(!O5(r?.at))continue;let n=O5(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:[k5(n),`${r.checks} ${r.checks===1?`check`:`checks`}`,r.trigger?`after ${r.trigger}`:``].filter(Boolean).join(` · `),...n>oie?{tone:`warn`}:{},link:{tab:`components`,...e?{page:e}:{}}})}}return t}function cie(e){return T5(E5(e).events).flatMap((e,t)=>{if(!O5(e?.timestamp)||typeof e.formId!=`string`)return[];let n=iE(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,...O5(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 lie={write:`set`,sample:`sampled`};function uie(e){let t=[],n=E5(E5(e).pages),r=Object.keys(n).length?Object.entries(n):[[``,E5(e).graph]];for(let[e,n]of r){let r=E5(n),i=typeof r.pageId==`string`?r.pageId:String(e),a=new Map(T5(r.nodes).map(e=>[e?.id,e?.label||e?.kind||`signal`]));for(let[e,n]of Object.entries(E5(r.history)))for(let r of T5(n)){if(!O5(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} ${lie[r.source??``]??`changed`}`,detail:tie(r.value),link:{tab:`signals`,...i?{page:i}:{}}})}}return t}var die={router:nie,http:iie,ngrx:aie,cd:sie,forms:cie,signals:uie};function fie(e){let t=[];for(let n of C5){let r=e[n.id];r!=null&&t.push(...die[n.id](r))}let n=new Map(C5.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 pie(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 D5(e.http))r(t?.pageId,t?.title||t?.url);for(let t of D5(e.router))r(t?.pageId,t?.snapshot?.url);for(let t of D5(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 mie(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 j5(e,t){return t?e.filter(e=>e.at>=t.start&&e.at<=t.end):e}function hie(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 gie(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 M5({start:i-r/2,end:i+r/2},n)}function _ie(e,t,n){let r=(e.end-e.start)*t;return M5({start:e.start+r,end:e.end+r},n)}function M5(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 vie(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 yie(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 bie(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 N5=`pangular-timeline-hidden-layers`;function xie(){try{let e=JSON.parse(localStorage.getItem(N5)??`[]`);return Array.isArray(e)?e.filter(e=>C5.some(t=>t.id===e)):[]}catch{return[]}}function P5(e){try{localStorage.setItem(N5,JSON.stringify(e))}catch{}}function F5(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 I5(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 Sie=[`tracks`],L5=(e,t)=>t.id,Cie=(e,t)=>t.layer+t.slot,wie=(e,t)=>t.key;function Tie(e,t){e&1&&(I(0,`p`,3),K(1,`Loading the timeline…`),L())}function Eie(e,t){if(e&1){let e=V();I(0,`div`,4)(1,`p`),K(2,`Can't read the timeline from the devtools server.`),L(),I(3,`button`,5),H(`click`,function(){return w(e),T(W().retry())}),K(4,`Retry`),L()()}}function Die(e,t){if(e&1){let e=V();I(0,`app-select`,20),H(`valueChange`,function(t){w(e);let n=W(2);return T(n.pageId.set(t??n.allPages))}),L()}if(e&2){let e=W(2);F(`options`,e.pageOptions())(`value`,e.pageId())}}function Oie(e,t){if(e&1){let e=V();I(0,`button`,21),H(`click`,function(){let t=w(e).$implicit;return T(W(2).toggleLayer(t.id))}),R(1,`span`,22),K(2),I(3,`span`,23),K(4),L()()}if(e&2){let e=t.$implicit,n=W(2);A(`aria-pressed`,!n.hidden().includes(e.id)),O(2),J(` `,e.label,` `),O(2),q(n.layerCounts()[e.id])}}function kie(e,t){e&1&&(I(0,`div`,3)(1,`p`),K(2,`Nothing on the timeline yet.`),L(),I(3,`p`,24),K(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. `),L()())}function Aie(e,t){if(e&1){let e=V();I(0,`div`,3)(1,`p`),K(2),L(),I(3,`button`,5),H(`click`,function(){w(e),W();let t=$g(6);return W().clearFilters(),T(t.focus())}),K(4,` Clear filters `),L()()}if(e&2){let e=W(2);O(2),J(`No event matches the filters`,e.range()?` in this range`:``,`.`)}}function jie(e,t){if(e&1&&(I(0,`li`),K(1),L()),e&2){let e=t.$implicit;O(),q(e.label)}}function Mie(e,t){if(e&1&&(E(),R(0,`line`,32)),e&2){let e=t.$index,n=W(3);A(`x2`,n.chartWidth)(`y1`,e*n.laneHeight+n.laneHeight/2)(`y2`,e*n.laneHeight+n.laneHeight/2)}}function Nie(e,t){if(e&1&&(E(),R(0,`rect`,33)),e&2){let e=t.$implicit,n=W(3);A(`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 Pie(e,t){if(e&1&&(E(),R(0,`rect`,34)),e&2){let e=t,n=W(3);A(`x`,e.x-2)(`y`,e.y+1)(`width`,n.slotWidth+3)(`height`,n.laneHeight-2)}}function Fie(e,t){if(e&1&&R(0,`div`,45),e&2){let e=t;b_(`left`,e.left,`%`)(`width`,e.width,`%`)}}function Iie(e,t){if(e&1&&(I(0,`p`,41),K(1),L()),e&2){let e=W(3);O(),Y(` Showing the newest `,e.listed().length,` of `,e.shown().length,` events. Zoom in or filter to see older ones. `)}}function Lie(e,t){if(e&1&&(I(0,`span`,50),K(1),L()),e&2){let e=W().$implicit;O(),q(e.detail)}}function Rie(e,t){if(e&1&&(I(0,`span`,51),K(1),L()),e&2){let e=W().$implicit,t=W(3);O(),q(t.pageLabel(e.pageId))}}function zie(e,t){if(e&1){let e=V();I(0,`li`)(1,`button`,46),H(`click`,function(){let t=w(e).$implicit;return T(W(3).select(t))})(`dblclick`,function(){let t=w(e).$implicit;return T(W(3).openEvent(t))}),I(2,`time`,47),K(3),L(),I(4,`span`,48),K(5),L(),I(6,`span`,49),K(7),L(),j(8,Lie,2,1,`span`,50),j(9,Rie,2,1,`span`,51),L()()}if(e&2){let e=t.$implicit,n=W(3);O(),G(`selected`,e.key===n.selectedKey()),A(`aria-current`,e.key===n.selectedKey()?`true`:null)(`data-key`,e.key),O(2),q(n.clock(e.at)),O(),A(`data-tone`,e.tone??null),O(),q(n.layerLabel(e.layer)),O(2),q(e.title),O(),M(e.detail?8:-1),O(),M(n.showPage()?9:-1)}}function Bie(e,t){if(e&1&&(I(0,`dt`),K(1,`Took`),L(),I(2,`dd`),K(3),L()),e&2){let e=W(),t=W(3);O(3),q(t.span(e.ms))}}function Vie(e,t){if(e&1&&(I(0,`dt`),K(1,`Detail`),L(),I(2,`dd`,54),K(3),L()),e&2){let e=W();O(3),q(e.detail)}}function Hie(e,t){if(e&1){let e=V();I(0,`p`,52),K(1),L(),I(2,`dl`)(3,`dt`),K(4,`Layer`),L(),I(5,`dd`),K(6),L(),I(7,`dt`),K(8,`Time`),L(),I(9,`dd`),K(10),L(),j(11,Bie,4,1),j(12,Vie,4,1),I(13,`dt`),K(14,`Page`),L(),I(15,`dd`),K(16),L()(),I(17,`button`,53),H(`click`,function(){let t=w(e);return T(W(3).openEvent(t))}),K(18),L()}if(e&2){let e=t,n=W(3);O(),q(e.title),O(5),q(n.layerLabel(e.layer)),O(4),q(n.clock(e.at)),O(),M(e.ms===void 0?-1:11),O(),M(e.detail?12:-1),O(4),q(e.pageId?n.pageLabel(e.pageId):`Server, no page`),O(2),J(` Open in `,n.tabLabel(e.layer),` `)}}function Uie(e,t){e&1&&(I(0,`p`,24),K(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. `),L())}function Wie(e,t){if(e&1){let e=V();I(0,`section`,25)(1,`div`,26)(2,`h2`,27),K(3,`Time axis`),L(),I(4,`span`,24),K(5),L()(),I(6,`div`,28)(7,`ul`,29),N(8,jie,2,1,`li`,null,L5),L(),I(10,`div`,30,1),H(`pointerdown`,function(t){return w(e),T(W(2).onPointerDown(t))})(`pointermove`,function(t){return w(e),T(W(2).onPointerMove(t))})(`pointerup`,function(t){return w(e),T(W(2).onPointerUp(t))})(`pointercancel`,function(){return w(e),T(W(2).brush.set(null))}),E(),I(12,`svg`,31),N(13,Mie,1,3,`:svg:line`,32,L5),N(15,Nie,1,6,`:svg:rect`,33,Cie),j(17,Pie,1,4,`:svg:rect`,34),L(),j(18,Fie,1,4,`div`,35),L()(),xs(),I(19,`div`,36)(20,`span`),K(21),L(),I(22,`span`),K(23),L()(),I(24,`p`,37),K(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. `),L()(),I(26,`div`,38)(27,`section`,39)(28,`h2`,40),K(29,`Events`),L(),j(30,Iie,2,2,`p`,41),I(31,`ol`,42),N(32,zie,10,10,`li`,null,wie),L()(),I(34,`aside`,43)(35,`h2`,44),K(36,`Selected event`),L(),j(37,Hie,19,7)(38,Uie,2,0,`p`,24),L()()}if(e&2){let e,t,n,r=W(2);O(5),q(r.viewText()),O(3),P(r.lanes()),O(2),b_(`height`,r.lanes().length*r.laneHeight,`px`),A(`aria-label`,r.chartLabel()),O(2),A(`viewBox`,`0 0 `+r.chartWidth+` `+r.lanes().length*r.laneHeight),O(),P(r.lanes()),O(2),P(r.bins()),O(2),M((e=r.selectedMark())?17:-1,e),O(),M((t=r.brushBox())?18:-1,t),O(3),q(r.clock(r.view().start)),O(2),q(r.clock(r.view().end)),O(7),M(r.shown().length>r.listed().length?30:-1),O(2),P(r.listed()),O(5),M((n=r.selected())?37:38,n)}}function Gie(e,t){if(e&1){let e=V();I(0,`div`,6)(1,`div`,7),E(),I(2,`svg`,8),R(3,`circle`,9)(4,`path`,10),L(),xs(),I(5,`input`,11,0),H(`input`,function(t){return w(e),T(W().query.set(t.target.value))})(`keydown.escape`,function(){return w(e),T(W().query.set(``))}),L()(),j(7,Die,1,2,`app-select`,12),I(8,`span`,13),K(9),L(),I(10,`p`,14),K(11),L()(),I(12,`div`,15)(13,`div`,16),N(14,Oie,5,3,`button`,17,L5),L(),I(16,`div`,18)(17,`button`,19),H(`click`,function(){return w(e),T(W().zoom(.5))}),K(18,` Zoom in `),L(),I(19,`button`,19),H(`click`,function(){return w(e),T(W().zoom(2))}),K(20,` Zoom out `),L(),I(21,`button`,19),H(`click`,function(){return w(e),T(W().pan(-1))}),K(22,` Earlier `),L(),I(23,`button`,19),H(`click`,function(){return w(e),T(W().pan(1))}),K(24,` Later `),L(),I(25,`button`,19),H(`click`,function(){return w(e),T(W().range.set(null))}),K(26,` Show all `),L()()(),j(27,kie,5,0,`div`,3)(28,Aie,5,1,`div`,3)(29,Wie,39,11)}if(e&2){let e=W();O(5),F(`value`,e.query()),O(2),M(e.pageOptions().length>2?7:-1),O(2),q(e.countText()),O(2),q(e.countStatus()),O(3),P(e.layers()),O(3),F(`disabled`,!e.canZoomIn()),O(2),F(`disabled`,!e.range()),O(2),F(`disabled`,!e.canPan(-1)),O(2),F(`disabled`,!e.canPan(1)),O(2),F(`disabled`,!e.range()),O(2),M(e.events().length?e.shown().length?29:28:27)}}var R5=240,z5=1e3,Kie=4,qie=class e{rpc=$(null);open=yv();destroyRef=C(js);tracks=Ev(`tracks`);host=C(Hl);hostPageId=JT();cleanups=[];loads=0;allPages=`all`;clock=F5;span=I5;laneHeight=24;chartWidth=z5;slotWidth=z5/R5;loading=D(!0);failed=D(!1);sources=D({});query=D(``);hidden=D(xie());range=D(null);selectedKey=D(null);brush=D(null);layers=X(()=>$re(hE(this.rpc())));events=X(()=>{let e=new Set(this.layers().map(e=>e.id));return fie(this.sources()).filter(t=>e.has(t.layer))});pages=X(()=>pie(this.sources(),this.events()));pageId=Q({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=X(()=>[{value:`all`,label:`All pages`},...this.pages().map(e=>({value:e.pageId,label:e.label,...e.label===e.pageId?{}:{hint:e.pageId}}))]);showPage=X(()=>this.pageId()===`all`&&this.pages().length>1);matching=X(()=>mie(this.events(),{layers:new Set(C5.map(e=>e.id)),pageId:this.pageId(),query:this.query()}));layerCounts=X(()=>{let e=Object.fromEntries(C5.map(e=>[e.id,0]));for(let t of j5(this.matching(),this.range()))e[t.layer]++;return e});visible=X(()=>{let e=new Set(this.hidden());return this.matching().filter(t=>!e.has(t.layer))});lanes=X(()=>{let e=new Set(this.hidden());return this.layers().filter(t=>!e.has(t.id))});laneIndex=X(()=>Object.fromEntries(this.lanes().map((e,t)=>[e.id,t])));bounds=X(()=>hie(this.visible()));view=X(()=>this.range()??this.bounds());shown=X(()=>j5(this.visible(),this.range()));listed=X(()=>this.shown().slice(-200).reverse());bins=X(()=>{let e=this.view();return e?yie(this.shown(),e,R5):[]});maxBin=X(()=>this.bins().reduce((e,t)=>Math.max(e,t.count),1));selected=X(()=>this.events().find(e=>e.key===this.selectedKey())??null);selectedMark=X(()=>{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*R5))*this.slotWidth,y:n*this.laneHeight}});brushBox=X(()=>{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=X(()=>{let e=this.events().length;return`${this.shown().length} of ${e} ${e===1?`event`:`events`}`});countStatus=R3(()=>[this.query(),this.hidden(),this.pageId(),this.range()],()=>this.countText());viewText=X(()=>{let e=this.view();if(!e)return``;let t=I5(e.end-e.start);return this.range()?`Range of ${t}`:`All ${t}`});chartLabel=X(()=>{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 ${F5(e.start)} to ${F5(e.end)}: ${n.join(`, `)}. The Events list holds the same events.`});canZoomIn=X(()=>{let e=this.view();return!!e&&e.end-e.start>40});constructor(){vc(()=>{let e=this.rpc();e&&this.load(e)}),this.destroyRef.onDestroy(()=>this.stop())}layerLabel(e){return w5[e].label}tabLabel(e){return w5[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),P5(t)}clearFilters(){this.query.set(``),this.range.set(null),this.hidden.set([]),P5([]),this.pageId.set(`all`)}zoom(e){let t=this.view(),n=this.bounds();t&&n&&this.range.set(gie(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(_ie(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)<Kie){this.pick(e,n);return}let r=vie(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=bie(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(C5.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=k({type:e,selectors:[[`app-timeline`]],viewQuery:function(e,t){e&1&&Zg(t.tracks,Sie,5),e&2&&Qg()},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`],[1,`count`],[`role`,`status`,1,`sr-only`],[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&&(I(0,`p`,2),K(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. `),L(),j(2,Tie,2,0,`p`,3)(3,Eie,5,0,`div`,4)(4,Gie,30,10)),e&2&&(O(2),M(t.loading()?2:t.failed()?3:4))},dependencies:[KD,Ez],styles:[`[_nghost-%COMP%] {
   display: block;
   font-size: 13px;
 }
@@ -19524,7 +19696,7 @@ dd[_ngcontent-%COMP%] {
   .layer[_ngcontent-%COMP%] {
     transition: none;
   }
-}`]})};function Oie(e){let t=e===`light`?`#ffffff`:`#0b0b0e`,n=e===`light`?`#92400e`:`#f5a524`;return`
+}`]})};function Jie(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;
   }
@@ -19615,7 +19787,7 @@ dd[_ngcontent-%COMP%] {
       transition: none;
     }
   }
-`}var B5=new Map;function V5(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=B5.get(e);t!==void 0&&(clearTimeout(t),B5.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=Oie(t);return}if(n>0&&e){let r=B5.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{B5.delete(e),V5(e,t,n-1)},100);B5.set(e,i)}}var H5=`pangular-pref`,U5={order:[],hidden:[],pinned:[]};function W5(e){try{return localStorage.getItem(`${H5}:${e}`)}catch{return null}}function G5(e,t){try{t===null?localStorage.removeItem(`${H5}:${e}`):localStorage.setItem(`${H5}:${e}`,t)}catch{}}function kie(){let e=W5(`theme`);return e===`light`||e===`dark`?e:`system`}function Aie(e){G5(`theme`,e===`system`?null:e)}function K5(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 jie(){let e=W5(`tabs`);if(!e)return U5;try{let t=JSON.parse(e);if(!t||typeof t!=`object`||Array.isArray(t))return U5;let n=t;return{order:K5(n.order),hidden:K5(n.hidden),pinned:K5(n.pinned)}}catch{return U5}}function Mie(e){G5(`tabs`,!e.order.length&&!e.hidden.length&&!e.pinned.length?null:JSON.stringify(e))}function Nie(){return W5(`passive`)===`true`}function Pie(e){G5(`passive`,e?`true`:null)}function q5(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 Fie(e,t,n){let r=new Map(e.map(e=>[e.id,e]));return q5(e.map(e=>e.id),t).filter(e=>e===n||t.pinned.includes(e)||!t.hidden.includes(e)).map(e=>r.get(e))}function J5(e,t,n,r){let i=q5(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 Iie(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 Lie(e,t,n,r){let i=t.pinned.filter(e=>e!==n);return{order:q5(e,t),pinned:r?[...i,n]:i,hidden:r?t.hidden.filter(e=>e!==n):t.hidden}}function Y5(){try{let e=navigator;return/mac|iphone|ipad|ipod/i.test(e.userAgentData?.platform??e.platform??``)}catch{return!1}}function Rie(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 zie=`pangular-inspector-`;function X5(e=window){try{let t=e.top??e;return t.name.startsWith(zie)&&t.opener&&t.opener!==t?t.opener:null}catch{return null}}function Bie(e=window){let t=X5(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 Vie=class e{current=D(`dark`);preference=D(kie());source=`dark`;sourceAttr=!1;constructor(){let e=C(Ns),t=Uie(),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(Z5(t),!0);else{let t=Hie();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{}bc(()=>{let e=this.current();try{i?.postMessage(e)}catch{}for(let{win:t,origin:n}of Q5())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(Z5(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),Aie(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=Vl({token:e,factory:e.ɵfac})};function Hie(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function Z5(e){return e.classList.contains(`dark`)?`dark`:`light`}function Uie(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function Q5(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=Wie(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function Wie(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 Gie=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function $5(){try{return window.parent===window?void 0:window.parent[Gie]}catch{return}}function e7(e,t,n=50){let r=$5();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=e7(e,t,n-1),100);return()=>{clearTimeout(i),r()}}let i=e.map(e=>r.docks.getStateById(Kw(e))?.events.on(`entry:activated`,()=>t(e))??(()=>{})),a=r.docks.selectedId,o=e.find(e=>Kw(e)===a);return o&&t(o),()=>i.forEach(e=>e())}function t7(){return!!$5()}async function n7(e){let t=$5();if(!t)return!1;try{return await t.docks.switchEntry(Kw(e))}catch{return!1}}function Kie(){let e=$5()?.commands?.openPalette;if(typeof e!=`function`)return!1;try{return e(),!0}catch{return!1}}function qie(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function Jie(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var r7=`pangular-tab`;function i7(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function a7(e){try{return sessionStorage.getItem(`${r7}:${e}`)}catch{return null}}function Yie(e,t){try{sessionStorage.setItem(`${r7}:${e}`,t)}catch{}}function Xie(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function Zie(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 Qie(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(Xie(t,e)||Zie(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var o7=`__DEVFRAME_CONNECTION_AUTH_TOKEN__`,$ie=`pangular-auth-token:`,eae=`devframe-auth`,tae={token:void 0,remember:()=>{}};function nae(e,t=location){if(typeof e!=`string`)return null;try{let n=new URL(e,t.href).origin;return n===t.origin||n===`null`?null:n}catch{return null}}function rae(e,t=location,n=aae(),r=globalThis){let i=nae(e,t);if(!i||(iae(r),!n))return tae;let a=$ie+i;try{n.removeItem(o7)}catch{}delete globalThis[o7];let o;try{o=n.getItem(a)||void 0}catch{o=void 0}return{get token(){return o},remember(e){try{if(n.removeItem(o7),!e||e===o)return;o=e,n.setItem(a,e)}catch{}}}}var s7=new WeakSet;function iae(e=globalThis){let t=e.BroadcastChannel;if(typeof t==`function`&&!s7.has(t)){let n=class extends t{constructor(e){if(String(e)===eae)throw Error(`The devframe-auth channel is off in a panel on another origin.`);super(e)}};s7.add(n),e.BroadcastChannel=n}let n=e.Storage?.prototype;if(n&&!s7.has(n)){s7.add(n);let{getItem:e,setItem:t}=n;n.getItem=function(t){return String(t)===o7?null:e.call(this,t)},n.setItem=function(e,n){String(e)!==o7&&t.call(this,e,n)}}}function aae(){try{return typeof localStorage>`u`?null:localStorage}catch{return null}}var c7=(()=>{class e{_renderer;_elementRef;onChange=e=>{};onTouched=()=>{};constructor(e,t){this._renderer=e,this._elementRef=t}setProperty(e,t){this._renderer.setProperty(this._elementRef.nativeElement,e,t)}registerOnTouched(e){this.onTouched=e}registerOnChange(e){this.onChange=e}setDisabledState(e){this.setProperty(`disabled`,e)}static ɵfac=function(t){return new(t||e)(om(Tp),om(Wl))};static ɵdir=kh({type:e})}return e})(),oae=(()=>{class e extends c7{static ɵfac=(()=>{let t;return function(n){return(t||=Ll(e))(n||e)}})();static ɵdir=kh({type:e,features:[zh]})}return e})(),l7=new Ii(``),sae={provide:l7,useExisting:Ei(()=>u7),multi:!0};function cae(){let e=Fv()?Fv().getUserAgent():``;return/android (\d+)/.test(e.toLowerCase())}var lae=new Ii(``),u7=(()=>{class e extends c7{_compositionMode;_composing=!1;constructor(e,t,n){super(e,t),this._compositionMode=n,this._compositionMode??=!cae()}writeValue(e){let t=e??``;this.setProperty(`value`,t)}_handleInput(e){(!this._compositionMode||this._compositionMode&&!this._composing)&&this.onChange(e)}_compositionStart(){this._composing=!0}_compositionEnd(e){this._composing=!1,this._compositionMode&&this.onChange(e)}static ɵfac=function(t){return new(t||e)(om(Tp),om(Wl),om(lae,8))};static ɵdir=kh({type:e,selectors:[[`input`,`formControlName`,``,3,`type`,`checkbox`,3,`ngNoCva`,``],[`textarea`,`formControlName`,``,3,`ngNoCva`,``],[`input`,`formControl`,``,3,`type`,`checkbox`,3,`ngNoCva`,``],[`textarea`,`formControl`,``,3,`ngNoCva`,``],[`input`,`ngModel`,``,3,`type`,`checkbox`,3,`ngNoCva`,``],[`textarea`,`ngModel`,``,3,`ngNoCva`,``],[``,`ngDefaultControl`,``]],hostBindings:function(e,t){e&1&&H(`input`,function(e){return t._handleInput(e.target.value)})(`blur`,function(){return t.onTouched()})(`compositionstart`,function(){return t._compositionStart()})(`compositionend`,function(e){return t._compositionEnd(e.target.value)})},standalone:!1,features:[tv([sae]),zh]})}return e})();function d7(e){return e==null||f7(e)===0}function f7(e){return e==null?null:Array.isArray(e)||typeof e==`string`?e.length:e instanceof Set?e.size:null}var p7=new Ii(``),uae=/^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,m7=class{static min(e){return dae(e)}static max(e){return fae(e)}static required(e){return h7(e)}static requiredTrue(e){return pae(e)}static email(e){return mae(e)}static minLength(e){return hae(e)}static maxLength(e){return gae(e)}static pattern(e){return _ae(e)}static nullValidator(e){return g7()}static compose(e){return S7(e)}static composeAsync(e){return w7(e)}};function dae(e){return t=>{if(t.value==null||e==null)return null;let n=parseFloat(t.value);return!isNaN(n)&&n<e?{min:{min:e,actual:t.value}}:null}}function fae(e){return t=>{if(t.value==null||e==null)return null;let n=parseFloat(t.value);return!isNaN(n)&&n>e?{max:{max:e,actual:t.value}}:null}}function h7(e){return d7(e.value)?{required:!0}:null}function pae(e){return e.value===!0?null:{required:!0}}function mae(e){return d7(e.value)||uae.test(e.value)?null:{email:!0}}function hae(e){return t=>{let n=t.value?.length??f7(t.value);return n===null||n===0?null:n<e?{minlength:{requiredLength:e,actualLength:n}}:null}}function gae(e){return t=>{let n=t.value?.length??f7(t.value);return n!==null&&n>e?{maxlength:{requiredLength:e,actualLength:n}}:null}}function _ae(e){if(!e)return g7;let t,n;return typeof e==`string`?(n=``,e.charAt(0)!==`^`&&(n+=`^`),n+=e,e.charAt(e.length-1)!==`$`&&(n+=`$`),t=new RegExp(n)):(n=e.toString(),t=e),e=>{if(d7(e.value))return null;let r=e.value;return t.test(r)?null:{pattern:{requiredPattern:n,actualValue:r}}}}function g7(e){return null}function _7(e){return e!=null}function v7(e){return bh(e)?xee(e):e}function y7(e){let t={};return e.forEach(e=>{t=e==null?t:{...t,...e}}),Object.keys(t).length===0?null:t}function b7(e,t){return t.map(t=>t(e))}function vae(e){return!e.validate}function x7(e){return e.map(e=>vae(e)?e:t=>e.validate(t))}function S7(e){if(!e)return null;let t=e.filter(_7);return t.length==0?null:function(e){return y7(b7(e,t))}}function C7(e){return e==null?null:S7(x7(e))}function w7(e){if(!e)return null;let t=e.filter(_7);return t.length==0?null:function(e){return Mee(b7(e,t).map(v7)).pipe(gi(y7))}}function T7(e){return e==null?null:w7(x7(e))}function E7(e){return e?Array.isArray(e)?e:[e]:[]}function D7(e,t){return Array.isArray(e)?e.includes(t):e===t}function O7(e,t){let n=E7(t);return E7(e).forEach(e=>{D7(n,e)||n.push(e)}),n}function k7(e,t){return E7(t).filter(t=>!D7(e,t))}var yae=class{get value(){return this.control?this.control.value:null}get valid(){return this.control?this.control.valid:null}get invalid(){return this.control?this.control.invalid:null}get pending(){return this.control?this.control.pending:null}get disabled(){return this.control?this.control.disabled:null}get enabled(){return this.control?this.control.enabled:null}get errors(){return this.control?this.control.errors:null}get pristine(){return this.control?this.control.pristine:null}get dirty(){return this.control?this.control.dirty:null}get touched(){return this.control?this.control.touched:null}get status(){return this.control?this.control.status:null}get untouched(){return this.control?this.control.untouched:null}get statusChanges(){return this.control?this.control.statusChanges:null}get valueChanges(){return this.control?this.control.valueChanges:null}get path(){return null}_composedValidatorFn;_composedAsyncValidatorFn;_rawValidators=[];_rawAsyncValidators=[];_setValidators(e){this._rawValidators=e||[],this._composedValidatorFn=C7(this._rawValidators)}_setAsyncValidators(e){this._rawAsyncValidators=e||[],this._composedAsyncValidatorFn=T7(this._rawAsyncValidators)}get validator(){return this._composedValidatorFn||null}get asyncValidator(){return this._composedAsyncValidatorFn||null}_onDestroyCallbacks=[];_registerOnDestroy(e){this._onDestroyCallbacks.push(e)}_invokeOnDestroyCallbacks(){this._onDestroyCallbacks.forEach(e=>e()),this._onDestroyCallbacks=[]}reset(e=void 0){this.control?.reset(e)}hasError(e,t){return this.control?this.control.hasError(e,t):!1}getError(e,t){return this.control?this.control.getError(e,t):null}},A7=`VALID`,j7=`INVALID`,M7=`PENDING`,N7=`DISABLED`,P7=class{},F7=class extends P7{value;source;constructor(e,t){super(),this.value=e,this.source=t}},I7=class extends P7{pristine;source;constructor(e,t){super(),this.pristine=e,this.source=t}},L7=class extends P7{touched;source;constructor(e,t){super(),this.touched=e,this.source=t}},R7=class extends P7{status;source;constructor(e,t){super(),this.status=e,this.source=t}},z7=class extends P7{source;constructor(e){super(),this.source=e}};function bae(e){return Array.isArray(e)?C7(e):e||null}function B7(e){return Array.isArray(e)?T7(e):e||null}function xae(e){return e!=null&&!Array.isArray(e)&&typeof e==`object`}var Sae=class{_pendingDirty=!1;_hasOwnPendingAsyncValidator=null;_pendingTouched=!1;_onCollectionChange=()=>{};_updateOn;_hasRequired=D(!1);_parent=null;_asyncValidationSubscription;_composedValidatorFn;_composedAsyncValidatorFn;_rawValidators;_rawAsyncValidators;value;constructor(e,t){this._assignValidators(e),this._assignAsyncValidators(t)}get validator(){return this._composedValidatorFn}set validator(e){this._rawValidators=this._composedValidatorFn=e,this._updateHasRequiredValidator()}get asyncValidator(){return this._composedAsyncValidatorFn}set asyncValidator(e){this._rawAsyncValidators=this._composedAsyncValidatorFn=e}get parent(){return this._parent}get status(){return Z(this.statusReactive)}set status(e){Z(()=>this.statusReactive.set(e))}_status=X(()=>this.statusReactive());statusReactive=D(void 0);get valid(){return this.status===A7}get invalid(){return this.status===j7}get pending(){return this.status===M7}get disabled(){return this.status===N7}get enabled(){return this.status!==N7}errors;get pristine(){return Z(this.pristineReactive)}set pristine(e){Z(()=>this.pristineReactive.set(e))}_pristine=X(()=>this.pristineReactive());pristineReactive=D(!0);get dirty(){return!this.pristine}get touched(){return Z(this.touchedReactive)}set touched(e){Z(()=>this.touchedReactive.set(e))}_touched=X(()=>this.touchedReactive());touchedReactive=D(!1);get untouched(){return!this.touched}_events=new Yr;events=this._events.asObservable();valueChanges;statusChanges;get updateOn(){return this._updateOn?this._updateOn:this.parent?this.parent.updateOn:`change`}setValidators(e){this._assignValidators(e)}setAsyncValidators(e){this._assignAsyncValidators(e)}addValidators(e){this.setValidators(O7(e,this._rawValidators))}addAsyncValidators(e){this.setAsyncValidators(O7(e,this._rawAsyncValidators))}removeValidators(e){this.setValidators(k7(e,this._rawValidators))}removeAsyncValidators(e){this.setAsyncValidators(k7(e,this._rawAsyncValidators))}hasValidator(e){return D7(this._rawValidators,e)}hasAsyncValidator(e){return D7(this._rawAsyncValidators,e)}clearValidators(){this.validator=null}clearAsyncValidators(){this.asyncValidator=null}markAsTouched(e={}){let t=this.touched===!1;this.touched=!0;let n=e.sourceControl??this;e.onlySelf||this._parent?.markAsTouched({...e,sourceControl:n}),t&&e.emitEvent!==!1&&this._events.next(new L7(!0,n))}markAllAsDirty(e={}){this.markAsDirty({onlySelf:!0,emitEvent:e.emitEvent,sourceControl:this}),this._forEachChild(t=>t.markAllAsDirty(e))}markAllAsTouched(e={}){this.markAsTouched({onlySelf:!0,emitEvent:e.emitEvent,sourceControl:this}),this._forEachChild(t=>t.markAllAsTouched(e))}markAsUntouched(e={}){let t=this.touched===!0;this.touched=!1,this._pendingTouched=!1;let n=e.sourceControl??this;this._forEachChild(t=>{t.markAsUntouched({onlySelf:!0,emitEvent:e.emitEvent,sourceControl:n})}),e.onlySelf||this._parent?._updateTouched(e,n),t&&e.emitEvent!==!1&&this._events.next(new L7(!1,n))}markAsDirty(e={}){let t=this.pristine===!0;this.pristine=!1;let n=e.sourceControl??this;e.onlySelf||this._parent?.markAsDirty({...e,sourceControl:n}),t&&e.emitEvent!==!1&&this._events.next(new I7(!1,n))}markAsPristine(e={}){let t=this.pristine===!1;this.pristine=!0,this._pendingDirty=!1;let n=e.sourceControl??this;this._forEachChild(t=>{t.markAsPristine({onlySelf:!0,emitEvent:e.emitEvent})}),e.onlySelf||this._parent?._updatePristine(e,n),t&&e.emitEvent!==!1&&this._events.next(new I7(!0,n))}markAsPending(e={}){this.status=M7;let t=e.sourceControl??this;e.emitEvent!==!1&&(this._events.next(new R7(this.status,t)),this.statusChanges.emit(this.status)),e.onlySelf||this._parent?.markAsPending({...e,sourceControl:t})}disable(e={}){let t=this._parentMarkedDirty(e.onlySelf);this.status=N7,this.errors=null,this._forEachChild(t=>{t.disable({...e,onlySelf:!0})}),this._updateValue();let n=e.sourceControl??this;e.emitEvent!==!1&&(this._events.next(new F7(this.value,n)),this._events.next(new R7(this.status,n)),this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._updateAncestors({...e,skipPristineCheck:t},this),this._onDisabledChange.forEach(e=>e(!0))}enable(e={}){let t=this._parentMarkedDirty(e.onlySelf);this.status=A7,this._forEachChild(t=>{t.enable({...e,onlySelf:!0})}),this.updateValueAndValidity({onlySelf:!0,emitEvent:e.emitEvent}),this._updateAncestors({...e,skipPristineCheck:t},this),this._onDisabledChange.forEach(e=>e(!1))}_updateAncestors(e,t){e.onlySelf||(this._parent?.updateValueAndValidity(e),e.skipPristineCheck||this._parent?._updatePristine({},t),this._parent?._updateTouched({},t))}setParent(e){this._parent=e}getRawValue(){return this.value}updateValueAndValidity(e={}){if(this._setInitialStatus(),this._updateValue(),this.enabled){let t=this._cancelExistingSubscription();this.errors=this._runValidator(),this.status=this._calculateStatus(),(this.status===A7||this.status===M7)&&this._runAsyncValidator(t,e.emitEvent)}let t=e.sourceControl??this;e.emitEvent!==!1&&(this._events.next(new F7(this.value,t)),this._events.next(new R7(this.status,t)),this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),e.onlySelf||this._parent?.updateValueAndValidity({...e,sourceControl:t})}_updateTreeValidity(e={emitEvent:!0}){this._forEachChild(t=>t._updateTreeValidity(e)),this.updateValueAndValidity({onlySelf:!0,emitEvent:e.emitEvent})}_setInitialStatus(){this.status=this._allControlsDisabled()?N7:A7}_runValidator(){return this.validator?this.validator(this):null}_runAsyncValidator(e,t){if(this.asyncValidator){this.status=M7,this._hasOwnPendingAsyncValidator={emitEvent:t!==!1,shouldHaveEmitted:e!==!1};let n=v7(this.asyncValidator(this));this._asyncValidationSubscription=n.subscribe(n=>{this._hasOwnPendingAsyncValidator=null,this.setErrors(n,{emitEvent:t,shouldHaveEmitted:e})})}}_cancelExistingSubscription(){if(this._asyncValidationSubscription){this._asyncValidationSubscription.unsubscribe();let e=(this._hasOwnPendingAsyncValidator?.emitEvent||this._hasOwnPendingAsyncValidator?.shouldHaveEmitted)??!1;return this._hasOwnPendingAsyncValidator=null,e}return!1}setErrors(e,t={}){this.errors=e,this._updateControlsErrors(t.emitEvent!==!1,this,t.shouldHaveEmitted)}get(e){let t=e;return t==null||(Array.isArray(t)||(t=t.split(`.`)),t.length===0)?null:t.reduce((e,t)=>e&&e._find(t),this)}getError(e,t){let n=t?this.get(t):this;return n?.errors?n.errors[e]:null}hasError(e,t){return!!this.getError(e,t)}get root(){let e=this;for(;e._parent;)e=e._parent;return e}_updateControlsErrors(e,t,n){this.status=this._calculateStatus(),e&&this.statusChanges.emit(this.status),(e||n)&&this._events.next(new R7(this.status,t)),this._parent&&this._parent._updateControlsErrors(e,t,n)}_initObservables(){this.valueChanges=new Rs,this.statusChanges=new Rs}_calculateStatus(){return this._allControlsDisabled()?N7:this.errors?j7:this._hasOwnPendingAsyncValidator||this._anyControlsHaveStatus(M7)?M7:this._anyControlsHaveStatus(j7)?j7:A7}_anyControlsHaveStatus(e){return this._anyControls(t=>t.status===e)}_anyControlsDirty(){return this._anyControls(e=>e.dirty)}_anyControlsTouched(){return this._anyControls(e=>e.touched)}_updatePristine(e,t){let n=!this._anyControlsDirty(),r=this.pristine!==n;this.pristine=n,e.onlySelf||this._parent?._updatePristine(e,t),r&&this._events.next(new I7(this.pristine,t))}_updateTouched(e={},t){this.touched=this._anyControlsTouched(),this._events.next(new L7(this.touched,t)),e.onlySelf||this._parent?._updateTouched(e,t)}_onDisabledChange=[];_registerOnCollectionChange(e){this._onCollectionChange=e}_setUpdateStrategy(e){xae(e)&&e.updateOn!=null&&(this._updateOn=e.updateOn)}_parentMarkedDirty(e){return!e&&!!this._parent?.dirty&&!this._parent._anyControlsDirty()}_find(e){return null}_assignValidators(e){this._rawValidators=Array.isArray(e)?e.slice():e,this._composedValidatorFn=bae(this._rawValidators),this._updateHasRequiredValidator()}_assignAsyncValidators(e){this._rawAsyncValidators=Array.isArray(e)?e.slice():e,this._composedAsyncValidatorFn=B7(this._rawAsyncValidators)}_updateHasRequiredValidator(){Z(()=>this._hasRequired.set(this.hasValidator(m7.required)))}};function V7(e){return e.tagName===`INPUT`||e.tagName===`SELECT`||e.tagName===`TEXTAREA`}function Cae(e){if(e.tagName!==`INPUT`)return!1;let t=e.type;return t===`number`||t===`range`||t===`date`||t===`month`}function wae(e){return e.tagName===`INPUT`||e.tagName===`TEXTAREA`}function H7(e,t,n,r){switch(n){case`name`:e.setAttribute(t,n,r);break;case`disabled`:case`readonly`:case`required`:r?e.setAttribute(t,n,``):e.removeAttribute(t,n);break;case`max`:case`min`:case`minLength`:case`maxLength`:r===void 0?e.removeAttribute(t,n):e.setAttribute(t,n,r.toString())}}var Tae=class{kind;context;control;message;constructor({kind:e,context:t,control:n}){this.kind=e,this.context=t,this.control=n}},Eae=(()=>{class e{_validator=g7;_onChange;_enabled;ngOnChanges(e){if(this.inputName in e){let t=this.normalizeInput(e[this.inputName].currentValue);this._enabled=this.enabled(t),this._validator=this._enabled?this.createValidator(t):g7,this._onChange?.()}}validate(e){return this._validator(e)}registerOnValidatorChange(e){this._onChange=e}enabled(e){return e!=null}static ɵfac=function(t){return new(t||e)};static ɵdir=kh({type:e,features:[Ic]})}return e})(),Dae={provide:p7,useExisting:Ei(()=>U7),multi:!0},U7=(()=>{class e extends Eae{required;inputName=`required`;normalizeInput=Av;createValidator=e=>h7;enabled(e){return e}static ɵfac=(()=>{let t;return function(n){return(t||=Ll(e))(n||e)}})();static ɵdir=kh({type:e,selectors:[[``,`required`,``,`formControlName`,``,3,`type`,`checkbox`],[``,`required`,``,`formControl`,``,3,`type`,`checkbox`],[``,`required`,``,`ngModel`,``,3,`type`,`checkbox`]],hostVars:1,hostBindings:function(e,t){e&2&&A(`required`,t._enabled?``:null)},inputs:{required:`required`},standalone:!1,features:[tv([Dae]),zh]})}return e})(),Oae=new Ii(``);function kae(e){return Object.getPrototypeOf(e.constructor)===oae}function W7(e,t){if(!t)return null;let n,r,i;return t.forEach(e=>{e.constructor===u7?n=e:kae(e)?r=e:i=e}),i||r||n||null}var Aae=class extends yae{_parent=null;name=null;valueAccessor=null;isCustomControlBased=!1;userOnReset;resetSubscription;set onReset(e){this.userOnReset=e,this.resetSubscription?.unsubscribe(),this.resetSubscription=void 0,this.control&&(this.resetSubscription=this.control.events.subscribe(e=>{e instanceof z7&&this.control&&this.userOnReset?.(this.control.value)}),this.subscription?.add(this.resetSubscription))}isNativeFormElement=!1;rawValueAccessors;_selectedValueAccessor=null;get selectedValueAccessor(){return this._selectedValueAccessor??=W7(this,this.rawValueAccessors)}parseErrorsValidator=null;renderer;injector;requiredValidatorViaDi;subscription;customControlBindings=null;constructor(e,t,n){super(),this.injector=e,this.renderer=t,this.rawValueAccessors=n,this.injector?.get(Ns)?.onDestroy(()=>{this.removeParseErrorsValidator(this.control),this.subscription?.unsubscribe()})}setupCustomControl(){this.subscription?.unsubscribe();let e=this.injector?.get(ine);if(!this.control||!e)return;let t=e.markForCheck.bind(e);this.subscription=new pr,this.subscription.add(this.control.valueChanges.subscribe(t)),this.subscription.add(this.control.statusChanges.subscribe(t)),this.resetSubscription?.unsubscribe(),this.resetSubscription=void 0,this.userOnReset&&(this.resetSubscription=this.control.events.subscribe(e=>{e instanceof z7&&this.control&&this.userOnReset?.(this.control.value)}),this.subscription.add(this.resetSubscription)),this.parseErrorsValidator&&this.control.addValidators(this.parseErrorsValidator)}ngControlCreate(e){!e.nativeElement.hasAttribute?.(`ngNoCva`)&&(this.rawValueAccessors&&this.rawValueAccessors.length>0||this.valueAccessor!==null)||!e.customControl||(this.isCustomControlBased=!0,e.listenToCustomControlModel(e=>{this.control?.markAsDirty(),this.control?.setValue(e,{emitModelToViewChange:!1}),this.viewToModelUpdate(e)}),e.listenToCustomControlOutput(`touch`,()=>{this.control?.markAsTouched()}),this.customControlBindings={},this.isNativeFormElement=V7(e.nativeElement),this.requiredValidatorViaDi=this._rawValidators.find(e=>e instanceof U7))}ngControlUpdate(e,t){if(!this.isCustomControlBased)return;let n=this.control,r=this.customControlBindings;Object.is(r.value,n.value)||(r.value=n.value,e.setCustomControlModelInput(n.value)),this.bindControlProperty(e,r,`touched`,n.touched),this.bindControlProperty(e,r,`dirty`,n.dirty),this.bindControlProperty(e,r,`valid`,n.valid),this.bindControlProperty(e,r,`invalid`,n.invalid),this.bindControlProperty(e,r,`pending`,n.pending),this.bindControlProperty(e,r,`disabled`,n.disabled),this.shouldBindRequired&&this.bindControlProperty(e,r,`required`,this.isRequired);let i=n.errors;if(r.errors!==i){r.errors=i;let t=this._convertErrors(i);e.setInputOnDirectives(`errors`,t)}}get isRequired(){return(this.requiredValidatorViaDi?._enabled||this.control?._hasRequired())??!1}get shouldBindRequired(){return!0}bindControlProperty(e,t,n,r){if(t[n]===r)return;t[n]=r;let i=e.setInputOnDirectives(n,r);this.isNativeFormElement&&!i&&(n===`disabled`||n===`required`)&&this.renderer&&H7(this.renderer,e.nativeElement,n,r)}_convertErrors(e){if(e===null)return[];let t=this.control;return Object.entries(e).map(([e,n])=>new Tae({context:n,kind:e,control:t}))}setParseErrorSource(e){if(e===void 0)return;let t=null,n=X(()=>{let t=e();return t.length===0?null:t.reduce((e,t)=>(e[t.kind]=t,e),{})});this.parseErrorsValidator=(()=>t).bind(this),bc(()=>{t=n(),this.control?.updateValueAndValidity({emitEvent:!1})},{injector:this.injector})}removeParseErrorsValidator(e){this.parseErrorsValidator&&(e?.removeValidators(this.parseErrorsValidator),e?.updateValueAndValidity({emitEvent:!1}))}},jae=Symbol(`FIELD_TREE`),G7=0;function Mae(){return G7}function K7(e,t){return(...n)=>{try{return G7=t,e(...n)}finally{G7=0}}}function Nae(e){return!e}function q7(e){return e}function J7(e){return Array.isArray(e)}function Y7(e){return(typeof e==`object`||typeof e==`function`)&&e!=null}var X7=Symbol(),Z7=Symbol(),Q7=class{predicates;fns=[];constructor(e){this.predicates=e}push(e){this.fns.push(t9(this.predicates,e))}mergeIn(e){let t=this.predicates?e.fns.map(e=>t9(this.predicates,e)):e.fns;this.fns.push(...t)}hasRules(){return this.fns.length>0}},$7=class extends Q7{get defaultValue(){return!1}compute(e){return this.fns.some(t=>{let n=t(e);return n&&n!==Z7})}},e9=class e extends Q7{ignore;static ignoreNull(t){return new e(t,e=>e===null)}constructor(e,t){super(e),this.ignore=t}get defaultValue(){return[]}compute(e){return this.fns.reduce((t,n)=>{let r=n(e);return r===void 0||r===Z7?t:J7(r)?[...t,...this.ignore?r.filter(e=>!this.ignore(e)):r]:this.ignore&&this.ignore(r)?t:[...t,r]},[])}},Pae=class extends e9{constructor(e){super(e,void 0)}},Fae=class extends Q7{key;get defaultValue(){return this.key.reducer.getInitial()}constructor(e,t){super(e),this.key=t}compute(e){if(this.fns.length===0)return this.key.reducer.getInitial();let t=this.key.reducer.getInitial();for(let n=0;n<this.fns.length;n++){let r=this.fns[n](e);r!==Z7&&(t=this.key.reducer.reduce(t,r))}return t}};function t9(e,t){return e.length===0?t:n=>{for(let t of e){let e=n.stateOf(t.path),r=Z(e.structure.pathKeys).length-t.depth;for(let t=0;t<r;t++)e=e.structure.parent;if(!t.fn(e.context))return Z7}return t(n)}}var n9=class{predicates;hidden;disabledReasons;readonly;syncErrors;syncTreeErrors;asyncErrors;metadata=new Map;constructor(e){this.predicates=e,this.hidden=new $7(e),this.disabledReasons=new Pae(e),this.readonly=new $7(e),this.syncErrors=e9.ignoreNull(e),this.syncTreeErrors=e9.ignoreNull(e),this.asyncErrors=e9.ignoreNull(e)}hasAnyLogic(){return this.hidden.hasRules()||this.disabledReasons.hasRules()||this.readonly.hasRules()||this.syncErrors.hasRules()||this.syncTreeErrors.hasRules()||this.asyncErrors.hasRules()||this.metadata.size>0}hasMetadata(e){return this.metadata.has(e)}hasMetadataKeys(){return this.metadata.size>0}getMetadataKeys(){return this.metadata.keys()}getMetadata(e){return this.metadata.has(e)||this.metadata.set(e,new Fae(this.predicates,e)),this.metadata.get(e)}mergeIn(e){this.hidden.mergeIn(e.hidden),this.disabledReasons.mergeIn(e.disabledReasons),this.readonly.mergeIn(e.readonly),this.syncErrors.mergeIn(e.syncErrors),this.syncTreeErrors.mergeIn(e.syncTreeErrors),this.asyncErrors.mergeIn(e.asyncErrors);for(let t of e.getMetadataKeys()){let n=e.metadata.get(t);this.getMetadata(t).mergeIn(n)}}},r9=class{depth;constructor(e){this.depth=e}build(){return new o9(this,[],0)}},i9=class e extends r9{constructor(e){super(e)}current;all=[];addHiddenRule(e){this.getCurrent().addHiddenRule(e)}addDisabledReasonRule(e){this.getCurrent().addDisabledReasonRule(e)}addReadonlyRule(e){this.getCurrent().addReadonlyRule(e)}addSyncErrorRule(e){this.getCurrent().addSyncErrorRule(e)}addSyncTreeErrorRule(e){this.getCurrent().addSyncTreeErrorRule(e)}addAsyncErrorRule(e){this.getCurrent().addAsyncErrorRule(e)}addMetadataRule(e,t){this.getCurrent().addMetadataRule(e,t)}getChild(e){if(e===X7){let e=this.getCurrent().children;e.size>+!!e.has(X7)&&(this.current=void 0)}return this.getCurrent().getChild(e)}hasLogic(e){return this===e||this.all.some(({builder:t})=>t.hasLogic(e))}hasRules(){return this.all.length>0}anyChildHasLogic(){return this.all.some(({builder:e})=>e.anyChildHasLogic())}mergeIn(e,t){t?this.all.push({builder:e,predicate:{fn:K7(t.fn,this.depth),path:t.path}}):this.all.push({builder:e}),this.current=void 0}getCurrent(){return this.current===void 0&&(this.current=new a9(this.depth),this.all.push({builder:this.current})),this.current}static newRoot(){return new e(0)}},a9=class extends r9{logic=new n9([]);children=new Map;constructor(e){super(e)}addHiddenRule(e){this.logic.hidden.push(K7(e,this.depth))}addDisabledReasonRule(e){this.logic.disabledReasons.push(K7(e,this.depth))}addReadonlyRule(e){this.logic.readonly.push(K7(e,this.depth))}addSyncErrorRule(e){this.logic.syncErrors.push(K7(e,this.depth))}addSyncTreeErrorRule(e){this.logic.syncTreeErrors.push(K7(e,this.depth))}addAsyncErrorRule(e){this.logic.asyncErrors.push(K7(e,this.depth))}addMetadataRule(e,t){this.logic.getMetadata(e).push(K7(t,this.depth))}getChild(e){return this.children.has(e)||this.children.set(e,new i9(this.depth+1)),this.children.get(e)}hasLogic(e){return this===e}hasRules(){return this.logic.hasAnyLogic()||this.children.size>0}anyChildHasLogic(){for(let e of this.children.values())if(e.hasRules())return!0;return!1}},o9=class e{builder;predicates;depth;logic;constructor(e,t,n){this.builder=e,this.predicates=t,this.depth=n,this.logic=e?Lae(e,t,n):new n9([])}getChild(t){let n=this.builder?s9(this.builder,t):[];if(n.length===0)return new e(void 0,[],this.depth+1);if(n.length===1){let{builder:t,predicates:r}=n[0];return new e(t,[...this.predicates,...r.map(e=>c9(e,this.depth))],this.depth+1)}return new Iae(n.map(({builder:t,predicates:n})=>new e(t,[...this.predicates,...n.map(e=>c9(e,this.depth))],this.depth+1)))}hasLogic(e){return this.builder?this.builder.hasLogic(e):!1}hasRules(){return this.builder?this.builder.hasRules():!1}anyChildHasLogic(){return this.builder?this.builder.anyChildHasLogic():!1}},Iae=class e{all;logic;constructor(e){this.all=e,this.logic=new n9([]);for(let t of e)this.logic.mergeIn(t.logic)}getChild(t){return new e(this.all.flatMap(e=>e.getChild(t)))}hasLogic(e){return this.all.some(t=>t.hasLogic(e))}hasRules(){return this.all.some(e=>e.hasRules())}anyChildHasLogic(){return this.all.some(e=>e.anyChildHasLogic())}};function s9(e,t){if(e instanceof i9)return e.all.flatMap(({builder:e,predicate:n})=>{let r=s9(e,t);return n?r.map(({builder:e,predicates:t})=>({builder:e,predicates:[...t,n]})):r});if(e instanceof a9)return[...t!==X7&&e.children.has(X7)?[{builder:e.getChild(X7),predicates:[]}]:[],...e.children.has(t)?[{builder:e.getChild(t),predicates:[]}]:[]];throw new vi(1909,!1)}function Lae(e,t,n){let r=new n9(t);if(e instanceof i9){let i=e.all.map(({builder:e,predicate:r})=>new o9(e,r?[...t,c9(r,n)]:t,n));for(let e of i)r.mergeIn(e.logic)}else if(e instanceof a9)r.mergeIn(e.logic);else throw new vi(1909,!1);return r}function c9(e,t){return{...e,depth:t}}var l9=Symbol(`PATH`),u9=class e{keys;parent;keyInParent;root;children=new Map;fieldPathProxy=new Proxy(this,Rae);logicBuilder;constructor(e,t,n,r){this.keys=e,this.parent=n,this.keyInParent=r,this.root=t??this,n||(this.logicBuilder=i9.newRoot())}get builder(){return this.logicBuilder?this.logicBuilder:this.parent.builder.getChild(this.keyInParent)}getChild(t){return this.children.has(t)||this.children.set(t,new e([...this.keys,t],this.root,this,t)),this.children.get(t)}mergeIn(e,t){let n=e.compile();this.builder.mergeIn(n.builder,t)}static unwrapFieldPath(e){return e[l9]}static newRoot(){return new e([],void 0,void 0,void 0)}},Rae={get(e,t){return t===l9?e:e.getChild(t).fieldPathProxy}},d9=void 0,f9=new Map,p9=class e{schemaFn;constructor(e){this.schemaFn=e}compile(){if(f9.has(this))return f9.get(this);let e=u9.newRoot();f9.set(this,e);let t=d9;try{d9=e,this.schemaFn(e.fieldPathProxy)}finally{d9=t}return e}static create(t){return t instanceof e?t:new e(t)}static rootCompile(t){try{return f9.clear(),t===void 0?u9.newRoot():t instanceof e?t.compile():new e(t).compile()}finally{f9.clear()}}};function zae(e){return e instanceof p9||typeof e==`function`}function m9(e){if(d9!==u9.unwrapFieldPath(e).root)throw new vi(1908,!1)}function h9(e,t,n){return m9(e),u9.unwrapFieldPath(e).builder.addMetadataRule(t,n),t}var g9={list(){return{reduce:(e,t)=>t===void 0?e:[...e,t],getInitial:()=>[]}},min(){return{reduce:(e,t)=>e===void 0||t===void 0?e??t:t<e?t:e,getInitial:()=>void 0}},max(){return{reduce:(e,t)=>e===void 0||t===void 0?e??t:t>e?t:e,getInitial:()=>void 0}},or(){return{reduce:(e,t)=>e||t,getInitial:()=>!1}},and(){return{reduce:(e,t)=>e&&t,getInitial:()=>!0}},override:Bae};function Bae(e){return{reduce:(e,t)=>t,getInitial:()=>e?.()}}var _9=Symbol(`IS_ASYNC_VALIDATION_RESOURCE`),Vae=class{reducer;create;brand;[_9];constructor(e,t){this.reducer=e,this.create=t}};function v9(e){return new Vae(e??g9.override())}function y9(){return v9()}var b9=v9(g9.or()),Hae=y9(),Uae=y9(),Wae=v9(g9.max()),Gae=v9(g9.min()),Kae=v9(g9.list());function x9(e,t){if(e===t)return!0;if(!e||!t||e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!Object.is(e[n],t[n]))return!1;return!0}function qae(e){return e.errors().length>0?`invalid`:e.pending()?`unknown`:`valid`}var Jae=class{node;constructor(e){this.node=e}rawSyncTreeErrors=X(()=>this.shouldSkipValidation()?[]:[...this.node.logicNode.logic.syncTreeErrors.compute(this.node.context),...this.node.structure.parent?.validationState.rawSyncTreeErrors()??[]],{equal:x9});syncErrors=X(()=>this.shouldSkipValidation()?[]:[...this.node.logicNode.logic.syncErrors.compute(this.node.context),...this.syncTreeErrors(),...Yae(this.node.submitState.submissionErrors())],{equal:x9});syncValid=X(()=>this.shouldSkipValidation()?!0:this.node.structure.reduceChildren(this.syncErrors().length===0,(e,t)=>t&&e.validationState.syncValid(),Nae));syncTreeErrors=X(()=>this.rawSyncTreeErrors().filter(e=>e.fieldTree===this.node.fieldTree),{equal:x9});rawAsyncErrors=X(()=>this.shouldSkipValidation()?[]:[...this.node.logicNode.logic.asyncErrors.compute(this.node.context),...this.node.structure.parent?.validationState.rawAsyncErrors()??[]],{equal:x9});asyncErrors=X(()=>this.shouldSkipValidation()?[]:this.rawAsyncErrors().filter(e=>e===`pending`||e.fieldTree===this.node.fieldTree),{equal:x9});parseErrors=X(()=>this.node.formFieldBindings().flatMap(e=>e.parseErrors()),{equal:x9});errors=X(()=>[...this.parseErrors(),...this.syncErrors(),...this.asyncErrors().filter(e=>e!==`pending`)],{equal:x9});errorSummary=X(()=>{let e=this.node.structure.reduceChildren(this.errors(),(e,t)=>[...t,...e.errorSummary()]);return Z(()=>e.sort(Xae)),e},{equal:x9});pending=X(()=>this.node.structure.reduceChildren(this.asyncErrors().includes(`pending`),(e,t)=>t||e.validationState.pending()));status=X(()=>{if(this.shouldSkipValidation())return`valid`;let e=qae(this);return this.node.structure.reduceChildren(e,(e,t)=>t===`invalid`||e.validationState.status()===`invalid`?`invalid`:t===`unknown`||e.validationState.status()===`unknown`?`unknown`:`valid`,e=>e===`invalid`)});valid=X(()=>this.status()===`valid`);invalid=X(()=>this.status()===`invalid`);shouldSkipValidation=X(()=>this.node.hidden()||this.node.disabled()||this.node.readonly()||this.node.structure.isOrphaned())};function Yae(e){return e===void 0?[]:J7(e)?e:[e]}function S9(e,t){if(J7(e))for(let n of e)n.fieldTree??=t;else e&&(e.fieldTree??=t);return e}function C9(e){return e.formField?e.formField.element:e.fieldTree().formFieldBindings().reduce((e,t)=>!e||!t.element?e??t.element:e.compareDocumentPosition(t.element)&Node.DOCUMENT_POSITION_PRECEDING?t.element:e,void 0)}function Xae(e,t){let n=C9(e),r=C9(t);return n===r?0:n===void 0||r===void 0?n===void 0?1:-1:n.compareDocumentPosition(r)&Node.DOCUMENT_POSITION_PRECEDING?1:-1}var w9=v9(),Zae=class{node;cache=new WeakMap;constructor(e){this.node=e,this.fieldTreeOf=this.fieldTreeOf.bind(this),this.stateOf=this.stateOf.bind(this)}resolve(e){if(!this.cache.has(e)){let t=X(()=>{let t=u9.unwrapFieldPath(e),n=this.node,r=Mae();for(;r>0||!n.structure.logic.hasLogic(t.root.builder);)if(r--,n=n.structure.parent,n===void 0)throw new vi(1900,!1);for(let e of t.keys)if(n=n.structure.getChild(e),n===void 0)throw new vi(1901,!1);return n.fieldTree});this.cache.set(e,t)}return this.cache.get(e)()}get fieldTree(){return this.node.fieldProxy}get state(){return this.node}get value(){return this.node.structure.value}get key(){return this.node.structure.keyInParent}get pathKeys(){return this.node.structure.pathKeys}index=X(()=>{let e=this.key();if(!J7(Z(this.node.structure.parent.value)))throw new vi(1906,!1);return Number(e)});fieldTreeOf(e){return this.resolve(e)}stateOf(e){return this.resolve(e)()}valueOf=e=>{let t=this.resolve(e)().value();if(t instanceof Sae)throw new vi(1907,!1);return t}},Qae=class{node;metadata=new Map;constructor(e){this.node=e}runMetadataCreateLifecycle(){if(!this.node.logicNode.logic.hasMetadataKeys())return;let e=ene();e&&_v(!1);try{Z(()=>co(this.node.structure.injector,()=>{for(let e of this.node.logicNode.logic.getMetadataKeys())if(e.create){let t=this.node.logicNode.logic.getMetadata(e),n=e.create(this.node,X(()=>t.compute(this.node.context)));this.metadata.set(e,n)}}))}finally{e&&_v(!0)}}get(e){if(this.has(e)&&!this.metadata.has(e)){if(e.create)throw new vi(1912,!1);let t=this.node.logicNode.logic.getMetadata(e);this.metadata.set(e,X(()=>t.compute(this.node.context)))}return this.metadata.get(e)}has(e){return this.node.logicNode.logic.hasMetadata(e)}},$ae={get(e,t,n){if(t===jae)return!0;let r=e(),i=r.structure.getChild(t);if(i!==void 0)return i.fieldTree;let a=Z(r.value);if(J7(a)){if(t===`length`)return r.value().length;if(t===Symbol.iterator)return()=>(r.value(),Array.prototype[Symbol.iterator].apply(r.fieldTree))}if(Y7(a)&&t===Symbol.iterator)return function*(){for(let e in n)yield[e,n[e]]}},getOwnPropertyDescriptor(e,t){let n=Z(e().value),r=Reflect.getOwnPropertyDescriptor(n,t);return r&&!r.configurable&&(r.configurable=!0),r},ownKeys(e){let t=Z(e().value);return typeof t==`object`&&t?Reflect.ownKeys(t):[]}};function eoe(e,t){let n=X(()=>e()[t()]);return n[nn]=e[nn],n.set=r=>{Object.is(Z(n),r)||e.update(e=>toe(e,r,t()))},n.update=e=>{n.set(e(Z(n)))},n.asReadonly=()=>n,n}function toe(e,t,n){if(J7(e)){let r=[...e];return r[n]=t,r}return{...e,[n]:t}}var T9=Symbol(``),E9=X(()=>!1),D9=class{logic;node;createChildNode;identitySymbol=Symbol();_injector=void 0;_anyChildHasLogic;get injector(){return this._injector??=js.create({providers:[],parent:this.fieldManager.injector}),this._injector}constructor(e,t,n){this.logic=e,this.node=t,this.createChildNode=n}children(){this.ensureChildrenMap();let e=this.childrenMap();return e===void 0?[]:Array.from(e.byPropertyKey.values()).map(e=>Z(e.reader))}materializedChildren(){let e=this.childrenMap();return e===void 0?[]:Array.from(e.byPropertyKey.values()).map(e=>e.node)}_areChildrenMaterialized(){return Z(this.childrenMap)!==void 0}ensureChildrenMap(){this._areChildrenMaterialized()||Z(()=>{this.childrenMap.update(e=>this.computeChildrenMap(this.value(),e,!0))})}getChild(e){this.ensureChildrenMap();let t=e.toString(),n=Z(this.childrenMap)?.byPropertyKey.get(t)?.reader;return n||=this.createReader(t),n()}reduceChildren(e,t,n){let r=this.childrenMap();if(!r)return e;let i=e;for(let e of r.byPropertyKey.values()){if(n?.(i))break;i=t(Z(e.reader),i)}return i}destroy(){this.injector.destroy()}createKeyOrOrphanSignals(e,t,n){if(e===`root`)return{keyInParent:O9,isOrphaned:E9};let r=this.parent,i=n,a=X(()=>{if(r.structure.isOrphaned())return T9;let e=r.structure.childrenMap();if(!e)return T9;let n=e.byPropertyKey.get(i);if(n&&n.node===this.node)return i;if(t===void 0)return T9;for(let[t,n]of e.byPropertyKey)if(n.node===this.node)return i=t;return T9}),o=X(()=>a()===T9);return{keyInParent:X(()=>{let e=a();if(e===T9)throw t===void 0?new vi(-1902,!1):new vi(1904,!1);return e}),isOrphaned:o}}createChildrenMap(){return Q({source:this.value,computation:(e,t)=>this.computeChildrenMap(e,t?.value,!1)})}computeChildrenMap(e,t,n){if(!Y7(e)||!n&&t===void 0&&!(this._anyChildHasLogic??=this.logic.anyChildHasLogic()))return;t??={byPropertyKey:new Map};let r,i=J7(e);t!==void 0&&(r=i?aoe(t,e,this.identitySymbol):ooe(t,e));for(let n of Object.keys(e)){let a,o=e[n];if(o===void 0){t.byPropertyKey.has(n)&&(r??={...t},r.byPropertyKey.delete(n));continue}i&&Y7(o)&&!J7(o)&&(a=o[this.identitySymbol]??=Symbol(``));let s;a&&(t.byTrackingKey?.has(a)||(r??={...t},r.byTrackingKey??=new Map,r.byTrackingKey.set(a,this.createChildNode(n,a,i))),s=(r??t).byTrackingKey.get(a));let c=t.byPropertyKey.get(n);c===void 0?(r??={...t},r.byPropertyKey.set(n,{reader:this.createReader(n),node:s??this.createChildNode(n,a,i)})):s&&s!==c.node&&(r??={...t},c.node=s)}return r??t}createReader(e){return X(()=>this.childrenMap()?.byPropertyKey.get(e)?.node)}},noe=class extends D9{fieldManager;value;get parent(){}get root(){return this.node}get pathKeys(){return ioe}get keyInParent(){return O9}isOrphaned=E9;childrenMap;constructor(e,t,n,r,i){super(t,e,i),this.fieldManager=n,this.value=r,this.childrenMap=this.createChildrenMap()}},roe=class extends D9{logic;parent;root;pathKeys;keyInParent;value;childrenMap;isOrphaned;get fieldManager(){return this.root.structure.fieldManager}constructor(e,t,n,r,i,a){super(t,e,a),this.logic=t,this.parent=n,this.root=this.parent.structure.root;let o=this.createKeyOrOrphanSignals(`child`,r,i);this.isOrphaned=o.isOrphaned,this.keyInParent=o.keyInParent,this.pathKeys=X(()=>[...n.structure.pathKeys(),this.keyInParent()]),this.value=eoe(this.parent.structure.value,this.keyInParent),this.childrenMap=this.createChildrenMap(),this.fieldManager.structures.add(this)}},ioe=X(()=>[]),O9=X(()=>{throw new vi(1905,!1)});function aoe(e,t,n){let r,i=new Set(e.byPropertyKey.keys()),a=e.byTrackingKey&&new Set(e.byTrackingKey.keys());for(let e=0;e<t.length;e++){let r=t[e];i.delete(e.toString()),a&&Y7(r)&&Object.hasOwn(r,n)&&a.delete(r[n])}if(i.size>0){r??={...e};for(let e of i)r.byPropertyKey.delete(e)}if(a&&a.size>0){r??={...e};for(let e of a)r.byTrackingKey.delete(e)}return r}function ooe(e,t){let n;for(let r of e.byPropertyKey.keys())Object.hasOwn(t,r)||(n??={...e},n.byPropertyKey.delete(r));return n}var soe=class{node;selfSubmitting=D(!1);submissionErrors;constructor(e){this.node=e,this.submissionErrors=Q({source:this.node.structure.value,computation:()=>[]})}submitting=X(()=>this.selfSubmitting()||(this.node.structure.parent?.submitting()??!1))},k9=class{structure;validationState;metadataState;nodeState;submitState;fieldAdapter;controlValue;_context=void 0;get context(){return this._context??=new Zae(this)}fieldProxy=new Proxy(()=>this,$ae);pathNode;constructor(e){this.pathNode=e.pathNode,this.fieldAdapter=e.fieldAdapter,this.structure=this.fieldAdapter.createStructure(this,e),this.validationState=this.fieldAdapter.createValidationState(this,e),this.nodeState=this.fieldAdapter.createNodeState(this,e),this.metadataState=new Qae(this),this.submitState=new soe(this),this.controlValue=this.controlValueSignal(),this.metadataState.runMetadataCreateLifecycle()}focusBoundControl(e){this.getBindingForFocus()?.focus(e)}getBindingForFocus(){return this.formFieldBindings().filter(e=>e.focus!==void 0).reduce(A9,void 0)||this.structure.children().map(e=>e.getBindingForFocus()).reduce(A9,void 0)}pendingSync=Q({source:()=>this.value(),computation:(e,t)=>{t?.value?.abort()}});get fieldTree(){return this.fieldProxy}get logicNode(){return this.structure.logic}get value(){return this.structure.value}get keyInParent(){return this.structure.keyInParent}get errors(){return this.validationState.errors}get parseErrors(){return this.validationState.parseErrors}get errorSummary(){return this.validationState.errorSummary}get pending(){return this.validationState.pending}get valid(){return this.validationState.valid}get invalid(){return this.validationState.invalid}get dirty(){return this.nodeState.dirty}get touched(){return this.nodeState.touched}get disabled(){return this.nodeState.disabled}get disabledReasons(){return this.nodeState.disabledReasons}get hidden(){return this.nodeState.hidden}get readonly(){return this.nodeState.readonly}get formFieldBindings(){return this.nodeState.formFieldBindings}get submitting(){return this.submitState.submitting}get name(){return this.nodeState.name}get max(){let e=this.metadata(Uae)?.();return e?this.metadata(e):void 0}get maxLength(){return this.metadata(Gae)}get min(){let e=this.metadata(Hae)?.();return e?this.metadata(e):void 0}get minLength(){return this.metadata(Wae)}get pattern(){return this.metadata(Kae)??coe}get required(){return this.metadata(b9)??loe}metadata(e){return this.metadataState.get(e)}getError(e){return this.errors().find(t=>t.kind===e)}hasMetadata(e){return this.metadataState.has(e)}markAsTouched(e){this.structure.isOrphaned()||Z(()=>{this.markAsTouchedInternal(e),this.flushSync()})}markAsTouchedInternal(e){if(!this.structure.isOrphaned()&&!this.validationState.shouldSkipValidation()&&(this.nodeState.markAsTouched(),!e?.skipDescendants))for(let e of this.structure.children())e.markAsTouchedInternal()}markAsDirty(){this.nodeState.markAsDirty()}markAsPristine(){this.nodeState.markAsPristine()}markAsUntouched(){this.nodeState.markAsUntouched()}reset(e){Z(()=>this._reset(e))}_reset(e){this.pendingSync()?.abort(),e!==void 0&&this.value.set(e),this.controlValue.rawSet(this.value()),this.nodeState.markAsUntouched(),this.nodeState.markAsPristine();for(let e of this.formFieldBindings())e.reset();for(let e of this.structure.materializedChildren())e._reset()}reloadValidation(){Z(()=>this._reloadValidation())}_reloadValidation(){let e=this.logicNode.logic.getMetadataKeys();for(let t of e)t[_9]&&this.metadata(t).reload?.();for(let e of this.structure.children())e._reloadValidation()}controlValueSignal(){let e=Q(this.value);e.rawSet=e.set,e.set=t=>{e.rawSet(t),this.markAsDirty(),this.debounceSync()};let t=e.update;return e.update=e=>{t(e),this.markAsDirty(),this.debounceSync()},e}sync(){this.value.set(this.controlValue())}flushSync(){let e=this.pendingSync();e&&!e.signal.aborted&&(e.abort(),this.sync())}async debounceSync(){let e=Z(()=>(this.pendingSync()?.abort(),this.nodeState.debouncer()));if(e){let t=new AbortController,n=e(t.signal);if(n&&(this.pendingSync.set(t),await n,t.signal.aborted))return}this.structure.isOrphaned()||this.sync()}static newRoot(e,t,n,r){return r.newRoot(e,t,n,r)}createStructure(e){return e.kind===`root`?new noe(this,e.logic,e.fieldManager,e.value,this.newChild.bind(this)):new roe(this,e.logic,e.parent,e.identityInParent,e.initialKeyInParent,this.newChild.bind(this))}newChild(e,t,n){let r,i;return n?(r=this.pathNode.getChild(X7),i=this.structure.logic.getChild(X7)):(r=this.pathNode.getChild(e),i=this.structure.logic.getChild(e)),this.fieldAdapter.newChild({kind:`child`,parent:this,pathNode:r,logic:i,initialKeyInParent:e,identityInParent:t,fieldAdapter:this.fieldAdapter})}},coe=X(()=>[]),loe=X(()=>!1);function A9(e,t){return e?t&&e.element.compareDocumentPosition(t.element)&Node.DOCUMENT_POSITION_PRECEDING?t:e:t}var uoe=class{node;selfTouched=D(!1);selfDirty=D(!1);markAsTouched(){this.selfTouched.set(!0)}markAsDirty(){this.selfDirty.set(!0)}markAsPristine(){this.selfDirty.set(!1)}markAsUntouched(){this.selfTouched.set(!1)}formFieldBindings=D([]);constructor(e){this.node=e}dirty=X(()=>{let e=this.selfDirty()&&!this.isNonInteractive();return this.node.structure.reduceChildren(e,(e,t)=>t||e.nodeState.dirty(),q7)});touched=X(()=>{let e=this.selfTouched()&&!this.isNonInteractive();return this.node.structure.reduceChildren(e,(e,t)=>t||e.nodeState.touched(),q7)});disabledReasons=X(()=>[...this.node.structure.parent?.nodeState.disabledReasons()??[],...this.node.logicNode.logic.disabledReasons.compute(this.node.context)],{equal:x9});disabled=X(()=>!!this.disabledReasons().length);readonly=X(()=>(this.node.structure.parent?.nodeState.readonly()||this.node.logicNode.logic.readonly.compute(this.node.context))??!1);hidden=X(()=>(this.node.structure.parent?.nodeState.hidden()||this.node.logicNode.logic.hidden.compute(this.node.context))??!1);name=X(()=>{let e=this.node.structure.parent;return e?`${e.name()}.${this.node.structure.keyInParent()}`:this.node.structure.fieldManager.rootName});debouncer=X(()=>{if(this.node.logicNode.logic.hasMetadata(w9)){let e=this.node.logicNode.logic.getMetadata(w9).compute(this.node.context);if(e)return t=>e(this.node.context,t)}return this.node.structure.parent?.nodeState.debouncer?.()});isNonInteractive=X(()=>this.hidden()||this.disabled()||this.readonly())},doe=class{newRoot(e,t,n,r){return new k9({kind:`root`,fieldManager:e,value:t,pathNode:n,logic:n.builder.build(),fieldAdapter:r})}newChild(e){return new k9(e)}createNodeState(e){return new uoe(e)}createValidationState(e){return new Jae(e)}createStructure(e,t){return e.createStructure(t)}},foe=class{injector;rootName;submitOptions;constructor(e,t,n){this.injector=e,this.rootName=t??`${this.injector.get(sc)}.form${poe++}`,this.submitOptions=n}structures=new Set;createFieldManagementEffect(e){bc(()=>{let t=new Set;this.markStructuresLive(e,t);for(let e of this.structures)t.has(e)||(this.structures.delete(e),Z(()=>e.destroy()))},{injector:this.injector})}markStructuresLive(e,t){t.add(e);for(let n of e.children())this.markStructuresLive(n.structure,t)}},poe=0,moe=new Ii(``);function hoe(e){let t,n,r;return e.length===3?[t,n,r]=e:e.length===2?zae(e[1])?[t,n]=e:[t,r]=e:[t]=e,[t,n,r]}function goe(...e){let[t,n,r]=hoe(e),i=r?.injector??C(js),a=co(i,()=>p9.rootCompile(n)),o=new foe(i,r?.name,r?.submission),s=r?.adapter??new doe,c=k9.newRoot(o,t,a,s);o.createFieldManagementEffect(c.structure);let{experimentalWebMcpTool:l}=r??{};if(l){let e=co(i,()=>C(moe,{optional:!0}));e&&co(i,()=>e(c.fieldTree,{name:l.name,description:l.description}))}return c.fieldTree}async function _oe(e,t){let n=Z(e);if(Z(n.submitState.submitting))return!1;let r=t===void 0?n.structure.root.fieldProxy:e,i={root:n.structure.root.fieldProxy,submitted:e};t=typeof t==`function`?{action:t}:t??n.structure.fieldManager.submitOptions;let a=t?.action;if(!a)throw new vi(1915,!1);n.markAsTouched();let o=t?.onInvalid,s=voe(n,t?.ignoreValidators);try{if(s){n.submitState.selfSubmitting.set(!0);let e=await Z(()=>a?.(r,i));return e&&yoe(n,e),!e||J7(e)&&e.length===0}return Z(()=>o?.(r,i)),!1}finally{n.submitState.selfSubmitting.set(!1)}}function voe(e,t){switch(t){case`all`:return!0;case`none`:return Z(e.valid);default:return!Z(e.invalid)}}function yoe(e,t){J7(t)||(t=[t]);let n=new Map;for(let r of t){let t=S9(r,e.fieldTree),i=t.fieldTree(),a=n.get(i);a||(a=[],n.set(i,a)),a.push(t)}for(let[e,t]of n)e.submitState.submissionErrors.set(t)}var j9=class{kind=`compat`;control;fieldTree;context;message;constructor({context:e,kind:t,control:n}){this.context=e,this.kind=t,this.control=n}};function boe(e){if(e.length===0)return null;let t={};for(let n of e)t[n.kind]=n instanceof j9?n.context:n;return t}function xoe(e,t){return e===null?[]:Object.entries(e).map(([e,n])=>new j9({context:n,kind:e,control:t}))}var Soe=new Ii(``);function M9(e,t){return e instanceof Function?e(t):e}function Coe(e){return typeof e==`number`?isNaN(e):e===``||e===!1||e==null}function N9(e){return e===void 0?[]:Array.isArray(e)?e:[e]}function woe(e,t){m9(e),u9.unwrapFieldPath(e).builder.addSyncErrorRule(e=>S9(t(e),e.fieldTree))}function Toe(e){return new Eoe(e)}var P9=class{__brand=void 0;kind=``;fieldTree;message;constructor(e){e&&Object.assign(this,e)}},Eoe=class extends P9{kind=`required`},F9=class extends P9{kind=`parse`};function Doe(e,t){let n=h9(e,v9(),e=>!t?.when||t.when(e));h9(e,b9,({state:e})=>e.metadata(n)()),woe(e,e=>{if(e.state.metadata(n)()&&Coe(e.value()))return t?.error?M9(t.error,e):Toe({message:M9(t?.message,e)})})}function Ooe(e,t,n){let r=Q({source:e,computation:()=>[],equal:x9});return{errors:r.asReadonly(),setRawValue:e=>{let i=n(e);r.set(N9(i.error)),i.value!==void 0&&t(i.value),r.set(N9(i.error))},reset:()=>{r.set([])}}}var koe=class{field;constructor(e){this.field=e}control=this;get value(){return this.field().controlValue()}get valid(){return this.field().valid()}get invalid(){return this.field().invalid()}get pending(){return this.field().pending()}get disabled(){return this.field().disabled()}get enabled(){return!this.field().disabled()}get errors(){return boe(this.field().errors())}get pristine(){return!this.field().dirty()}get dirty(){return this.field().dirty()}get touched(){return this.field().touched()}get untouched(){return!this.field().touched()}get status(){if(this.field().disabled())return`DISABLED`;if(this.field().valid())return`VALID`;if(this.field().invalid())return`INVALID`;if(this.field().pending())return`PENDING`;throw new vi(1910,!1)}valueAccessor=null;hasValidator(e){return e===m7.required&&this.field().required()}updateValueAndValidity(){}},I9={disabled:`disabled`,disabledReasons:`disabledReasons`,dirty:`dirty`,errors:`errors`,hidden:`hidden`,invalid:`invalid`,max:`max`,maxLength:`maxLength`,min:`min`,minLength:`minLength`,name:`name`,pattern:`pattern`,pending:`pending`,readonly:`readonly`,required:`required`,touched:`touched`},Aoe=(()=>{let e={};for(let t of Object.keys(I9))e[I9[t]]=t;return e})();function L9(e,t){return e[Aoe[t]]?.()}var R9=Object.values(I9);function z9(){return{}}function B9(e,t,n){return e[t]!==n&&(e[t]=n,!0)}function joe(e,t,n){let r;if(U9(e)&&n.isBadInput(e))return{error:new F9};switch(e.type){case`checkbox`:return{value:e.checked};case`number`:case`range`:case`datetime-local`:if(r=Z(t),typeof r==`number`||r===null)return{value:e.value===``?null:e.valueAsNumber};break;case`date`:case`month`:case`time`:case`week`:if(r=Z(t),r===null||r instanceof Date)return{value:e.valueAsDate};if(typeof r==`number`)return{value:e.valueAsNumber}}if(e.tagName===`INPUT`&&e.type===`text`&&(r??=Z(t),typeof r==`number`||r===null)){if(e.value===``)return{value:null};let t=Number(e.value);return Number.isNaN(t)?{error:new F9}:{value:t}}return{value:e.value}}function V9(e,t){switch(e.type){case`checkbox`:e.checked=t;return;case`radio`:e.checked=t===e.value;return;case`number`:case`range`:case`datetime-local`:if(typeof t==`number`){H9(e,t);return}if(t===null){e.value=``;return}break;case`date`:case`month`:case`time`:case`week`:if(t===null||t instanceof Date){e.valueAsDate=t;return}if(typeof t==`number`){H9(e,t);return}}if(e.tagName===`INPUT`&&e.type===`text`){if(typeof t==`number`){e.value=isNaN(t)?``:String(t);return}if(t===null){e.value=``;return}}e.value=t}function H9(e,t){isNaN(t)?e.value=``:e.valueAsNumber=t}function U9(e){return e.tagName===`INPUT`}function Moe(e){return e.type===`date`||e.type===`datetime-local`||e.type===`month`||e.type===`time`||e.type===`week`}function Noe(e,t){let n=e.getUTCFullYear(),r=String(e.getUTCMonth()+1).padStart(2,`0`);return t===`month`?`${n}-${r}`:`${n}-${r}-${String(e.getUTCDate()).padStart(2,`0`)}`}function W9(e,t,n){return t instanceof Date&&(e===`min`||e===`max`)&&(n===`date`||n===`month`)?Noe(t,n):t}function Poe(e,t){e.listenToCustomControlModel(e=>t.state().controlValue.set(e)),e.listenToCustomControlOutput(`touch`,()=>t.state().markAsTouched()),t.registerAsBinding(e.customControl);let n=z9();return()=>{let r=t.state(),i=r.controlValue();B9(n,`controlValue`,i)&&e.setCustomControlModelInput(i);for(let i of R9){let a;if(a=i===`errors`?t.errors():L9(r,i),B9(n,i,a)&&(e.setInputOnDirectives(i,a),t.elementAcceptsNativeProperty(i)&&!e.customControlHasInput(i))){let e=W9(i,a,t.nativeFormElement.type);H7(t.renderer,t.nativeFormElement,i,e)}}}}function Foe(e){return typeof e==`object`&&!!e}function Ioe(e,t){let n=z9();t.controlValueAccessor.registerOnChange(e=>{n.controlValue=e,t.state().controlValue.set(e)}),t.controlValueAccessor.registerOnTouched(()=>t.state().markAsTouched());let r=t.injector.get(p7,null,{optional:!0,self:!0});if(r){let e;for(let t of r)Foe(t)&&t.registerOnValidatorChange&&(e??=D(0),t.registerOnValidatorChange(()=>{e.update(e=>e+1)}));let n=r.map(e=>typeof e==`function`?e:e.validate.bind(e)),i=m7.compose(n),a=X(()=>(e?.(),xoe(i?i(t.interopNgControl.control):null,t.interopNgControl.control)));t.parseErrorsSource.set(a)}return t.registerAsBinding({reset:()=>{let e=t.state().value();n.controlValue=e,Z(()=>t.controlValueAccessor.writeValue(e))}}),()=>{let r=t.state(),i=r.controlValue();B9(n,`controlValue`,i)&&Z(()=>t.controlValueAccessor.writeValue(i));for(let i of R9){let a=L9(r,i);if(B9(n,i,a)){let n=e.setInputOnDirectives(i,a,i===`name`?Loe:void 0);i===`disabled`&&t.controlValueAccessor.setDisabledState?Z(()=>t.controlValueAccessor.setDisabledState(a)):!n&&t.elementAcceptsNativeProperty(i)&&H7(t.renderer,t.nativeFormElement,i,a)}}}}function Loe(e){return e==null}function Roe(e,t,n){if(typeof MutationObserver!=`function`)return;let r=new MutationObserver(e=>{e.some(e=>zoe(e))&&t()});r.observe(e,{attributes:!0,attributeFilter:[`value`],characterData:!0,childList:!0,subtree:!0}),n.onDestroy(()=>r.disconnect())}function zoe(e){if(e.type===`childList`||e.type===`characterData`){if(e.target instanceof Comment)return!1;for(let t of e.addedNodes)if(!(t instanceof Comment))return!0;for(let t of e.removedNodes)if(!(t instanceof Comment))return!0;return!1}return e.type===`attributes`&&e.target instanceof HTMLOptionElement}function Boe(e,t,n,r){let i=!1,a=t.nativeFormElement,o=Ooe(()=>t.state().value(),e=>t.state().controlValue.set(e),e=>joe(a,t.state().value,r));n.set(o.errors),t.onReset=()=>{o.reset();let e=t.state().value();s.controlValue=e,V9(a,e)},e.listenToDom(`input`,()=>o.setRawValue(void 0)),e.listenToDom(`blur`,()=>t.state().markAsTouched()),U9(a)&&Moe(a)&&r.watchValidity(t.destroyRef,a,()=>o.setRawValue(void 0)),t.registerAsBinding(),a.tagName===`SELECT`&&Roe(a,()=>{i&&(a.value=t.state().controlValue())},t.destroyRef);let s=z9();return()=>{let n=t.state();for(let r of R9){let i=L9(n,r);if(B9(s,r,i)&&(e.setInputOnDirectives(r,i),t.elementAcceptsNativeProperty(r))){let e=W9(r,i,a.type);H7(t.renderer,a,r,e)}}let r=n.controlValue(),o=B9(s,`controlValue`,r),c=a.type===`radio`&&B9(s,`radioValue`,a.value);(o||c)&&V9(a,r),i=!0}}var G9=(()=>{class e{static ɵfac=function(t){return new(t||e)};static ɵprov=ki({token:e,factory:e=>Voe.ɵfac(e),providedIn:`root`})}return e})(),Voe=(()=>{class e extends G9{document=C(Ms);cspNonce=C(dc,{optional:!0});injectedStyles=new WeakMap;watchValidity(e,t,n){let r=t.getRootNode();this.injectedStyles.has(r)||this.injectedStyles.set(r,this.createTransitionStyle(r));let i=e=>{let t=e;(t.animationName===`ng-valid`||t.animationName===`ng-invalid`)&&n()};t.addEventListener(`animationstart`,i),e.onDestroy(()=>{t.removeEventListener(`animationstart`,i)})}isBadInput(e){return e.validity?.badInput??!1}createTransitionStyle(e){let t=this.document.createElement(`style`);return this.cspNonce&&(t.nonce=this.cspNonce),t.textContent=`
+`}var B5=new Map;function V5(e,t=`dark`,n=50){let r=e?.querySelector(`devframes-dock-standalone`)?.shadowRoot;if(r){if(e){let t=B5.get(e);t!==void 0&&(clearTimeout(t),B5.delete(e))}let n=r.querySelector(`style[data-pangular]`);n||(n=e.createElement(`style`),n.dataset.pangular=``,r.append(n)),n.textContent=Jie(t);return}if(n>0&&e){let r=B5.get(e);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{B5.delete(e),V5(e,t,n-1)},100);B5.set(e,i)}}var H5=`pangular-pref`,U5={order:[],hidden:[],pinned:[]};function W5(e){try{return localStorage.getItem(`${H5}:${e}`)}catch{return null}}function G5(e,t){try{t===null?localStorage.removeItem(`${H5}:${e}`):localStorage.setItem(`${H5}:${e}`,t)}catch{}}function Yie(){let e=W5(`theme`);return e===`light`||e===`dark`?e:`system`}function Xie(e){G5(`theme`,e===`system`?null:e)}function K5(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 Zie(){let e=W5(`tabs`);if(!e)return U5;try{let t=JSON.parse(e);if(!t||typeof t!=`object`||Array.isArray(t))return U5;let n=t;return{order:K5(n.order),hidden:K5(n.hidden),pinned:K5(n.pinned)}}catch{return U5}}function Qie(e){G5(`tabs`,!e.order.length&&!e.hidden.length&&!e.pinned.length?null:JSON.stringify(e))}function $ie(){return W5(`passive`)===`true`}function eae(e){G5(`passive`,e?`true`:null)}function q5(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 tae(e,t,n){let r=new Map(e.map(e=>[e.id,e]));return q5(e.map(e=>e.id),t).filter(e=>e===n||t.pinned.includes(e)||!t.hidden.includes(e)).map(e=>r.get(e))}function J5(e,t,n,r){let i=q5(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 nae(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 rae(e,t,n,r){let i=t.pinned.filter(e=>e!==n);return{order:q5(e,t),pinned:r?[...i,n]:i,hidden:r?t.hidden.filter(e=>e!==n):t.hidden}}function Y5(){try{let e=navigator;return/mac|iphone|ipad|ipod/i.test(e.userAgentData?.platform??e.platform??``)}catch{return!1}}function iae(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 aae=`pangular-inspector-`;function X5(e=window){try{let t=e.top??e;return t.name.startsWith(aae)&&t.opener&&t.opener!==t?t.opener:null}catch{return null}}function oae(e=window){let t=X5(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 sae=class e{current=D(`dark`);preference=D(Yie());source=`dark`;sourceAttr=!1;constructor(){let e=C(js),t=lae(),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(Z5(t),!0);else{let t=cae();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{}vc(()=>{let e=this.current();try{i?.postMessage(e)}catch{}for(let{win:t,origin:n}of Q5())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(Z5(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),Xie(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=zl({token:e,factory:e.ɵfac})};function cae(){try{return window.matchMedia?.(`(prefers-color-scheme: light)`)??null}catch{return null}}function Z5(e){return e.classList.contains(`dark`)?`dark`:`light`}function lae(){try{return window.frameElement?.closest(`.devframes-color-root`)??null}catch{return null}}function Q5(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=uae(e,r,i,n);a&&t.push({win:r,origin:a})}}catch{}return t}function uae(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 dae=`__DEVFRAME_HUB_CLIENT_CONTEXT__`;function $5(){try{return window.parent===window?void 0:window.parent[dae]}catch{return}}function e7(e,t,n=50){let r=$5();if(!r){if(n<=0||window.parent===window)return()=>{};let r=()=>{},i=setTimeout(()=>r=e7(e,t,n-1),100);return()=>{clearTimeout(i),r()}}let i=e.map(e=>r.docks.getStateById(Kw(e))?.events.on(`entry:activated`,()=>t(e))??(()=>{})),a=r.docks.selectedId,o=e.find(e=>Kw(e)===a);return o&&t(o),()=>i.forEach(e=>e())}function t7(){return!!$5()}async function n7(e){let t=$5();if(!t)return!1;try{return await t.docks.switchEntry(Kw(e))}catch{return!1}}function fae(){let e=$5()?.commands?.openPalette;if(typeof e!=`function`)return!1;try{return e(),!0}catch{return!1}}function pae(e,t){let n=new URL(e);return n.searchParams.delete(`view`),n.hash=t?`tab=${t}`:``,n.pathname+n.search+n.hash}function mae(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}var r7=`pangular-tab`;function i7(e,t,n){let r=new URLSearchParams(e.replace(/^#/,``)).get(`tab`)||t;return n.find(e=>e===r)}function a7(e){try{return sessionStorage.getItem(`${r7}:${e}`)}catch{return null}}function hae(e,t){try{sessionStorage.setItem(`${r7}:${e}`,t)}catch{}}function gae(e,t){try{return new URL(e,t.href).origin===t.origin}catch{return!1}}function _ae(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 vae(e=location){let t=new URLSearchParams(e.search).get(`baseURL`);if(t&&(gae(t,e)||_ae(t,e)))return t;if(!(e.pathname.includes(`__pangular`)||e.pathname.includes(`__devframes/`)))return[`/__pangular/`,`./`]}var o7=`__DEVFRAME_CONNECTION_AUTH_TOKEN__`,yae=`pangular-auth-token:`,bae=`devframe-auth`,xae={token:void 0,remember:()=>{}};function Sae(e,t=location){if(typeof e!=`string`)return null;try{let n=new URL(e,t.href).origin;return n===t.origin||n===`null`?null:n}catch{return null}}function Cae(e,t=location,n=Tae(),r=globalThis){let i=Sae(e,t);if(!i||(wae(r),!n))return xae;let a=yae+i;try{n.removeItem(o7)}catch{}delete globalThis[o7];let o;try{o=n.getItem(a)||void 0}catch{o=void 0}return{get token(){return o},remember(e){try{if(n.removeItem(o7),!e||e===o)return;o=e,n.setItem(a,e)}catch{}}}}var s7=new WeakSet;function wae(e=globalThis){let t=e.BroadcastChannel;if(typeof t==`function`&&!s7.has(t)){let n=class extends t{constructor(e){if(String(e)===bae)throw Error(`The devframe-auth channel is off in a panel on another origin.`);super(e)}};s7.add(n),e.BroadcastChannel=n}let n=e.Storage?.prototype;if(n&&!s7.has(n)){s7.add(n);let{getItem:e,setItem:t}=n;n.getItem=function(t){return String(t)===o7?null:e.call(this,t)},n.setItem=function(e,n){String(e)!==o7&&t.call(this,e,n)}}}function Tae(){try{return typeof localStorage>`u`?null:localStorage}catch{return null}}var c7=(()=>{class e{_renderer;_elementRef;onChange=e=>{};onTouched=()=>{};constructor(e,t){this._renderer=e,this._elementRef=t}setProperty(e,t){this._renderer.setProperty(this._elementRef.nativeElement,e,t)}registerOnTouched(e){this.onTouched=e}registerOnChange(e){this.onChange=e}setDisabledState(e){this.setProperty(`disabled`,e)}static ɵfac=function(t){return new(t||e)(om(Tp),om(Hl))};static ɵdir=kh({type:e})}return e})(),Eae=(()=>{class e extends c7{static ɵfac=(()=>{let t;return function(n){return(t||=Fl(e))(n||e)}})();static ɵdir=kh({type:e,features:[zh]})}return e})(),l7=new Fi(``),Dae={provide:l7,useExisting:Ti(()=>u7),multi:!0};function Oae(){let e=Fv()?Fv().getUserAgent():``;return/android (\d+)/.test(e.toLowerCase())}var kae=new Fi(``),u7=(()=>{class e extends c7{_compositionMode;_composing=!1;constructor(e,t,n){super(e,t),this._compositionMode=n,this._compositionMode??=!Oae()}writeValue(e){let t=e??``;this.setProperty(`value`,t)}_handleInput(e){(!this._compositionMode||this._compositionMode&&!this._composing)&&this.onChange(e)}_compositionStart(){this._composing=!0}_compositionEnd(e){this._composing=!1,this._compositionMode&&this.onChange(e)}static ɵfac=function(t){return new(t||e)(om(Tp),om(Hl),om(kae,8))};static ɵdir=kh({type:e,selectors:[[`input`,`formControlName`,``,3,`type`,`checkbox`,3,`ngNoCva`,``],[`textarea`,`formControlName`,``,3,`ngNoCva`,``],[`input`,`formControl`,``,3,`type`,`checkbox`,3,`ngNoCva`,``],[`textarea`,`formControl`,``,3,`ngNoCva`,``],[`input`,`ngModel`,``,3,`type`,`checkbox`,3,`ngNoCva`,``],[`textarea`,`ngModel`,``,3,`ngNoCva`,``],[``,`ngDefaultControl`,``]],hostBindings:function(e,t){e&1&&H(`input`,function(e){return t._handleInput(e.target.value)})(`blur`,function(){return t.onTouched()})(`compositionstart`,function(){return t._compositionStart()})(`compositionend`,function(e){return t._compositionEnd(e.target.value)})},standalone:!1,features:[tv([Dae]),zh]})}return e})();function d7(e){return e==null||f7(e)===0}function f7(e){return e==null?null:Array.isArray(e)||typeof e==`string`?e.length:e instanceof Set?e.size:null}var p7=new Fi(``),Aae=/^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,m7=class{static min(e){return jae(e)}static max(e){return Mae(e)}static required(e){return h7(e)}static requiredTrue(e){return Nae(e)}static email(e){return Pae(e)}static minLength(e){return Fae(e)}static maxLength(e){return Iae(e)}static pattern(e){return Lae(e)}static nullValidator(e){return g7()}static compose(e){return S7(e)}static composeAsync(e){return w7(e)}};function jae(e){return t=>{if(t.value==null||e==null)return null;let n=parseFloat(t.value);return!isNaN(n)&&n<e?{min:{min:e,actual:t.value}}:null}}function Mae(e){return t=>{if(t.value==null||e==null)return null;let n=parseFloat(t.value);return!isNaN(n)&&n>e?{max:{max:e,actual:t.value}}:null}}function h7(e){return d7(e.value)?{required:!0}:null}function Nae(e){return e.value===!0?null:{required:!0}}function Pae(e){return d7(e.value)||Aae.test(e.value)?null:{email:!0}}function Fae(e){return t=>{let n=t.value?.length??f7(t.value);return n===null||n===0?null:n<e?{minlength:{requiredLength:e,actualLength:n}}:null}}function Iae(e){return t=>{let n=t.value?.length??f7(t.value);return n!==null&&n>e?{maxlength:{requiredLength:e,actualLength:n}}:null}}function Lae(e){if(!e)return g7;let t,n;return typeof e==`string`?(n=``,e.charAt(0)!==`^`&&(n+=`^`),n+=e,e.charAt(e.length-1)!==`$`&&(n+=`$`),t=new RegExp(n)):(n=e.toString(),t=e),e=>{if(d7(e.value))return null;let r=e.value;return t.test(r)?null:{pattern:{requiredPattern:n,actualValue:r}}}}function g7(e){return null}function _7(e){return e!=null}function v7(e){return bh(e)?See(e):e}function y7(e){let t={};return e.forEach(e=>{t=e==null?t:{...t,...e}}),Object.keys(t).length===0?null:t}function b7(e,t){return t.map(t=>t(e))}function Rae(e){return!e.validate}function x7(e){return e.map(e=>Rae(e)?e:t=>e.validate(t))}function S7(e){if(!e)return null;let t=e.filter(_7);return t.length==0?null:function(e){return y7(b7(e,t))}}function C7(e){return e==null?null:S7(x7(e))}function w7(e){if(!e)return null;let t=e.filter(_7);return t.length==0?null:function(e){return Nee(b7(e,t).map(v7)).pipe(hi(y7))}}function T7(e){return e==null?null:w7(x7(e))}function E7(e){return e?Array.isArray(e)?e:[e]:[]}function D7(e,t){return Array.isArray(e)?e.includes(t):e===t}function O7(e,t){let n=E7(t);return E7(e).forEach(e=>{D7(n,e)||n.push(e)}),n}function k7(e,t){return E7(t).filter(t=>!D7(e,t))}var zae=class{get value(){return this.control?this.control.value:null}get valid(){return this.control?this.control.valid:null}get invalid(){return this.control?this.control.invalid:null}get pending(){return this.control?this.control.pending:null}get disabled(){return this.control?this.control.disabled:null}get enabled(){return this.control?this.control.enabled:null}get errors(){return this.control?this.control.errors:null}get pristine(){return this.control?this.control.pristine:null}get dirty(){return this.control?this.control.dirty:null}get touched(){return this.control?this.control.touched:null}get status(){return this.control?this.control.status:null}get untouched(){return this.control?this.control.untouched:null}get statusChanges(){return this.control?this.control.statusChanges:null}get valueChanges(){return this.control?this.control.valueChanges:null}get path(){return null}_composedValidatorFn;_composedAsyncValidatorFn;_rawValidators=[];_rawAsyncValidators=[];_setValidators(e){this._rawValidators=e||[],this._composedValidatorFn=C7(this._rawValidators)}_setAsyncValidators(e){this._rawAsyncValidators=e||[],this._composedAsyncValidatorFn=T7(this._rawAsyncValidators)}get validator(){return this._composedValidatorFn||null}get asyncValidator(){return this._composedAsyncValidatorFn||null}_onDestroyCallbacks=[];_registerOnDestroy(e){this._onDestroyCallbacks.push(e)}_invokeOnDestroyCallbacks(){this._onDestroyCallbacks.forEach(e=>e()),this._onDestroyCallbacks=[]}reset(e=void 0){this.control?.reset(e)}hasError(e,t){return this.control?this.control.hasError(e,t):!1}getError(e,t){return this.control?this.control.getError(e,t):null}},A7=`VALID`,j7=`INVALID`,M7=`PENDING`,N7=`DISABLED`,P7=class{},F7=class extends P7{value;source;constructor(e,t){super(),this.value=e,this.source=t}},I7=class extends P7{pristine;source;constructor(e,t){super(),this.pristine=e,this.source=t}},L7=class extends P7{touched;source;constructor(e,t){super(),this.touched=e,this.source=t}},R7=class extends P7{status;source;constructor(e,t){super(),this.status=e,this.source=t}},z7=class extends P7{source;constructor(e){super(),this.source=e}};function Bae(e){return Array.isArray(e)?C7(e):e||null}function Vae(e){return Array.isArray(e)?T7(e):e||null}function Hae(e){return e!=null&&!Array.isArray(e)&&typeof e==`object`}var Uae=class{_pendingDirty=!1;_hasOwnPendingAsyncValidator=null;_pendingTouched=!1;_onCollectionChange=()=>{};_updateOn;_hasRequired=D(!1);_parent=null;_asyncValidationSubscription;_composedValidatorFn;_composedAsyncValidatorFn;_rawValidators;_rawAsyncValidators;value;constructor(e,t){this._assignValidators(e),this._assignAsyncValidators(t)}get validator(){return this._composedValidatorFn}set validator(e){this._rawValidators=this._composedValidatorFn=e,this._updateHasRequiredValidator()}get asyncValidator(){return this._composedAsyncValidatorFn}set asyncValidator(e){this._rawAsyncValidators=this._composedAsyncValidatorFn=e}get parent(){return this._parent}get status(){return Z(this.statusReactive)}set status(e){Z(()=>this.statusReactive.set(e))}_status=X(()=>this.statusReactive());statusReactive=D(void 0);get valid(){return this.status===A7}get invalid(){return this.status===j7}get pending(){return this.status===M7}get disabled(){return this.status===N7}get enabled(){return this.status!==N7}errors;get pristine(){return Z(this.pristineReactive)}set pristine(e){Z(()=>this.pristineReactive.set(e))}_pristine=X(()=>this.pristineReactive());pristineReactive=D(!0);get dirty(){return!this.pristine}get touched(){return Z(this.touchedReactive)}set touched(e){Z(()=>this.touchedReactive.set(e))}_touched=X(()=>this.touchedReactive());touchedReactive=D(!1);get untouched(){return!this.touched}_events=new Jr;events=this._events.asObservable();valueChanges;statusChanges;get updateOn(){return this._updateOn?this._updateOn:this.parent?this.parent.updateOn:`change`}setValidators(e){this._assignValidators(e)}setAsyncValidators(e){this._assignAsyncValidators(e)}addValidators(e){this.setValidators(O7(e,this._rawValidators))}addAsyncValidators(e){this.setAsyncValidators(O7(e,this._rawAsyncValidators))}removeValidators(e){this.setValidators(k7(e,this._rawValidators))}removeAsyncValidators(e){this.setAsyncValidators(k7(e,this._rawAsyncValidators))}hasValidator(e){return D7(this._rawValidators,e)}hasAsyncValidator(e){return D7(this._rawAsyncValidators,e)}clearValidators(){this.validator=null}clearAsyncValidators(){this.asyncValidator=null}markAsTouched(e={}){let t=this.touched===!1;this.touched=!0;let n=e.sourceControl??this;e.onlySelf||this._parent?.markAsTouched({...e,sourceControl:n}),t&&e.emitEvent!==!1&&this._events.next(new L7(!0,n))}markAllAsDirty(e={}){this.markAsDirty({onlySelf:!0,emitEvent:e.emitEvent,sourceControl:this}),this._forEachChild(t=>t.markAllAsDirty(e))}markAllAsTouched(e={}){this.markAsTouched({onlySelf:!0,emitEvent:e.emitEvent,sourceControl:this}),this._forEachChild(t=>t.markAllAsTouched(e))}markAsUntouched(e={}){let t=this.touched===!0;this.touched=!1,this._pendingTouched=!1;let n=e.sourceControl??this;this._forEachChild(t=>{t.markAsUntouched({onlySelf:!0,emitEvent:e.emitEvent,sourceControl:n})}),e.onlySelf||this._parent?._updateTouched(e,n),t&&e.emitEvent!==!1&&this._events.next(new L7(!1,n))}markAsDirty(e={}){let t=this.pristine===!0;this.pristine=!1;let n=e.sourceControl??this;e.onlySelf||this._parent?.markAsDirty({...e,sourceControl:n}),t&&e.emitEvent!==!1&&this._events.next(new I7(!1,n))}markAsPristine(e={}){let t=this.pristine===!1;this.pristine=!0,this._pendingDirty=!1;let n=e.sourceControl??this;this._forEachChild(t=>{t.markAsPristine({onlySelf:!0,emitEvent:e.emitEvent})}),e.onlySelf||this._parent?._updatePristine(e,n),t&&e.emitEvent!==!1&&this._events.next(new I7(!0,n))}markAsPending(e={}){this.status=M7;let t=e.sourceControl??this;e.emitEvent!==!1&&(this._events.next(new R7(this.status,t)),this.statusChanges.emit(this.status)),e.onlySelf||this._parent?.markAsPending({...e,sourceControl:t})}disable(e={}){let t=this._parentMarkedDirty(e.onlySelf);this.status=N7,this.errors=null,this._forEachChild(t=>{t.disable({...e,onlySelf:!0})}),this._updateValue();let n=e.sourceControl??this;e.emitEvent!==!1&&(this._events.next(new F7(this.value,n)),this._events.next(new R7(this.status,n)),this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._updateAncestors({...e,skipPristineCheck:t},this),this._onDisabledChange.forEach(e=>e(!0))}enable(e={}){let t=this._parentMarkedDirty(e.onlySelf);this.status=A7,this._forEachChild(t=>{t.enable({...e,onlySelf:!0})}),this.updateValueAndValidity({onlySelf:!0,emitEvent:e.emitEvent}),this._updateAncestors({...e,skipPristineCheck:t},this),this._onDisabledChange.forEach(e=>e(!1))}_updateAncestors(e,t){e.onlySelf||(this._parent?.updateValueAndValidity(e),e.skipPristineCheck||this._parent?._updatePristine({},t),this._parent?._updateTouched({},t))}setParent(e){this._parent=e}getRawValue(){return this.value}updateValueAndValidity(e={}){if(this._setInitialStatus(),this._updateValue(),this.enabled){let t=this._cancelExistingSubscription();this.errors=this._runValidator(),this.status=this._calculateStatus(),(this.status===A7||this.status===M7)&&this._runAsyncValidator(t,e.emitEvent)}let t=e.sourceControl??this;e.emitEvent!==!1&&(this._events.next(new F7(this.value,t)),this._events.next(new R7(this.status,t)),this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),e.onlySelf||this._parent?.updateValueAndValidity({...e,sourceControl:t})}_updateTreeValidity(e={emitEvent:!0}){this._forEachChild(t=>t._updateTreeValidity(e)),this.updateValueAndValidity({onlySelf:!0,emitEvent:e.emitEvent})}_setInitialStatus(){this.status=this._allControlsDisabled()?N7:A7}_runValidator(){return this.validator?this.validator(this):null}_runAsyncValidator(e,t){if(this.asyncValidator){this.status=M7,this._hasOwnPendingAsyncValidator={emitEvent:t!==!1,shouldHaveEmitted:e!==!1};let n=v7(this.asyncValidator(this));this._asyncValidationSubscription=n.subscribe(n=>{this._hasOwnPendingAsyncValidator=null,this.setErrors(n,{emitEvent:t,shouldHaveEmitted:e})})}}_cancelExistingSubscription(){if(this._asyncValidationSubscription){this._asyncValidationSubscription.unsubscribe();let e=(this._hasOwnPendingAsyncValidator?.emitEvent||this._hasOwnPendingAsyncValidator?.shouldHaveEmitted)??!1;return this._hasOwnPendingAsyncValidator=null,e}return!1}setErrors(e,t={}){this.errors=e,this._updateControlsErrors(t.emitEvent!==!1,this,t.shouldHaveEmitted)}get(e){let t=e;return t==null||(Array.isArray(t)||(t=t.split(`.`)),t.length===0)?null:t.reduce((e,t)=>e&&e._find(t),this)}getError(e,t){let n=t?this.get(t):this;return n?.errors?n.errors[e]:null}hasError(e,t){return!!this.getError(e,t)}get root(){let e=this;for(;e._parent;)e=e._parent;return e}_updateControlsErrors(e,t,n){this.status=this._calculateStatus(),e&&this.statusChanges.emit(this.status),(e||n)&&this._events.next(new R7(this.status,t)),this._parent&&this._parent._updateControlsErrors(e,t,n)}_initObservables(){this.valueChanges=new Is,this.statusChanges=new Is}_calculateStatus(){return this._allControlsDisabled()?N7:this.errors?j7:this._hasOwnPendingAsyncValidator||this._anyControlsHaveStatus(M7)?M7:this._anyControlsHaveStatus(j7)?j7:A7}_anyControlsHaveStatus(e){return this._anyControls(t=>t.status===e)}_anyControlsDirty(){return this._anyControls(e=>e.dirty)}_anyControlsTouched(){return this._anyControls(e=>e.touched)}_updatePristine(e,t){let n=!this._anyControlsDirty(),r=this.pristine!==n;this.pristine=n,e.onlySelf||this._parent?._updatePristine(e,t),r&&this._events.next(new I7(this.pristine,t))}_updateTouched(e={},t){this.touched=this._anyControlsTouched(),this._events.next(new L7(this.touched,t)),e.onlySelf||this._parent?._updateTouched(e,t)}_onDisabledChange=[];_registerOnCollectionChange(e){this._onCollectionChange=e}_setUpdateStrategy(e){Hae(e)&&e.updateOn!=null&&(this._updateOn=e.updateOn)}_parentMarkedDirty(e){return!e&&!!this._parent?.dirty&&!this._parent._anyControlsDirty()}_find(e){return null}_assignValidators(e){this._rawValidators=Array.isArray(e)?e.slice():e,this._composedValidatorFn=Bae(this._rawValidators),this._updateHasRequiredValidator()}_assignAsyncValidators(e){this._rawAsyncValidators=Array.isArray(e)?e.slice():e,this._composedAsyncValidatorFn=Vae(this._rawAsyncValidators)}_updateHasRequiredValidator(){Z(()=>this._hasRequired.set(this.hasValidator(m7.required)))}};function B7(e){return e.tagName===`INPUT`||e.tagName===`SELECT`||e.tagName===`TEXTAREA`}function Wae(e){if(e.tagName!==`INPUT`)return!1;let t=e.type;return t===`number`||t===`range`||t===`date`||t===`month`}function Gae(e){return e.tagName===`INPUT`||e.tagName===`TEXTAREA`}function V7(e,t,n,r){switch(n){case`name`:e.setAttribute(t,n,r);break;case`disabled`:case`readonly`:case`required`:r?e.setAttribute(t,n,``):e.removeAttribute(t,n);break;case`max`:case`min`:case`minLength`:case`maxLength`:r===void 0?e.removeAttribute(t,n):e.setAttribute(t,n,r.toString())}}var Kae=class{kind;context;control;message;constructor({kind:e,context:t,control:n}){this.kind=e,this.context=t,this.control=n}},qae=(()=>{class e{_validator=g7;_onChange;_enabled;ngOnChanges(e){if(this.inputName in e){let t=this.normalizeInput(e[this.inputName].currentValue);this._enabled=this.enabled(t),this._validator=this._enabled?this.createValidator(t):g7,this._onChange?.()}}validate(e){return this._validator(e)}registerOnValidatorChange(e){this._onChange=e}enabled(e){return e!=null}static ɵfac=function(t){return new(t||e)};static ɵdir=kh({type:e,features:[Pc]})}return e})(),Jae={provide:p7,useExisting:Ti(()=>H7),multi:!0},H7=(()=>{class e extends qae{required;inputName=`required`;normalizeInput=Av;createValidator=e=>h7;enabled(e){return e}static ɵfac=(()=>{let t;return function(n){return(t||=Fl(e))(n||e)}})();static ɵdir=kh({type:e,selectors:[[``,`required`,``,`formControlName`,``,3,`type`,`checkbox`],[``,`required`,``,`formControl`,``,3,`type`,`checkbox`],[``,`required`,``,`ngModel`,``,3,`type`,`checkbox`]],hostVars:1,hostBindings:function(e,t){e&2&&A(`required`,t._enabled?``:null)},inputs:{required:`required`},standalone:!1,features:[tv([Jae]),zh]})}return e})(),Yae=new Fi(``);function Xae(e){return Object.getPrototypeOf(e.constructor)===Eae}function U7(e,t){if(!t)return null;let n,r,i;return t.forEach(e=>{e.constructor===u7?n=e:Xae(e)?r=e:i=e}),i||r||n||null}var Zae=class extends zae{_parent=null;name=null;valueAccessor=null;isCustomControlBased=!1;userOnReset;resetSubscription;set onReset(e){this.userOnReset=e,this.resetSubscription?.unsubscribe(),this.resetSubscription=void 0,this.control&&(this.resetSubscription=this.control.events.subscribe(e=>{e instanceof z7&&this.control&&this.userOnReset?.(this.control.value)}),this.subscription?.add(this.resetSubscription))}isNativeFormElement=!1;rawValueAccessors;_selectedValueAccessor=null;get selectedValueAccessor(){return this._selectedValueAccessor??=U7(this,this.rawValueAccessors)}parseErrorsValidator=null;renderer;injector;requiredValidatorViaDi;subscription;customControlBindings=null;constructor(e,t,n){super(),this.injector=e,this.renderer=t,this.rawValueAccessors=n,this.injector?.get(js)?.onDestroy(()=>{this.removeParseErrorsValidator(this.control),this.subscription?.unsubscribe()})}setupCustomControl(){this.subscription?.unsubscribe();let e=this.injector?.get(ine);if(!this.control||!e)return;let t=e.markForCheck.bind(e);this.subscription=new fr,this.subscription.add(this.control.valueChanges.subscribe(t)),this.subscription.add(this.control.statusChanges.subscribe(t)),this.resetSubscription?.unsubscribe(),this.resetSubscription=void 0,this.userOnReset&&(this.resetSubscription=this.control.events.subscribe(e=>{e instanceof z7&&this.control&&this.userOnReset?.(this.control.value)}),this.subscription.add(this.resetSubscription)),this.parseErrorsValidator&&this.control.addValidators(this.parseErrorsValidator)}ngControlCreate(e){!e.nativeElement.hasAttribute?.(`ngNoCva`)&&(this.rawValueAccessors&&this.rawValueAccessors.length>0||this.valueAccessor!==null)||!e.customControl||(this.isCustomControlBased=!0,e.listenToCustomControlModel(e=>{this.control?.markAsDirty(),this.control?.setValue(e,{emitModelToViewChange:!1}),this.viewToModelUpdate(e)}),e.listenToCustomControlOutput(`touch`,()=>{this.control?.markAsTouched()}),this.customControlBindings={},this.isNativeFormElement=B7(e.nativeElement),this.requiredValidatorViaDi=this._rawValidators.find(e=>e instanceof H7))}ngControlUpdate(e,t){if(!this.isCustomControlBased)return;let n=this.control,r=this.customControlBindings;Object.is(r.value,n.value)||(r.value=n.value,e.setCustomControlModelInput(n.value)),this.bindControlProperty(e,r,`touched`,n.touched),this.bindControlProperty(e,r,`dirty`,n.dirty),this.bindControlProperty(e,r,`valid`,n.valid),this.bindControlProperty(e,r,`invalid`,n.invalid),this.bindControlProperty(e,r,`pending`,n.pending),this.bindControlProperty(e,r,`disabled`,n.disabled),this.shouldBindRequired&&this.bindControlProperty(e,r,`required`,this.isRequired);let i=n.errors;if(r.errors!==i){r.errors=i;let t=this._convertErrors(i);e.setInputOnDirectives(`errors`,t)}}get isRequired(){return(this.requiredValidatorViaDi?._enabled||this.control?._hasRequired())??!1}get shouldBindRequired(){return!0}bindControlProperty(e,t,n,r){if(t[n]===r)return;t[n]=r;let i=e.setInputOnDirectives(n,r);this.isNativeFormElement&&!i&&(n===`disabled`||n===`required`)&&this.renderer&&V7(this.renderer,e.nativeElement,n,r)}_convertErrors(e){if(e===null)return[];let t=this.control;return Object.entries(e).map(([e,n])=>new Kae({context:n,kind:e,control:t}))}setParseErrorSource(e){if(e===void 0)return;let t=null,n=X(()=>{let t=e();return t.length===0?null:t.reduce((e,t)=>(e[t.kind]=t,e),{})});this.parseErrorsValidator=(()=>t).bind(this),vc(()=>{t=n(),this.control?.updateValueAndValidity({emitEvent:!1})},{injector:this.injector})}removeParseErrorsValidator(e){this.parseErrorsValidator&&(e?.removeValidators(this.parseErrorsValidator),e?.updateValueAndValidity({emitEvent:!1}))}},Qae=Symbol(`FIELD_TREE`),W7=0;function $ae(){return W7}function G7(e,t){return(...n)=>{try{return W7=t,e(...n)}finally{W7=0}}}function eoe(e){return!e}function K7(e){return e}function q7(e){return Array.isArray(e)}function J7(e){return(typeof e==`object`||typeof e==`function`)&&e!=null}var Y7=Symbol(),X7=Symbol(),Z7=class{predicates;fns=[];constructor(e){this.predicates=e}push(e){this.fns.push(e9(this.predicates,e))}mergeIn(e){let t=this.predicates?e.fns.map(e=>e9(this.predicates,e)):e.fns;this.fns.push(...t)}hasRules(){return this.fns.length>0}},Q7=class extends Z7{get defaultValue(){return!1}compute(e){return this.fns.some(t=>{let n=t(e);return n&&n!==X7})}},$7=class e extends Z7{ignore;static ignoreNull(t){return new e(t,e=>e===null)}constructor(e,t){super(e),this.ignore=t}get defaultValue(){return[]}compute(e){return this.fns.reduce((t,n)=>{let r=n(e);return r===void 0||r===X7?t:q7(r)?[...t,...this.ignore?r.filter(e=>!this.ignore(e)):r]:this.ignore&&this.ignore(r)?t:[...t,r]},[])}},toe=class extends $7{constructor(e){super(e,void 0)}},noe=class extends Z7{key;get defaultValue(){return this.key.reducer.getInitial()}constructor(e,t){super(e),this.key=t}compute(e){if(this.fns.length===0)return this.key.reducer.getInitial();let t=this.key.reducer.getInitial();for(let n=0;n<this.fns.length;n++){let r=this.fns[n](e);r!==X7&&(t=this.key.reducer.reduce(t,r))}return t}};function e9(e,t){return e.length===0?t:n=>{for(let t of e){let e=n.stateOf(t.path),r=Z(e.structure.pathKeys).length-t.depth;for(let t=0;t<r;t++)e=e.structure.parent;if(!t.fn(e.context))return X7}return t(n)}}var t9=class{predicates;hidden;disabledReasons;readonly;syncErrors;syncTreeErrors;asyncErrors;metadata=new Map;constructor(e){this.predicates=e,this.hidden=new Q7(e),this.disabledReasons=new toe(e),this.readonly=new Q7(e),this.syncErrors=$7.ignoreNull(e),this.syncTreeErrors=$7.ignoreNull(e),this.asyncErrors=$7.ignoreNull(e)}hasAnyLogic(){return this.hidden.hasRules()||this.disabledReasons.hasRules()||this.readonly.hasRules()||this.syncErrors.hasRules()||this.syncTreeErrors.hasRules()||this.asyncErrors.hasRules()||this.metadata.size>0}hasMetadata(e){return this.metadata.has(e)}hasMetadataKeys(){return this.metadata.size>0}getMetadataKeys(){return this.metadata.keys()}getMetadata(e){return this.metadata.has(e)||this.metadata.set(e,new noe(this.predicates,e)),this.metadata.get(e)}mergeIn(e){this.hidden.mergeIn(e.hidden),this.disabledReasons.mergeIn(e.disabledReasons),this.readonly.mergeIn(e.readonly),this.syncErrors.mergeIn(e.syncErrors),this.syncTreeErrors.mergeIn(e.syncTreeErrors),this.asyncErrors.mergeIn(e.asyncErrors);for(let t of e.getMetadataKeys()){let n=e.metadata.get(t);this.getMetadata(t).mergeIn(n)}}},n9=class{depth;constructor(e){this.depth=e}build(){return new a9(this,[],0)}},r9=class e extends n9{constructor(e){super(e)}current;all=[];addHiddenRule(e){this.getCurrent().addHiddenRule(e)}addDisabledReasonRule(e){this.getCurrent().addDisabledReasonRule(e)}addReadonlyRule(e){this.getCurrent().addReadonlyRule(e)}addSyncErrorRule(e){this.getCurrent().addSyncErrorRule(e)}addSyncTreeErrorRule(e){this.getCurrent().addSyncTreeErrorRule(e)}addAsyncErrorRule(e){this.getCurrent().addAsyncErrorRule(e)}addMetadataRule(e,t){this.getCurrent().addMetadataRule(e,t)}getChild(e){if(e===Y7){let e=this.getCurrent().children;e.size>+!!e.has(Y7)&&(this.current=void 0)}return this.getCurrent().getChild(e)}hasLogic(e){return this===e||this.all.some(({builder:t})=>t.hasLogic(e))}hasRules(){return this.all.length>0}anyChildHasLogic(){return this.all.some(({builder:e})=>e.anyChildHasLogic())}mergeIn(e,t){t?this.all.push({builder:e,predicate:{fn:G7(t.fn,this.depth),path:t.path}}):this.all.push({builder:e}),this.current=void 0}getCurrent(){return this.current===void 0&&(this.current=new i9(this.depth),this.all.push({builder:this.current})),this.current}static newRoot(){return new e(0)}},i9=class extends n9{logic=new t9([]);children=new Map;constructor(e){super(e)}addHiddenRule(e){this.logic.hidden.push(G7(e,this.depth))}addDisabledReasonRule(e){this.logic.disabledReasons.push(G7(e,this.depth))}addReadonlyRule(e){this.logic.readonly.push(G7(e,this.depth))}addSyncErrorRule(e){this.logic.syncErrors.push(G7(e,this.depth))}addSyncTreeErrorRule(e){this.logic.syncTreeErrors.push(G7(e,this.depth))}addAsyncErrorRule(e){this.logic.asyncErrors.push(G7(e,this.depth))}addMetadataRule(e,t){this.logic.getMetadata(e).push(G7(t,this.depth))}getChild(e){return this.children.has(e)||this.children.set(e,new r9(this.depth+1)),this.children.get(e)}hasLogic(e){return this===e}hasRules(){return this.logic.hasAnyLogic()||this.children.size>0}anyChildHasLogic(){for(let e of this.children.values())if(e.hasRules())return!0;return!1}},a9=class e{builder;predicates;depth;logic;constructor(e,t,n){this.builder=e,this.predicates=t,this.depth=n,this.logic=e?ioe(e,t,n):new t9([])}getChild(t){let n=this.builder?o9(this.builder,t):[];if(n.length===0)return new e(void 0,[],this.depth+1);if(n.length===1){let{builder:t,predicates:r}=n[0];return new e(t,[...this.predicates,...r.map(e=>s9(e,this.depth))],this.depth+1)}return new roe(n.map(({builder:t,predicates:n})=>new e(t,[...this.predicates,...n.map(e=>s9(e,this.depth))],this.depth+1)))}hasLogic(e){return this.builder?this.builder.hasLogic(e):!1}hasRules(){return this.builder?this.builder.hasRules():!1}anyChildHasLogic(){return this.builder?this.builder.anyChildHasLogic():!1}},roe=class e{all;logic;constructor(e){this.all=e,this.logic=new t9([]);for(let t of e)this.logic.mergeIn(t.logic)}getChild(t){return new e(this.all.flatMap(e=>e.getChild(t)))}hasLogic(e){return this.all.some(t=>t.hasLogic(e))}hasRules(){return this.all.some(e=>e.hasRules())}anyChildHasLogic(){return this.all.some(e=>e.anyChildHasLogic())}};function o9(e,t){if(e instanceof r9)return e.all.flatMap(({builder:e,predicate:n})=>{let r=o9(e,t);return n?r.map(({builder:e,predicates:t})=>({builder:e,predicates:[...t,n]})):r});if(e instanceof i9)return[...t!==Y7&&e.children.has(Y7)?[{builder:e.getChild(Y7),predicates:[]}]:[],...e.children.has(t)?[{builder:e.getChild(t),predicates:[]}]:[]];throw new _i(1909,!1)}function ioe(e,t,n){let r=new t9(t);if(e instanceof r9){let i=e.all.map(({builder:e,predicate:r})=>new a9(e,r?[...t,s9(r,n)]:t,n));for(let e of i)r.mergeIn(e.logic)}else if(e instanceof i9)r.mergeIn(e.logic);else throw new _i(1909,!1);return r}function s9(e,t){return{...e,depth:t}}var c9=Symbol(`PATH`),l9=class e{keys;parent;keyInParent;root;children=new Map;fieldPathProxy=new Proxy(this,aoe);logicBuilder;constructor(e,t,n,r){this.keys=e,this.parent=n,this.keyInParent=r,this.root=t??this,n||(this.logicBuilder=r9.newRoot())}get builder(){return this.logicBuilder?this.logicBuilder:this.parent.builder.getChild(this.keyInParent)}getChild(t){return this.children.has(t)||this.children.set(t,new e([...this.keys,t],this.root,this,t)),this.children.get(t)}mergeIn(e,t){let n=e.compile();this.builder.mergeIn(n.builder,t)}static unwrapFieldPath(e){return e[c9]}static newRoot(){return new e([],void 0,void 0,void 0)}},aoe={get(e,t){return t===c9?e:e.getChild(t).fieldPathProxy}},u9=void 0,d9=new Map,f9=class e{schemaFn;constructor(e){this.schemaFn=e}compile(){if(d9.has(this))return d9.get(this);let e=l9.newRoot();d9.set(this,e);let t=u9;try{u9=e,this.schemaFn(e.fieldPathProxy)}finally{u9=t}return e}static create(t){return t instanceof e?t:new e(t)}static rootCompile(t){try{return d9.clear(),t===void 0?l9.newRoot():t instanceof e?t.compile():new e(t).compile()}finally{d9.clear()}}};function ooe(e){return e instanceof f9||typeof e==`function`}function p9(e){if(u9!==l9.unwrapFieldPath(e).root)throw new _i(1908,!1)}function m9(e,t,n){return p9(e),l9.unwrapFieldPath(e).builder.addMetadataRule(t,n),t}var h9={list(){return{reduce:(e,t)=>t===void 0?e:[...e,t],getInitial:()=>[]}},min(){return{reduce:(e,t)=>e===void 0||t===void 0?e??t:t<e?t:e,getInitial:()=>void 0}},max(){return{reduce:(e,t)=>e===void 0||t===void 0?e??t:t>e?t:e,getInitial:()=>void 0}},or(){return{reduce:(e,t)=>e||t,getInitial:()=>!1}},and(){return{reduce:(e,t)=>e&&t,getInitial:()=>!0}},override:soe};function soe(e){return{reduce:(e,t)=>t,getInitial:()=>e?.()}}var g9=Symbol(`IS_ASYNC_VALIDATION_RESOURCE`),coe=class{reducer;create;brand;[g9];constructor(e,t){this.reducer=e,this.create=t}};function _9(e){return new coe(e??h9.override())}function v9(){return _9()}var y9=_9(h9.or()),loe=v9(),uoe=v9(),doe=_9(h9.max()),foe=_9(h9.min()),poe=_9(h9.list());function b9(e,t){if(e===t)return!0;if(!e||!t||e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!Object.is(e[n],t[n]))return!1;return!0}function moe(e){return e.errors().length>0?`invalid`:e.pending()?`unknown`:`valid`}var hoe=class{node;constructor(e){this.node=e}rawSyncTreeErrors=X(()=>this.shouldSkipValidation()?[]:[...this.node.logicNode.logic.syncTreeErrors.compute(this.node.context),...this.node.structure.parent?.validationState.rawSyncTreeErrors()??[]],{equal:b9});syncErrors=X(()=>this.shouldSkipValidation()?[]:[...this.node.logicNode.logic.syncErrors.compute(this.node.context),...this.syncTreeErrors(),...goe(this.node.submitState.submissionErrors())],{equal:b9});syncValid=X(()=>this.shouldSkipValidation()?!0:this.node.structure.reduceChildren(this.syncErrors().length===0,(e,t)=>t&&e.validationState.syncValid(),eoe));syncTreeErrors=X(()=>this.rawSyncTreeErrors().filter(e=>e.fieldTree===this.node.fieldTree),{equal:b9});rawAsyncErrors=X(()=>this.shouldSkipValidation()?[]:[...this.node.logicNode.logic.asyncErrors.compute(this.node.context),...this.node.structure.parent?.validationState.rawAsyncErrors()??[]],{equal:b9});asyncErrors=X(()=>this.shouldSkipValidation()?[]:this.rawAsyncErrors().filter(e=>e===`pending`||e.fieldTree===this.node.fieldTree),{equal:b9});parseErrors=X(()=>this.node.formFieldBindings().flatMap(e=>e.parseErrors()),{equal:b9});errors=X(()=>[...this.parseErrors(),...this.syncErrors(),...this.asyncErrors().filter(e=>e!==`pending`)],{equal:b9});errorSummary=X(()=>{let e=this.node.structure.reduceChildren(this.errors(),(e,t)=>[...t,...e.errorSummary()]);return Z(()=>e.sort(_oe)),e},{equal:b9});pending=X(()=>this.node.structure.reduceChildren(this.asyncErrors().includes(`pending`),(e,t)=>t||e.validationState.pending()));status=X(()=>{if(this.shouldSkipValidation())return`valid`;let e=moe(this);return this.node.structure.reduceChildren(e,(e,t)=>t===`invalid`||e.validationState.status()===`invalid`?`invalid`:t===`unknown`||e.validationState.status()===`unknown`?`unknown`:`valid`,e=>e===`invalid`)});valid=X(()=>this.status()===`valid`);invalid=X(()=>this.status()===`invalid`);shouldSkipValidation=X(()=>this.node.hidden()||this.node.disabled()||this.node.readonly()||this.node.structure.isOrphaned())};function goe(e){return e===void 0?[]:q7(e)?e:[e]}function x9(e,t){if(q7(e))for(let n of e)n.fieldTree??=t;else e&&(e.fieldTree??=t);return e}function S9(e){return e.formField?e.formField.element:e.fieldTree().formFieldBindings().reduce((e,t)=>!e||!t.element?e??t.element:e.compareDocumentPosition(t.element)&Node.DOCUMENT_POSITION_PRECEDING?t.element:e,void 0)}function _oe(e,t){let n=S9(e),r=S9(t);return n===r?0:n===void 0||r===void 0?n===void 0?1:-1:n.compareDocumentPosition(r)&Node.DOCUMENT_POSITION_PRECEDING?1:-1}var C9=_9(),voe=class{node;cache=new WeakMap;constructor(e){this.node=e,this.fieldTreeOf=this.fieldTreeOf.bind(this),this.stateOf=this.stateOf.bind(this)}resolve(e){if(!this.cache.has(e)){let t=X(()=>{let t=l9.unwrapFieldPath(e),n=this.node,r=$ae();for(;r>0||!n.structure.logic.hasLogic(t.root.builder);)if(r--,n=n.structure.parent,n===void 0)throw new _i(1900,!1);for(let e of t.keys)if(n=n.structure.getChild(e),n===void 0)throw new _i(1901,!1);return n.fieldTree});this.cache.set(e,t)}return this.cache.get(e)()}get fieldTree(){return this.node.fieldProxy}get state(){return this.node}get value(){return this.node.structure.value}get key(){return this.node.structure.keyInParent}get pathKeys(){return this.node.structure.pathKeys}index=X(()=>{let e=this.key();if(!q7(Z(this.node.structure.parent.value)))throw new _i(1906,!1);return Number(e)});fieldTreeOf(e){return this.resolve(e)}stateOf(e){return this.resolve(e)()}valueOf=e=>{let t=this.resolve(e)().value();if(t instanceof Uae)throw new _i(1907,!1);return t}},yoe=class{node;metadata=new Map;constructor(e){this.node=e}runMetadataCreateLifecycle(){if(!this.node.logicNode.logic.hasMetadataKeys())return;let e=ene();e&&_v(!1);try{Z(()=>so(this.node.structure.injector,()=>{for(let e of this.node.logicNode.logic.getMetadataKeys())if(e.create){let t=this.node.logicNode.logic.getMetadata(e),n=e.create(this.node,X(()=>t.compute(this.node.context)));this.metadata.set(e,n)}}))}finally{e&&_v(!0)}}get(e){if(this.has(e)&&!this.metadata.has(e)){if(e.create)throw new _i(1912,!1);let t=this.node.logicNode.logic.getMetadata(e);this.metadata.set(e,X(()=>t.compute(this.node.context)))}return this.metadata.get(e)}has(e){return this.node.logicNode.logic.hasMetadata(e)}},boe={get(e,t,n){if(t===Qae)return!0;let r=e(),i=r.structure.getChild(t);if(i!==void 0)return i.fieldTree;let a=Z(r.value);if(q7(a)){if(t===`length`)return r.value().length;if(t===Symbol.iterator)return()=>(r.value(),Array.prototype[Symbol.iterator].apply(r.fieldTree))}if(J7(a)&&t===Symbol.iterator)return function*(){for(let e in n)yield[e,n[e]]}},getOwnPropertyDescriptor(e,t){let n=Z(e().value),r=Reflect.getOwnPropertyDescriptor(n,t);return r&&!r.configurable&&(r.configurable=!0),r},ownKeys(e){let t=Z(e().value);return typeof t==`object`&&t?Reflect.ownKeys(t):[]}};function xoe(e,t){let n=X(()=>e()[t()]);return n[tn]=e[tn],n.set=r=>{Object.is(Z(n),r)||e.update(e=>Soe(e,r,t()))},n.update=e=>{n.set(e(Z(n)))},n.asReadonly=()=>n,n}function Soe(e,t,n){if(q7(e)){let r=[...e];return r[n]=t,r}return{...e,[n]:t}}var w9=Symbol(``),T9=X(()=>!1),E9=class{logic;node;createChildNode;identitySymbol=Symbol();_injector=void 0;_anyChildHasLogic;get injector(){return this._injector??=ks.create({providers:[],parent:this.fieldManager.injector}),this._injector}constructor(e,t,n){this.logic=e,this.node=t,this.createChildNode=n}children(){this.ensureChildrenMap();let e=this.childrenMap();return e===void 0?[]:Array.from(e.byPropertyKey.values()).map(e=>Z(e.reader))}materializedChildren(){let e=this.childrenMap();return e===void 0?[]:Array.from(e.byPropertyKey.values()).map(e=>e.node)}_areChildrenMaterialized(){return Z(this.childrenMap)!==void 0}ensureChildrenMap(){this._areChildrenMaterialized()||Z(()=>{this.childrenMap.update(e=>this.computeChildrenMap(this.value(),e,!0))})}getChild(e){this.ensureChildrenMap();let t=e.toString(),n=Z(this.childrenMap)?.byPropertyKey.get(t)?.reader;return n||=this.createReader(t),n()}reduceChildren(e,t,n){let r=this.childrenMap();if(!r)return e;let i=e;for(let e of r.byPropertyKey.values()){if(n?.(i))break;i=t(Z(e.reader),i)}return i}destroy(){this.injector.destroy()}createKeyOrOrphanSignals(e,t,n){if(e===`root`)return{keyInParent:D9,isOrphaned:T9};let r=this.parent,i=n,a=X(()=>{if(r.structure.isOrphaned())return w9;let e=r.structure.childrenMap();if(!e)return w9;let n=e.byPropertyKey.get(i);if(n&&n.node===this.node)return i;if(t===void 0)return w9;for(let[t,n]of e.byPropertyKey)if(n.node===this.node)return i=t;return w9}),o=X(()=>a()===w9);return{keyInParent:X(()=>{let e=a();if(e===w9)throw t===void 0?new _i(-1902,!1):new _i(1904,!1);return e}),isOrphaned:o}}createChildrenMap(){return Q({source:this.value,computation:(e,t)=>this.computeChildrenMap(e,t?.value,!1)})}computeChildrenMap(e,t,n){if(!J7(e)||!n&&t===void 0&&!(this._anyChildHasLogic??=this.logic.anyChildHasLogic()))return;t??={byPropertyKey:new Map};let r,i=q7(e);t!==void 0&&(r=i?Eoe(t,e,this.identitySymbol):Doe(t,e));for(let n of Object.keys(e)){let a,o=e[n];if(o===void 0){t.byPropertyKey.has(n)&&(r??={...t},r.byPropertyKey.delete(n));continue}i&&J7(o)&&!q7(o)&&(a=o[this.identitySymbol]??=Symbol(``));let s;a&&(t.byTrackingKey?.has(a)||(r??={...t},r.byTrackingKey??=new Map,r.byTrackingKey.set(a,this.createChildNode(n,a,i))),s=(r??t).byTrackingKey.get(a));let c=t.byPropertyKey.get(n);c===void 0?(r??={...t},r.byPropertyKey.set(n,{reader:this.createReader(n),node:s??this.createChildNode(n,a,i)})):s&&s!==c.node&&(r??={...t},c.node=s)}return r??t}createReader(e){return X(()=>this.childrenMap()?.byPropertyKey.get(e)?.node)}},Coe=class extends E9{fieldManager;value;get parent(){}get root(){return this.node}get pathKeys(){return Toe}get keyInParent(){return D9}isOrphaned=T9;childrenMap;constructor(e,t,n,r,i){super(t,e,i),this.fieldManager=n,this.value=r,this.childrenMap=this.createChildrenMap()}},woe=class extends E9{logic;parent;root;pathKeys;keyInParent;value;childrenMap;isOrphaned;get fieldManager(){return this.root.structure.fieldManager}constructor(e,t,n,r,i,a){super(t,e,a),this.logic=t,this.parent=n,this.root=this.parent.structure.root;let o=this.createKeyOrOrphanSignals(`child`,r,i);this.isOrphaned=o.isOrphaned,this.keyInParent=o.keyInParent,this.pathKeys=X(()=>[...n.structure.pathKeys(),this.keyInParent()]),this.value=xoe(this.parent.structure.value,this.keyInParent),this.childrenMap=this.createChildrenMap(),this.fieldManager.structures.add(this)}},Toe=X(()=>[]),D9=X(()=>{throw new _i(1905,!1)});function Eoe(e,t,n){let r,i=new Set(e.byPropertyKey.keys()),a=e.byTrackingKey&&new Set(e.byTrackingKey.keys());for(let e=0;e<t.length;e++){let r=t[e];i.delete(e.toString()),a&&J7(r)&&Object.hasOwn(r,n)&&a.delete(r[n])}if(i.size>0){r??={...e};for(let e of i)r.byPropertyKey.delete(e)}if(a&&a.size>0){r??={...e};for(let e of a)r.byTrackingKey.delete(e)}return r}function Doe(e,t){let n;for(let r of e.byPropertyKey.keys())Object.hasOwn(t,r)||(n??={...e},n.byPropertyKey.delete(r));return n}var Ooe=class{node;selfSubmitting=D(!1);submissionErrors;constructor(e){this.node=e,this.submissionErrors=Q({source:this.node.structure.value,computation:()=>[]})}submitting=X(()=>this.selfSubmitting()||(this.node.structure.parent?.submitting()??!1))},O9=class{structure;validationState;metadataState;nodeState;submitState;fieldAdapter;controlValue;_context=void 0;get context(){return this._context??=new voe(this)}fieldProxy=new Proxy(()=>this,boe);pathNode;constructor(e){this.pathNode=e.pathNode,this.fieldAdapter=e.fieldAdapter,this.structure=this.fieldAdapter.createStructure(this,e),this.validationState=this.fieldAdapter.createValidationState(this,e),this.nodeState=this.fieldAdapter.createNodeState(this,e),this.metadataState=new yoe(this),this.submitState=new Ooe(this),this.controlValue=this.controlValueSignal(),this.metadataState.runMetadataCreateLifecycle()}focusBoundControl(e){this.getBindingForFocus()?.focus(e)}getBindingForFocus(){return this.formFieldBindings().filter(e=>e.focus!==void 0).reduce(k9,void 0)||this.structure.children().map(e=>e.getBindingForFocus()).reduce(k9,void 0)}pendingSync=Q({source:()=>this.value(),computation:(e,t)=>{t?.value?.abort()}});get fieldTree(){return this.fieldProxy}get logicNode(){return this.structure.logic}get value(){return this.structure.value}get keyInParent(){return this.structure.keyInParent}get errors(){return this.validationState.errors}get parseErrors(){return this.validationState.parseErrors}get errorSummary(){return this.validationState.errorSummary}get pending(){return this.validationState.pending}get valid(){return this.validationState.valid}get invalid(){return this.validationState.invalid}get dirty(){return this.nodeState.dirty}get touched(){return this.nodeState.touched}get disabled(){return this.nodeState.disabled}get disabledReasons(){return this.nodeState.disabledReasons}get hidden(){return this.nodeState.hidden}get readonly(){return this.nodeState.readonly}get formFieldBindings(){return this.nodeState.formFieldBindings}get submitting(){return this.submitState.submitting}get name(){return this.nodeState.name}get max(){let e=this.metadata(uoe)?.();return e?this.metadata(e):void 0}get maxLength(){return this.metadata(foe)}get min(){let e=this.metadata(loe)?.();return e?this.metadata(e):void 0}get minLength(){return this.metadata(doe)}get pattern(){return this.metadata(poe)??koe}get required(){return this.metadata(y9)??Aoe}metadata(e){return this.metadataState.get(e)}getError(e){return this.errors().find(t=>t.kind===e)}hasMetadata(e){return this.metadataState.has(e)}markAsTouched(e){this.structure.isOrphaned()||Z(()=>{this.markAsTouchedInternal(e),this.flushSync()})}markAsTouchedInternal(e){if(!this.structure.isOrphaned()&&!this.validationState.shouldSkipValidation()&&(this.nodeState.markAsTouched(),!e?.skipDescendants))for(let e of this.structure.children())e.markAsTouchedInternal()}markAsDirty(){this.nodeState.markAsDirty()}markAsPristine(){this.nodeState.markAsPristine()}markAsUntouched(){this.nodeState.markAsUntouched()}reset(e){Z(()=>this._reset(e))}_reset(e){this.pendingSync()?.abort(),e!==void 0&&this.value.set(e),this.controlValue.rawSet(this.value()),this.nodeState.markAsUntouched(),this.nodeState.markAsPristine();for(let e of this.formFieldBindings())e.reset();for(let e of this.structure.materializedChildren())e._reset()}reloadValidation(){Z(()=>this._reloadValidation())}_reloadValidation(){let e=this.logicNode.logic.getMetadataKeys();for(let t of e)t[g9]&&this.metadata(t).reload?.();for(let e of this.structure.children())e._reloadValidation()}controlValueSignal(){let e=Q(this.value);e.rawSet=e.set,e.set=t=>{e.rawSet(t),this.markAsDirty(),this.debounceSync()};let t=e.update;return e.update=e=>{t(e),this.markAsDirty(),this.debounceSync()},e}sync(){this.value.set(this.controlValue())}flushSync(){let e=this.pendingSync();e&&!e.signal.aborted&&(e.abort(),this.sync())}async debounceSync(){let e=Z(()=>(this.pendingSync()?.abort(),this.nodeState.debouncer()));if(e){let t=new AbortController,n=e(t.signal);if(n&&(this.pendingSync.set(t),await n,t.signal.aborted))return}this.structure.isOrphaned()||this.sync()}static newRoot(e,t,n,r){return r.newRoot(e,t,n,r)}createStructure(e){return e.kind===`root`?new Coe(this,e.logic,e.fieldManager,e.value,this.newChild.bind(this)):new woe(this,e.logic,e.parent,e.identityInParent,e.initialKeyInParent,this.newChild.bind(this))}newChild(e,t,n){let r,i;return n?(r=this.pathNode.getChild(Y7),i=this.structure.logic.getChild(Y7)):(r=this.pathNode.getChild(e),i=this.structure.logic.getChild(e)),this.fieldAdapter.newChild({kind:`child`,parent:this,pathNode:r,logic:i,initialKeyInParent:e,identityInParent:t,fieldAdapter:this.fieldAdapter})}},koe=X(()=>[]),Aoe=X(()=>!1);function k9(e,t){return e?t&&e.element.compareDocumentPosition(t.element)&Node.DOCUMENT_POSITION_PRECEDING?t:e:t}var joe=class{node;selfTouched=D(!1);selfDirty=D(!1);markAsTouched(){this.selfTouched.set(!0)}markAsDirty(){this.selfDirty.set(!0)}markAsPristine(){this.selfDirty.set(!1)}markAsUntouched(){this.selfTouched.set(!1)}formFieldBindings=D([]);constructor(e){this.node=e}dirty=X(()=>{let e=this.selfDirty()&&!this.isNonInteractive();return this.node.structure.reduceChildren(e,(e,t)=>t||e.nodeState.dirty(),K7)});touched=X(()=>{let e=this.selfTouched()&&!this.isNonInteractive();return this.node.structure.reduceChildren(e,(e,t)=>t||e.nodeState.touched(),K7)});disabledReasons=X(()=>[...this.node.structure.parent?.nodeState.disabledReasons()??[],...this.node.logicNode.logic.disabledReasons.compute(this.node.context)],{equal:b9});disabled=X(()=>!!this.disabledReasons().length);readonly=X(()=>(this.node.structure.parent?.nodeState.readonly()||this.node.logicNode.logic.readonly.compute(this.node.context))??!1);hidden=X(()=>(this.node.structure.parent?.nodeState.hidden()||this.node.logicNode.logic.hidden.compute(this.node.context))??!1);name=X(()=>{let e=this.node.structure.parent;return e?`${e.name()}.${this.node.structure.keyInParent()}`:this.node.structure.fieldManager.rootName});debouncer=X(()=>{if(this.node.logicNode.logic.hasMetadata(C9)){let e=this.node.logicNode.logic.getMetadata(C9).compute(this.node.context);if(e)return t=>e(this.node.context,t)}return this.node.structure.parent?.nodeState.debouncer?.()});isNonInteractive=X(()=>this.hidden()||this.disabled()||this.readonly())},Moe=class{newRoot(e,t,n,r){return new O9({kind:`root`,fieldManager:e,value:t,pathNode:n,logic:n.builder.build(),fieldAdapter:r})}newChild(e){return new O9(e)}createNodeState(e){return new joe(e)}createValidationState(e){return new hoe(e)}createStructure(e,t){return e.createStructure(t)}},Noe=class{injector;rootName;submitOptions;constructor(e,t,n){this.injector=e,this.rootName=t??`${this.injector.get(ac)}.form${Poe++}`,this.submitOptions=n}structures=new Set;createFieldManagementEffect(e){vc(()=>{let t=new Set;this.markStructuresLive(e,t);for(let e of this.structures)t.has(e)||(this.structures.delete(e),Z(()=>e.destroy()))},{injector:this.injector})}markStructuresLive(e,t){t.add(e);for(let n of e.children())this.markStructuresLive(n.structure,t)}},Poe=0,Foe=new Fi(``);function Ioe(e){let t,n,r;return e.length===3?[t,n,r]=e:e.length===2?ooe(e[1])?[t,n]=e:[t,r]=e:[t]=e,[t,n,r]}function Loe(...e){let[t,n,r]=Ioe(e),i=r?.injector??C(ks),a=so(i,()=>f9.rootCompile(n)),o=new Noe(i,r?.name,r?.submission),s=r?.adapter??new Moe,c=O9.newRoot(o,t,a,s);o.createFieldManagementEffect(c.structure);let{experimentalWebMcpTool:l}=r??{};if(l){let e=so(i,()=>C(Foe,{optional:!0}));e&&so(i,()=>e(c.fieldTree,{name:l.name,description:l.description}))}return c.fieldTree}async function Roe(e,t){let n=Z(e);if(Z(n.submitState.submitting))return!1;let r=t===void 0?n.structure.root.fieldProxy:e,i={root:n.structure.root.fieldProxy,submitted:e};t=typeof t==`function`?{action:t}:t??n.structure.fieldManager.submitOptions;let a=t?.action;if(!a)throw new _i(1915,!1);n.markAsTouched();let o=t?.onInvalid,s=zoe(n,t?.ignoreValidators);try{if(s){n.submitState.selfSubmitting.set(!0);let e=await Z(()=>a?.(r,i));return e&&Boe(n,e),!e||q7(e)&&e.length===0}return Z(()=>o?.(r,i)),!1}finally{n.submitState.selfSubmitting.set(!1)}}function zoe(e,t){switch(t){case`all`:return!0;case`none`:return Z(e.valid);default:return!Z(e.invalid)}}function Boe(e,t){q7(t)||(t=[t]);let n=new Map;for(let r of t){let t=x9(r,e.fieldTree),i=t.fieldTree(),a=n.get(i);a||(a=[],n.set(i,a)),a.push(t)}for(let[e,t]of n)e.submitState.submissionErrors.set(t)}var A9=class{kind=`compat`;control;fieldTree;context;message;constructor({context:e,kind:t,control:n}){this.context=e,this.kind=t,this.control=n}};function Voe(e){if(e.length===0)return null;let t={};for(let n of e)t[n.kind]=n instanceof A9?n.context:n;return t}function Hoe(e,t){return e===null?[]:Object.entries(e).map(([e,n])=>new A9({context:n,kind:e,control:t}))}var Uoe=new Fi(``);function j9(e,t){return e instanceof Function?e(t):e}function Woe(e){return typeof e==`number`?isNaN(e):e===``||e===!1||e==null}function M9(e){return e===void 0?[]:Array.isArray(e)?e:[e]}function Goe(e,t){p9(e),l9.unwrapFieldPath(e).builder.addSyncErrorRule(e=>x9(t(e),e.fieldTree))}function Koe(e){return new qoe(e)}var N9=class{__brand=void 0;kind=``;fieldTree;message;constructor(e){e&&Object.assign(this,e)}},qoe=class extends N9{kind=`required`},P9=class extends N9{kind=`parse`};function Joe(e,t){let n=m9(e,_9(),e=>!t?.when||t.when(e));m9(e,y9,({state:e})=>e.metadata(n)()),Goe(e,e=>{if(e.state.metadata(n)()&&Woe(e.value()))return t?.error?j9(t.error,e):Koe({message:j9(t?.message,e)})})}function Yoe(e,t,n){let r=Q({source:e,computation:()=>[],equal:b9});return{errors:r.asReadonly(),setRawValue:e=>{let i=n(e);r.set(M9(i.error)),i.value!==void 0&&t(i.value),r.set(M9(i.error))},reset:()=>{r.set([])}}}var Xoe=class{field;constructor(e){this.field=e}control=this;get value(){return this.field().controlValue()}get valid(){return this.field().valid()}get invalid(){return this.field().invalid()}get pending(){return this.field().pending()}get disabled(){return this.field().disabled()}get enabled(){return!this.field().disabled()}get errors(){return Voe(this.field().errors())}get pristine(){return!this.field().dirty()}get dirty(){return this.field().dirty()}get touched(){return this.field().touched()}get untouched(){return!this.field().touched()}get status(){if(this.field().disabled())return`DISABLED`;if(this.field().valid())return`VALID`;if(this.field().invalid())return`INVALID`;if(this.field().pending())return`PENDING`;throw new _i(1910,!1)}valueAccessor=null;hasValidator(e){return e===m7.required&&this.field().required()}updateValueAndValidity(){}},F9={disabled:`disabled`,disabledReasons:`disabledReasons`,dirty:`dirty`,errors:`errors`,hidden:`hidden`,invalid:`invalid`,max:`max`,maxLength:`maxLength`,min:`min`,minLength:`minLength`,name:`name`,pattern:`pattern`,pending:`pending`,readonly:`readonly`,required:`required`,touched:`touched`},Zoe=(()=>{let e={};for(let t of Object.keys(F9))e[F9[t]]=t;return e})();function I9(e,t){return e[Zoe[t]]?.()}var L9=Object.values(F9);function R9(){return{}}function z9(e,t,n){return e[t]!==n&&(e[t]=n,!0)}function Qoe(e,t,n){let r;if(H9(e)&&n.isBadInput(e))return{error:new P9};switch(e.type){case`checkbox`:return{value:e.checked};case`number`:case`range`:case`datetime-local`:if(r=Z(t),typeof r==`number`||r===null)return{value:e.value===``?null:e.valueAsNumber};break;case`date`:case`month`:case`time`:case`week`:if(r=Z(t),r===null||r instanceof Date)return{value:e.valueAsDate};if(typeof r==`number`)return{value:e.valueAsNumber}}if(e.tagName===`INPUT`&&e.type===`text`&&(r??=Z(t),typeof r==`number`||r===null)){if(e.value===``)return{value:null};let t=Number(e.value);return Number.isNaN(t)?{error:new P9}:{value:t}}return{value:e.value}}function B9(e,t){switch(e.type){case`checkbox`:e.checked=t;return;case`radio`:e.checked=t===e.value;return;case`number`:case`range`:case`datetime-local`:if(typeof t==`number`){V9(e,t);return}if(t===null){e.value=``;return}break;case`date`:case`month`:case`time`:case`week`:if(t===null||t instanceof Date){e.valueAsDate=t;return}if(typeof t==`number`){V9(e,t);return}}if(e.tagName===`INPUT`&&e.type===`text`){if(typeof t==`number`){e.value=isNaN(t)?``:String(t);return}if(t===null){e.value=``;return}}e.value=t}function V9(e,t){isNaN(t)?e.value=``:e.valueAsNumber=t}function H9(e){return e.tagName===`INPUT`}function $oe(e){return e.type===`date`||e.type===`datetime-local`||e.type===`month`||e.type===`time`||e.type===`week`}function ese(e,t){let n=e.getUTCFullYear(),r=String(e.getUTCMonth()+1).padStart(2,`0`);return t===`month`?`${n}-${r}`:`${n}-${r}-${String(e.getUTCDate()).padStart(2,`0`)}`}function U9(e,t,n){return t instanceof Date&&(e===`min`||e===`max`)&&(n===`date`||n===`month`)?ese(t,n):t}function tse(e,t){e.listenToCustomControlModel(e=>t.state().controlValue.set(e)),e.listenToCustomControlOutput(`touch`,()=>t.state().markAsTouched()),t.registerAsBinding(e.customControl);let n=R9();return()=>{let r=t.state(),i=r.controlValue();z9(n,`controlValue`,i)&&e.setCustomControlModelInput(i);for(let i of L9){let a;if(a=i===`errors`?t.errors():I9(r,i),z9(n,i,a)&&(e.setInputOnDirectives(i,a),t.elementAcceptsNativeProperty(i)&&!e.customControlHasInput(i))){let e=U9(i,a,t.nativeFormElement.type);V7(t.renderer,t.nativeFormElement,i,e)}}}}function nse(e){return typeof e==`object`&&!!e}function rse(e,t){let n=R9();t.controlValueAccessor.registerOnChange(e=>{n.controlValue=e,t.state().controlValue.set(e)}),t.controlValueAccessor.registerOnTouched(()=>t.state().markAsTouched());let r=t.injector.get(p7,null,{optional:!0,self:!0});if(r){let e;for(let t of r)nse(t)&&t.registerOnValidatorChange&&(e??=D(0),t.registerOnValidatorChange(()=>{e.update(e=>e+1)}));let n=r.map(e=>typeof e==`function`?e:e.validate.bind(e)),i=m7.compose(n),a=X(()=>(e?.(),Hoe(i?i(t.interopNgControl.control):null,t.interopNgControl.control)));t.parseErrorsSource.set(a)}return t.registerAsBinding({reset:()=>{let e=t.state().value();n.controlValue=e,Z(()=>t.controlValueAccessor.writeValue(e))}}),()=>{let r=t.state(),i=r.controlValue();z9(n,`controlValue`,i)&&Z(()=>t.controlValueAccessor.writeValue(i));for(let i of L9){let a=I9(r,i);if(z9(n,i,a)){let n=e.setInputOnDirectives(i,a,i===`name`?ise:void 0);i===`disabled`&&t.controlValueAccessor.setDisabledState?Z(()=>t.controlValueAccessor.setDisabledState(a)):!n&&t.elementAcceptsNativeProperty(i)&&V7(t.renderer,t.nativeFormElement,i,a)}}}}function ise(e){return e==null}function ase(e,t,n){if(typeof MutationObserver!=`function`)return;let r=new MutationObserver(e=>{e.some(e=>ose(e))&&t()});r.observe(e,{attributes:!0,attributeFilter:[`value`],characterData:!0,childList:!0,subtree:!0}),n.onDestroy(()=>r.disconnect())}function ose(e){if(e.type===`childList`||e.type===`characterData`){if(e.target instanceof Comment)return!1;for(let t of e.addedNodes)if(!(t instanceof Comment))return!0;for(let t of e.removedNodes)if(!(t instanceof Comment))return!0;return!1}return e.type===`attributes`&&e.target instanceof HTMLOptionElement}function sse(e,t,n,r){let i=!1,a=t.nativeFormElement,o=Yoe(()=>t.state().value(),e=>t.state().controlValue.set(e),e=>Qoe(a,t.state().value,r));n.set(o.errors),t.onReset=()=>{o.reset();let e=t.state().value();s.controlValue=e,B9(a,e)},e.listenToDom(`input`,()=>o.setRawValue(void 0)),e.listenToDom(`blur`,()=>t.state().markAsTouched()),H9(a)&&$oe(a)&&r.watchValidity(t.destroyRef,a,()=>o.setRawValue(void 0)),t.registerAsBinding(),a.tagName===`SELECT`&&ase(a,()=>{i&&(a.value=t.state().controlValue())},t.destroyRef);let s=R9();return()=>{let n=t.state();for(let r of L9){let i=I9(n,r);if(z9(s,r,i)&&(e.setInputOnDirectives(r,i),t.elementAcceptsNativeProperty(r))){let e=U9(r,i,a.type);V7(t.renderer,a,r,e)}}let r=n.controlValue(),o=z9(s,`controlValue`,r),c=a.type===`radio`&&z9(s,`radioValue`,a.value);(o||c)&&B9(a,r),i=!0}}var W9=(()=>{class e{static ɵfac=function(t){return new(t||e)};static ɵprov=Oi({token:e,factory:e=>cse.ɵfac(e),providedIn:`root`})}return e})(),cse=(()=>{class e extends W9{document=C(As);cspNonce=C(lc,{optional:!0});injectedStyles=new WeakMap;watchValidity(e,t,n){let r=t.getRootNode();this.injectedStyles.has(r)||this.injectedStyles.set(r,this.createTransitionStyle(r));let i=e=>{let t=e;(t.animationName===`ng-valid`||t.animationName===`ng-invalid`)&&n()};t.addEventListener(`animationstart`,i),e.onDestroy(()=>{t.removeEventListener(`animationstart`,i)})}isBadInput(e){return e.validity?.badInput??!1}createTransitionStyle(e){let t=this.document.createElement(`style`);return this.cspNonce&&(t.nonce=this.cspNonce),t.textContent=`
       @keyframes ng-valid {}
       @keyframes ng-invalid {}
       input:valid, textarea:valid {
@@ -19624,7 +19796,7 @@ dd[_ngcontent-%COMP%] {
       input:invalid, textarea:invalid {
         animation: ng-invalid 0.001s;
       }
-    `,e.nodeType===9?e.head?.appendChild(t):e.appendChild(t),t}ngOnDestroy(){this.injectedStyles.get(this.document)?.remove()}static ɵfac=(()=>{let t;return function(n){return(t||=Ll(e))(n||e)}})();static ɵprov=ki({token:e,factory:e.ɵfac})}return e})(),Hoe=Symbol(),K9=new Ii(``),Uoe=(()=>{class e{field=$.required({alias:`formField`});state=X(()=>this.field()());renderer=C(Tp);destroyRef=C(Ns);injector=C(js);element=C(Wl).nativeElement;elementIsNativeFormElement=V7(this.element);elementAcceptsTextualValues=wae(this.element);_elementAcceptsMinMax;nativeFormElement=this.elementIsNativeFormElement?this.element:void 0;focuser=e=>this.element.focus(e);controlValueAccessors=C(l7,{optional:!0,self:!0});config=C(Soe,{optional:!0});validityMonitor=C(G9);parseErrorsSource=D(void 0);_interopNgControl;get interopNgControl(){return this._interopNgControl??=new koe(this.state)}parseErrors=X(()=>this.parseErrorsSource()?.().map(e=>({...e,fieldTree:Z(this.state).fieldTree,formField:this}))??[],{equal:x9});errors=X(()=>this.state().errors().filter(e=>!e.formField||e.formField===this),{equal:x9});isFieldBinding=!1;resetter=()=>{};parseErrorsResetCallback;setParseErrors(e){this.parseErrorsSource.set(e)}set onReset(e){this.parseErrorsResetCallback=e}get onReset(){return this.parseErrorsResetCallback}get controlValueAccessor(){return!this.controlValueAccessors||this.controlValueAccessors.length===0?this.interopNgControl?.valueAccessor??void 0:W7(this.interopNgControl,this.controlValueAccessors)??void 0}installClassBindingEffect(){let e=Object.entries(this.config?.classes??{}).map(([e,t])=>[e,X(()=>t(this))]);if(e.length===0)return;let t=z9();Nv({write:()=>{for(let[n,r]of e){let e=r();B9(t,n,e)&&(e?this.renderer.addClass(this.element,n):this.renderer.removeClass(this.element,n))}}},{injector:this.injector})}focus(e){this.focuser(e)}reset(){this.resetter(),this.parseErrorsResetCallback?.(this.state().value())}registerAsBinding(e){if(this.isFieldBinding)throw new vi(1913,!1);this.isFieldBinding=!0,this.installClassBindingEffect(),e?.focus&&(this.focuser=t=>e.focus(t)),e?.reset&&(this.resetter=()=>e.reset()),bc(e=>{let t=this.state();t.nodeState.formFieldBindings.update(e=>[...e,this]),e(()=>{t.nodeState.formFieldBindings.update(e=>e.filter(e=>e!==this))})},{injector:this.injector})}[Hoe];ɵngControlCreate(e){if(!e.hasPassThrough){if(this.controlValueAccessor)this.ɵngControlUpdate=Ioe(e,this);else if(e.customControl)this.ɵngControlUpdate=Poe(e,this);else if(this.elementIsNativeFormElement)this.ɵngControlUpdate=Boe(e,this,this.parseErrorsSource,this.validityMonitor);else throw new vi(1914,!1)}}ɵngControlUpdate;elementAcceptsNativeProperty(e){if(!this.elementIsNativeFormElement)return!1;switch(e){case`min`:case`max`:return this._elementAcceptsMinMax??=Cae(this.element);case`minLength`:case`maxLength`:return this.elementAcceptsTextualValues;case`disabled`:case`required`:case`readonly`:case`name`:return!0;default:return!1}}static ɵfac=function(t){return new(t||e)};static ɵdir=kh({type:e,selectors:[[``,`formField`,``]],inputs:{field:[1,`formField`,`field`]},exportAs:[`formField`],features:[tv([{provide:K9,useExisting:e},{provide:Aae,useFactory:()=>C(e).interopNgControl},{provide:Oae,useFactory:()=>C(K9,{self:!0})}]),Lh(`formField`)]})}return e})(),Woe=(()=>{class e{fieldTree=$.required({alias:`formRoot`});onSubmit(e){e.preventDefault(),Z(()=>{let e=this.fieldTree();e().structure.fieldManager.submitOptions&&_oe(e)})}static ɵfac=function(t){return new(t||e)};static ɵdir=kh({type:e,selectors:[[`form`,`formRoot`,``]],hostAttrs:[`novalidate`,``],hostBindings:function(e,t){e&1&&H(`submit`,function(e){return t.onSubmit(e)})},inputs:{fieldTree:[1,`formRoot`,`fieldTree`]}})}return e})(),Goe=[`codeInput`],Koe=`https://pangular-inspector.dev/security/#one-time-code`,qoe=class e{client=$.required();docsUrl=Koe;busy=D(!1);error=D(``);notice=D(``);model=D({code:``});codeForm=goe(this.model,e=>Doe(e.code),{submission:{action:async()=>{await this.send()},onInvalid:()=>this.fail(`Enter the code from the terminal.`)}});codeInput=Ev(`codeInput`);constructor(){bc(()=>{let e=this.client();Z(()=>void e.requestAuthCode().catch(()=>{}))}),dd(()=>this.codeInput()?.nativeElement.focus())}async send(){let e=this.model().code.replace(/\s+/g,``);if(!/^\d{6}$/.test(e)){this.fail(`Enter the 6-digit code from the terminal.`);return}this.busy.set(!0),this.notice.set(``);try{await this.client().requestTrustWithCode(e)?this.error.set(``):this.fail(`That code didn't match. Check the terminal and try again.`)}catch{this.fail(`Can't reach the devtools server. Check that the dev server is running.`)}finally{this.busy.set(!1)}}async newCode(){this.busy.set(!0);try{await this.client().requestAuthCode({reissue:!0}),this.error.set(``),this.model.set({code:``}),this.notice.set(`A new code was printed in the terminal.`)}catch{this.notice.set(`Couldn't ask for a new code. Try again.`)}finally{this.busy.set(!1),this.codeInput()?.nativeElement.focus()}}fail(e){this.error.update(t=>t===e?`${e} `:e),this.codeInput()?.nativeElement.focus()}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-auth-code`]],viewQuery:function(e,t){e&1&&Zg(t.codeInput,Goe,5),e&2&&Qg()},inputs:{client:[1,`client`]},decls:24,vars:10,consts:[[`codeInput`,``],[`aria-labelledby`,`auth-code-title`,1,`pairing`],[`id`,`auth-code-title`],[3,`formRoot`],[`for`,`auth-code-input`],[1,`row`],[`id`,`auth-code-input`,`autocomplete`,`one-time-code`,`inputmode`,`numeric`,`spellcheck`,`false`,3,`formField`],[`type`,`submit`,1,`primary`,3,`disabled`],[`id`,`auth-code-error`,`role`,`alert`,1,`error`],[1,`more`],[`type`,`button`,3,`click`,`disabled`],[`role`,`status`,1,`notice`],[`target`,`_blank`,`rel`,`noopener noreferrer`,3,`href`],[1,`sr-only`]],template:function(e,t){e&1&&(I(0,`section`,1)(1,`h2`,2),K(2,`Enter the one-time code`),L(),I(3,`p`),K(4,` The devtools server asks for a one-time code before it shares data from your app. Find the 6-digit code in the terminal that runs the dev server. `),L(),I(5,`form`,3)(6,`label`,4),K(7,`One-time code`),L(),I(8,`div`,5),R(9,`input`,6,0),Gp(),I(11,`button`,7),K(12),L()()(),I(13,`p`,8),K(14),L(),I(15,`div`,9)(16,`button`,10),H(`click`,function(){return t.newCode()}),K(17,`Print a new code`),L(),I(18,`p`,11),K(19),L()(),I(20,`a`,12),K(21,`About the one-time code`),I(22,`span`,13),K(23,` (opens in a new tab)`),L()()()),e&2&&(O(5),F(`formRoot`,t.codeForm),O(4),F(`formField`,t.codeForm.code),A(`aria-invalid`,t.error()?!0:null)(`aria-describedby`,t.error()?`auth-code-error`:null),qp(),O(2),F(`disabled`,t.busy()),O(),J(` `,t.busy()?`Checking…`:`Connect`,` `),O(2),q(t.error()),O(2),F(`disabled`,t.busy()),O(3),q(t.notice()),O(),F(`href`,t.docsUrl,Au))},dependencies:[Uoe,Woe],styles:[`[_nghost-%COMP%] {
+    `,e.nodeType===9?e.head?.appendChild(t):e.appendChild(t),t}ngOnDestroy(){this.injectedStyles.get(this.document)?.remove()}static ɵfac=(()=>{let t;return function(n){return(t||=Fl(e))(n||e)}})();static ɵprov=Oi({token:e,factory:e.ɵfac})}return e})(),lse=Symbol(),G9=new Fi(``),use=(()=>{class e{field=$.required({alias:`formField`});state=X(()=>this.field()());renderer=C(Tp);destroyRef=C(js);injector=C(ks);element=C(Hl).nativeElement;elementIsNativeFormElement=B7(this.element);elementAcceptsTextualValues=Gae(this.element);_elementAcceptsMinMax;nativeFormElement=this.elementIsNativeFormElement?this.element:void 0;focuser=e=>this.element.focus(e);controlValueAccessors=C(l7,{optional:!0,self:!0});config=C(Uoe,{optional:!0});validityMonitor=C(W9);parseErrorsSource=D(void 0);_interopNgControl;get interopNgControl(){return this._interopNgControl??=new Xoe(this.state)}parseErrors=X(()=>this.parseErrorsSource()?.().map(e=>({...e,fieldTree:Z(this.state).fieldTree,formField:this}))??[],{equal:b9});errors=X(()=>this.state().errors().filter(e=>!e.formField||e.formField===this),{equal:b9});isFieldBinding=!1;resetter=()=>{};parseErrorsResetCallback;setParseErrors(e){this.parseErrorsSource.set(e)}set onReset(e){this.parseErrorsResetCallback=e}get onReset(){return this.parseErrorsResetCallback}get controlValueAccessor(){return!this.controlValueAccessors||this.controlValueAccessors.length===0?this.interopNgControl?.valueAccessor??void 0:U7(this.interopNgControl,this.controlValueAccessors)??void 0}installClassBindingEffect(){let e=Object.entries(this.config?.classes??{}).map(([e,t])=>[e,X(()=>t(this))]);if(e.length===0)return;let t=R9();Nv({write:()=>{for(let[n,r]of e){let e=r();z9(t,n,e)&&(e?this.renderer.addClass(this.element,n):this.renderer.removeClass(this.element,n))}}},{injector:this.injector})}focus(e){this.focuser(e)}reset(){this.resetter(),this.parseErrorsResetCallback?.(this.state().value())}registerAsBinding(e){if(this.isFieldBinding)throw new _i(1913,!1);this.isFieldBinding=!0,this.installClassBindingEffect(),e?.focus&&(this.focuser=t=>e.focus(t)),e?.reset&&(this.resetter=()=>e.reset()),vc(e=>{let t=this.state();t.nodeState.formFieldBindings.update(e=>[...e,this]),e(()=>{t.nodeState.formFieldBindings.update(e=>e.filter(e=>e!==this))})},{injector:this.injector})}[lse];ɵngControlCreate(e){if(!e.hasPassThrough){if(this.controlValueAccessor)this.ɵngControlUpdate=rse(e,this);else if(e.customControl)this.ɵngControlUpdate=tse(e,this);else if(this.elementIsNativeFormElement)this.ɵngControlUpdate=sse(e,this,this.parseErrorsSource,this.validityMonitor);else throw new _i(1914,!1)}}ɵngControlUpdate;elementAcceptsNativeProperty(e){if(!this.elementIsNativeFormElement)return!1;switch(e){case`min`:case`max`:return this._elementAcceptsMinMax??=Wae(this.element);case`minLength`:case`maxLength`:return this.elementAcceptsTextualValues;case`disabled`:case`required`:case`readonly`:case`name`:return!0;default:return!1}}static ɵfac=function(t){return new(t||e)};static ɵdir=kh({type:e,selectors:[[``,`formField`,``]],inputs:{field:[1,`formField`,`field`]},exportAs:[`formField`],features:[tv([{provide:G9,useExisting:e},{provide:Zae,useFactory:()=>C(e).interopNgControl},{provide:Yae,useFactory:()=>C(G9,{self:!0})}]),Lh(`formField`)]})}return e})(),dse=(()=>{class e{fieldTree=$.required({alias:`formRoot`});onSubmit(e){e.preventDefault(),Z(()=>{let e=this.fieldTree();e().structure.fieldManager.submitOptions&&Roe(e)})}static ɵfac=function(t){return new(t||e)};static ɵdir=kh({type:e,selectors:[[`form`,`formRoot`,``]],hostAttrs:[`novalidate`,``],hostBindings:function(e,t){e&1&&H(`submit`,function(e){return t.onSubmit(e)})},inputs:{fieldTree:[1,`formRoot`,`fieldTree`]}})}return e})(),fse=[`codeInput`],pse=`https://pangular-inspector.dev/security/#one-time-code`,mse=class e{client=$.required();docsUrl=pse;busy=D(!1);error=D(``);notice=D(``);model=D({code:``});codeForm=Loe(this.model,e=>Joe(e.code),{submission:{action:async()=>{await this.send()},onInvalid:()=>this.fail(`Enter the code from the terminal.`)}});codeInput=Ev(`codeInput`);constructor(){vc(()=>{let e=this.client();Z(()=>void e.requestAuthCode().catch(()=>{}))}),dd(()=>this.codeInput()?.nativeElement.focus())}async send(){let e=this.model().code.replace(/\s+/g,``);if(!/^\d{6}$/.test(e)){this.fail(`Enter the 6-digit code from the terminal.`);return}this.busy.set(!0),this.notice.set(``);try{await this.client().requestTrustWithCode(e)?this.error.set(``):this.fail(`That code didn't match. Check the terminal and try again.`)}catch{this.fail(`Can't reach the devtools server. Check that the dev server is running.`)}finally{this.busy.set(!1)}}async newCode(){this.busy.set(!0);try{await this.client().requestAuthCode({reissue:!0}),this.error.set(``),this.model.set({code:``}),this.notice.set(`A new code was printed in the terminal.`)}catch{this.notice.set(`Couldn't ask for a new code. Try again.`)}finally{this.busy.set(!1),this.codeInput()?.nativeElement.focus()}}fail(e){this.error.update(t=>t===e?`${e} `:e),this.codeInput()?.nativeElement.focus()}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-auth-code`]],viewQuery:function(e,t){e&1&&Zg(t.codeInput,fse,5),e&2&&Qg()},inputs:{client:[1,`client`]},decls:24,vars:10,consts:[[`codeInput`,``],[`aria-labelledby`,`auth-code-title`,1,`pairing`],[`id`,`auth-code-title`],[3,`formRoot`],[`for`,`auth-code-input`],[1,`row`],[`id`,`auth-code-input`,`autocomplete`,`one-time-code`,`inputmode`,`numeric`,`spellcheck`,`false`,3,`formField`],[`type`,`submit`,1,`primary`,3,`disabled`],[`id`,`auth-code-error`,`role`,`alert`,1,`error`],[1,`more`],[`type`,`button`,3,`click`,`disabled`],[`role`,`status`,1,`notice`],[`target`,`_blank`,`rel`,`noopener noreferrer`,3,`href`],[1,`sr-only`]],template:function(e,t){e&1&&(I(0,`section`,1)(1,`h2`,2),K(2,`Enter the one-time code`),L(),I(3,`p`),K(4,` The devtools server asks for a one-time code before it shares data from your app. Find the 6-digit code in the terminal that runs the dev server. `),L(),I(5,`form`,3)(6,`label`,4),K(7,`One-time code`),L(),I(8,`div`,5),R(9,`input`,6,0),Gp(),I(11,`button`,7),K(12),L()()(),I(13,`p`,8),K(14),L(),I(15,`div`,9)(16,`button`,10),H(`click`,function(){return t.newCode()}),K(17,`Print a new code`),L(),I(18,`p`,11),K(19),L()(),I(20,`a`,12),K(21,`About the one-time code`),I(22,`span`,13),K(23,` (opens in a new tab)`),L()()()),e&2&&(O(5),F(`formRoot`,t.codeForm),O(4),F(`formField`,t.codeForm.code),A(`aria-invalid`,t.error()?!0:null)(`aria-describedby`,t.error()?`auth-code-error`:null),qp(),O(2),F(`disabled`,t.busy()),O(),J(` `,t.busy()?`Checking…`:`Connect`,` `),O(2),q(t.error()),O(2),F(`disabled`,t.busy()),O(3),q(t.notice()),O(),F(`href`,t.docsUrl,Au))},dependencies:[use,dse],styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -19750,7 +19922,7 @@ a[_ngcontent-%COMP%] {
 a[_ngcontent-%COMP%]:focus-visible {
   outline: 2px solid var(--%NS%accent);
   outline-offset: 2px;
-}`]})},Joe={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 Yoe(e,t){let n=Joe[t];return e&&n[e]||null}var Xoe=[`toggle`];function Zoe(e,t){e&1&&K(0,` Waiting for the devtools server. `)}function Qoe(e,t){e&1&&K(0,` Loading the current setting. `)}function $oe(e,t){e&1&&K(0,` This is a saved report, so there is no page to change. The switch works with a running dev server. `)}function ese(e,t){e&1&&(K(0,` This devtools server can't change it from the panel. Set `),z(1,`code`),K(2),B(),K(3,` in the devtools config. `)),e&2&&(O(2),Y(`agent: `,`{`,` browserTools: true `,`}`))}function tse(e,t){e&1&&j(0,$oe,1,0)(1,ese,4,2),e&2&&M(+!W().staticReport())}function nse(e,t){e&1&&K(0,` The devtools server didn't answer. `)}function rse(e,t){if(e&1&&(K(0,` Applies right away to every page connected to this dev server, with no reload. It lasts until the server restarts, then `),z(1,`code`),K(2,`agent.browserTools`),B(),K(3)),e&2){let e=W();O(3),J(` in the devtools config decides again (`,e.configLabel(),`). `)}}function ise(e,t){if(e&1){let e=V();z(0,`div`,8)(1,`span`),K(2),B(),z(3,`button`,10),U(`click`,function(){return w(e),T(W().retry())}),K(4,`Retry`),B()()}e&2&&(O(2),q(t))}function q9(e){if(!e||typeof e!=`object`)return null;let{enabled:t,config:n}=e;return typeof t==`boolean`?{enabled:t,config:n===!0}:null}var ase=class e{rpc=$(null);state=D(null);status=D(`connecting`);saving=D(!1);error=D(``);announcement=D(``);staticReport=X(()=>QT(this.rpc()));enabled=X(()=>this.state()?.enabled??!1);canChange=X(()=>this.status()===`ready`&&!this.staticReport());configLabel=X(()=>this.state()?.config?`on in this project`:`off in this project`);toggle=Ev(`toggle`);destroyRef=C(Ns);unsubscribe=null;attached=null;pending=null;constructor(){bc(()=>{let e=this.rpc();e&&e!==this.attached&&this.load(e)}),this.destroyRef.onDestroy(()=>this.unsubscribe?.())}async set(e){let t=this.rpc();if(!t||!this.canChange()||this.saving()){this.syncBox();return}this.saving.set(!0),this.error.set(``);try{let n=q9(await XT(t,`set-browser-tools`,{enabled:e}));if(!n)throw Error(`no answer`);this.pending=null,this.state.set(n),this.say(n.enabled?`Browser agent tools on. Connected pages register them.`:`Browser agent tools off. Connected pages unregister them.`)}catch{this.pending=e,this.error.set(`Couldn't turn the browser agent tools ${e?`on`:`off`}. Check that the dev server is running.`)}finally{this.saving.set(!1),this.syncBox()}}retry(){let e=this.rpc();if(e){if(this.status()===`ready`&&this.pending!==null){this.set(this.pending);return}this.error.set(``),this.load(e)}}async load(e){this.attached=e,this.pending=null,this.status.set(`loading`),this.error.set(``),this.unsubscribe?.(),this.unsubscribe=null;try{let t=await e.scope(`pangular`).rpc.sharedState(`browser-tools`);if(this.destroyRef.destroyed||this.attached!==e)return;let n=t=>{let n=q9(t);this.state.set(n),this.status.set(n&&!QT(e)?`ready`:`unsupported`)};n(t.value()),this.unsubscribe=t.on(`updated`,n)}catch{if(this.attached!==e)return;this.status.set(`failed`),this.error.set(`Couldn't read the browser agent tools setting.`)}}syncBox(){let e=this.toggle()?.nativeElement;e&&(e.checked=this.enabled())}say(e){this.announcement.update(t=>t===e?`${e} `:e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-browser-tools-setting`]],viewQuery:function(e,t){e&1&&Zg(t.toggle,Xoe,5),e&2&&Qg()},inputs:{rpc:[1,`rpc`]},decls:20,vars:7,consts:[[`toggle`,``],[`id`,`settings-browser-agents`],[`id`,`settings-browser-agents-hint`,1,`hint`],[1,`switch-row`],[`type`,`checkbox`,`role`,`switch`,`aria-describedby`,`settings-browser-agents-hint settings-browser-agents-status`,1,`switch`,3,`change`,`checked`,`disabled`],[1,`switch-label`],[`aria-hidden`,`true`,1,`state`],[`id`,`settings-browser-agents-status`,1,`hint`],[`role`,`alert`,1,`error`],[`role`,`status`,1,`sr-only`],[`type`,`button`,1,`action`,3,`click`]],template:function(e,t){if(e&1&&(z(0,`h2`,1),K(1,`Browser agents`),B(),z(2,`p`,2),K(3,` Registers the read-only agent tools on your app's page, so an agent that drives the browser finds them through WebMCP or Chrome DevTools for agents. Any script on the page can call them, so leave this off if the page loads scripts you don't trust. `),B(),z(4,`label`,3)(5,`input`,4,0),U(`change`,function(e){return t.set(e.target.checked)}),B(),z(7,`span`,5),K(8,`Browser agent tools`),B(),z(9,`span`,6),K(10),B()(),z(11,`p`,7),j(12,Zoe,1,0)(13,Qoe,1,0)(14,tse,2,1)(15,nse,1,0)(16,rse,4,1),B(),j(17,ise,5,1,`div`,8),z(18,`p`,9),K(19),B()),e&2){let e,n;O(5),Fg(`checked`,t.enabled())(`disabled`,!t.canChange()),A(`aria-busy`,t.saving()?`true`:null),O(5),q(t.enabled()?`On`:`Off`),O(2),M((e=t.status())===`connecting`?12:e===`loading`?13:e===`unsupported`?14:e===`failed`?15:16),O(5),M((n=t.error())?17:-1,n),O(2),q(t.announcement())}},styles:[`[_nghost-%COMP%] {
+}`]})},hse={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 gse(e,t){let n=hse[t];return e&&n[e]||null}var _se=[`toggle`];function vse(e,t){e&1&&K(0,` Waiting for the devtools server. `)}function yse(e,t){e&1&&K(0,` Loading the current setting. `)}function bse(e,t){e&1&&K(0,` This is a saved report, so there is no page to change. The switch works with a running dev server. `)}function xse(e,t){e&1&&(K(0,` This devtools server can't change it from the panel. Set `),z(1,`code`),K(2),B(),K(3,` in the devtools config. `)),e&2&&(O(2),Y(`agent: `,`{`,` browserTools: true `,`}`))}function Sse(e,t){e&1&&j(0,bse,1,0)(1,xse,4,2),e&2&&M(+!W().staticReport())}function Cse(e,t){e&1&&K(0,` The devtools server didn't answer. `)}function wse(e,t){if(e&1&&(K(0,` Applies right away to every page connected to this dev server, with no reload. It lasts until the server restarts, then `),z(1,`code`),K(2,`agent.browserTools`),B(),K(3)),e&2){let e=W();O(3),J(` in the devtools config decides again (`,e.configLabel(),`). `)}}function Tse(e,t){if(e&1){let e=V();z(0,`div`,8)(1,`span`),K(2),B(),z(3,`button`,10),U(`click`,function(){return w(e),T(W().retry())}),K(4,`Retry`),B()()}e&2&&(O(2),q(t))}function K9(e){if(!e||typeof e!=`object`)return null;let{enabled:t,config:n}=e;return typeof t==`boolean`?{enabled:t,config:n===!0}:null}var Ese=class e{rpc=$(null);state=D(null);status=D(`connecting`);saving=D(!1);error=D(``);announcement=D(``);staticReport=X(()=>tE(this.rpc()));enabled=X(()=>this.state()?.enabled??!1);canChange=X(()=>this.status()===`ready`&&!this.staticReport());configLabel=X(()=>this.state()?.config?`on in this project`:`off in this project`);toggle=Ev(`toggle`);destroyRef=C(js);unsubscribe=null;attached=null;pending=null;constructor(){vc(()=>{let e=this.rpc();e&&e!==this.attached&&this.load(e)}),this.destroyRef.onDestroy(()=>this.unsubscribe?.())}async set(e){let t=this.rpc();if(!t||!this.canChange()||this.saving()){this.syncBox();return}this.saving.set(!0),this.error.set(``);try{let n=K9(await $T(t,`set-browser-tools`,{enabled:e}));if(!n)throw Error(`no answer`);this.pending=null,this.state.set(n),this.say(n.enabled?`Browser agent tools on. Connected pages register them.`:`Browser agent tools off. Connected pages unregister them.`)}catch{this.pending=e,this.error.set(`Couldn't turn the browser agent tools ${e?`on`:`off`}. Check that the dev server is running.`)}finally{this.saving.set(!1),this.syncBox()}}retry(){let e=this.rpc();if(e){if(this.status()===`ready`&&this.pending!==null){this.set(this.pending);return}this.error.set(``),this.load(e)}}async load(e){this.attached=e,this.pending=null,this.status.set(`loading`),this.error.set(``),this.unsubscribe?.(),this.unsubscribe=null;try{let t=await e.scope(`pangular`).rpc.sharedState(`browser-tools`);if(this.destroyRef.destroyed||this.attached!==e)return;let n=t=>{let n=K9(t);this.state.set(n),this.status.set(n&&!tE(e)?`ready`:`unsupported`)};n(t.value()),this.unsubscribe=t.on(`updated`,n)}catch{if(this.attached!==e)return;this.status.set(`failed`),this.error.set(`Couldn't read the browser agent tools setting.`)}}syncBox(){let e=this.toggle()?.nativeElement;e&&(e.checked=this.enabled())}say(e){this.announcement.update(t=>t===e?`${e} `:e)}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-browser-tools-setting`]],viewQuery:function(e,t){e&1&&Zg(t.toggle,_se,5),e&2&&Qg()},inputs:{rpc:[1,`rpc`]},decls:20,vars:7,consts:[[`toggle`,``],[`id`,`settings-browser-agents`],[`id`,`settings-browser-agents-hint`,1,`hint`],[1,`switch-row`],[`type`,`checkbox`,`role`,`switch`,`aria-describedby`,`settings-browser-agents-hint settings-browser-agents-status`,1,`switch`,3,`change`,`checked`,`disabled`],[1,`switch-label`],[`aria-hidden`,`true`,1,`state`],[`id`,`settings-browser-agents-status`,1,`hint`],[`role`,`alert`,1,`error`],[`role`,`status`,1,`sr-only`],[`type`,`button`,1,`action`,3,`click`]],template:function(e,t){if(e&1&&(z(0,`h2`,1),K(1,`Browser agents`),B(),z(2,`p`,2),K(3,` Registers the read-only agent tools on your app's page, so an agent that drives the browser finds them through WebMCP or Chrome DevTools for agents. Any script on the page can call them, so leave this off if the page loads scripts you don't trust. `),B(),z(4,`label`,3)(5,`input`,4,0),U(`change`,function(e){return t.set(e.target.checked)}),B(),z(7,`span`,5),K(8,`Browser agent tools`),B(),z(9,`span`,6),K(10),B()(),z(11,`p`,7),j(12,vse,1,0)(13,yse,1,0)(14,Sse,2,1)(15,Cse,1,0)(16,wse,4,1),B(),j(17,Tse,5,1,`div`,8),z(18,`p`,9),K(19),B()),e&2){let e,n;O(5),Fg(`checked`,t.enabled())(`disabled`,!t.canChange()),A(`aria-busy`,t.saving()?`true`:null),O(5),q(t.enabled()?`On`:`Off`),O(2),M((e=t.status())===`connecting`?12:e===`loading`?13:e===`unsupported`?14:e===`failed`?15:16),O(5),M((n=t.error())?17:-1,n),O(2),q(t.announcement())}},styles:[`[_nghost-%COMP%] {
   display: block;
 }
 
@@ -19874,7 +20046,7 @@ code[_ngcontent-%COMP%] {
 .action[_ngcontent-%COMP%]:focus-visible {
   outline: 2px solid var(--%NS%accent);
   outline-offset: 2px;
-}`]})},ose=(e,t)=>t.value,sse=(e,t)=>t.id;function cse(e,t){if(e&1){let e=V();I(0,`label`,25)(1,`input`,26),H(`change`,function(){let t=w(e).$implicit;return T(W().theme.set(t.value))}),L(),I(2,`span`,27),K(3),L(),I(4,`span`,28),K(5),L()()}if(e&2){let e=t.$implicit,n=W();G(`checked`,n.theme()===e.value),O(),F(`value`,e.value)(`checked`,n.theme()===e.value),O(2),q(e.label),O(2),q(e.hint)}}function lse(e,t){e&1&&(I(0,`span`,32),K(1,`Pinned`),L())}function use(e,t){if(e&1){let e=V();I(0,`li`,29),H(`keydown`,function(t){let n=w(e).$implicit;return T(W().onRowKey(t,n.id))}),R(1,`app-tab-icon`,30),I(2,`span`,31),K(3),j(4,lse,2,0,`span`,32),L(),I(5,`button`,33),H(`click`,function(){let t=w(e).$implicit;return T(W().togglePinned(t.id))}),K(6,` Pin `),L(),I(7,`label`,34)(8,`input`,35),H(`change`,function(t){let n=w(e).$implicit;return T(W().setShown(n.id,t.target.checked))}),L(),I(9,`span`),K(10,`Shown`),L()(),I(11,`span`,36)(12,`button`,37),H(`click`,function(){let t=w(e).$implicit;return T(W().move(t.id,-1))}),E(),I(13,`svg`,38),R(14,`path`,39),L()(),Cs(),I(15,`button`,40),H(`click`,function(){let t=w(e).$implicit;return T(W().move(t.id,1))}),E(),I(16,`svg`,38),R(17,`path`,41),L()()()()}if(e&2){let e=t.$implicit,n=W();G(`hidden-tab`,n.isHidden(e.id)),A(`data-tab`,e.id),O(),F(`name`,e.id),O(2),J(` `,e.label,` `),O(),M(n.isPinned(e.id)?4:-1),O(),A(`aria-pressed`,n.isPinned(e.id))(`aria-label`,`Pin `+e.label),O(3),F(`checked`,!n.isHidden(e.id)),A(`aria-label`,e.label+` shown in the tab bar`),O(4),F(`disabled`,!n.canMove(e.id,-1)),A(`aria-label`,`Move `+e.label+` up`),O(3),F(`disabled`,!n.canMove(e.id,1)),A(`aria-label`,`Move `+e.label+` down`)}}function dse(e,t){e&1&&(K(0,` Press `),I(1,`kbd`),K(2),L(),K(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&&(O(2),q(t))}function fse(e,t){e&1&&(K(0,` The popup shortcut is turned off in the devtools config (`),I(1,`code`),K(2,`popup.hotkey`),L(),K(3,`), so the button always shows. `))}function pse(e,t){e&1&&(I(0,`kbd`),K(1),L()),e&2&&(O(),q(t))}function mse(e,t){e&1&&K(0,` Off `)}var hse=[{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`}],gse=class e{tabs=$([]);layout=wv(U5);theme=wv(`system`);passive=wv(!1);hotkey=$(!1);paletteShortcut=$(`Ctrl+K`);rpc=$(null);themes=hse;announcement=D(``);host=C(Wl);injector=C(js);ids=X(()=>this.tabs().map(e=>e.id));orderedTabs=X(()=>{let e=new Map(this.tabs().map(e=>[e.id,e]));return q5(this.ids(),this.layout()).map(t=>e.get(t))});isDefaultLayout=X(()=>{let{order:e,hidden:t,pinned:n}=this.layout(),r=q5(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 J5(this.ids(),this.layout(),e,t)!==this.layout()}move(e,t){let n=J5(this.ids(),this.layout(),e,t);if(n===this.layout())return;this.layout.set(n);let r=q5(this.ids(),n),i=this.label(e);this.say(`${i} moved to position ${r.indexOf(e)+1} of ${r.length}.`),dd(()=>{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(Lie(this.ids(),this.layout(),e,t)),this.say(t?`${this.label(e)} pinned.`:`${this.label(e)} unpinned.`)}setShown(e,t){this.layout.set(Iie(this.layout(),e,!t)),this.say(t?`${this.label(e)} shown.`:`${this.label(e)} hidden.`)}resetTabs(){this.layout.set(U5),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=k({type:e,selectors:[[`app-settings`]],inputs:{tabs:[1,`tabs`],layout:[1,`layout`],theme:[1,`theme`],passive:[1,`passive`],hotkey:[1,`hotkey`],paletteShortcut:[1,`paletteShortcut`],rpc:[1,`rpc`]},outputs:{layout:`layoutChange`,theme:`themeChange`,passive:`passiveChange`},decls:67,vars:8,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-browser-agents`,1,`card`],[3,`rpc`],[`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&&(I(0,`p`,0),K(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. Browser agents is the exception: the dev server keeps it for every page and panel. `),L(),I(2,`section`,1)(3,`h2`,2),K(4,`Theme`),L(),I(5,`div`,3),N(6,cse,6,6,`label`,4,ose),L()(),I(8,`section`,5)(9,`div`,6)(10,`h2`,7),K(11,`Tabs`),L(),I(12,`button`,8),H(`click`,function(){return t.resetTabs()}),K(13,` Reset tabs `),L()(),I(14,`p`,9),K(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 `),I(16,`kbd`),K(17,`Alt`),L(),K(18,` with `),I(19,`kbd`),K(20,`↑`),L(),K(21,` and `),I(22,`kbd`),K(23,`↓`),L(),K(24,` on a row, to change the order. `),L(),I(25,`ol`,10),N(26,use,18,14,`li`,11,sse),L()(),I(28,`section`,12)(29,`h2`,13),K(30,`Popup on the page`),L(),I(31,`label`,14)(32,`input`,15),H(`change`,function(e){return t.passive.set(e.target.checked)}),L(),I(33,`span`),K(34,`Passive mode: hide the floating button until the shortcut is pressed`),L()(),I(35,`p`,16),j(36,dse,4,1)(37,fse,4,0),L()(),I(38,`section`,17),R(39,`app-browser-tools-setting`,18),L(),I(40,`section`,19)(41,`h2`,20),K(42,`Keyboard shortcuts`),L(),I(43,`table`,21)(44,`caption`,22),K(45,` Keyboard shortcuts `),L(),I(46,`thead`)(47,`tr`)(48,`th`,23),K(49,`Shortcut`),L(),I(50,`th`,23),K(51,`Action`),L()()(),I(52,`tbody`)(53,`tr`)(54,`td`)(55,`kbd`),K(56),L()(),I(57,`td`),K(58,`Open the command palette in the panel`),L()(),I(59,`tr`)(60,`td`),j(61,pse,2,1,`kbd`)(62,mse,1,0),L(),I(63,`td`),K(64,`Open or close the popup on your app's page`),L()()()()(),I(65,`p`,24),K(66),L()),e&2){let e,n;O(6),P(t.themes),O(6),F(`disabled`,t.isDefaultLayout()),O(14),P(t.orderedTabs()),O(6),F(`checked`,t.passive())(`disabled`,t.hotkey()===!1),O(4),M((e=t.hotkey())?36:37,e),O(3),F(`rpc`,t.rpc()),O(17),q(t.paletteShortcut()),O(5),M((n=t.hotkey())?61:62,n),O(5),q(t.announcement())}},dependencies:[ase,LE],styles:[`[_nghost-%COMP%] {
+}`]})},Dse=(e,t)=>t.value,Ose=(e,t)=>t.id;function kse(e,t){if(e&1){let e=V();I(0,`label`,25)(1,`input`,26),H(`change`,function(){let t=w(e).$implicit;return T(W().theme.set(t.value))}),L(),I(2,`span`,27),K(3),L(),I(4,`span`,28),K(5),L()()}if(e&2){let e=t.$implicit,n=W();G(`checked`,n.theme()===e.value),O(),F(`value`,e.value)(`checked`,n.theme()===e.value),O(2),q(e.label),O(2),q(e.hint)}}function Ase(e,t){e&1&&(I(0,`span`,32),K(1,`Pinned`),L())}function jse(e,t){if(e&1){let e=V();I(0,`li`,29),H(`keydown`,function(t){let n=w(e).$implicit;return T(W().onRowKey(t,n.id))}),R(1,`app-tab-icon`,30),I(2,`span`,31),K(3),j(4,Ase,2,0,`span`,32),L(),I(5,`button`,33),H(`click`,function(){let t=w(e).$implicit;return T(W().togglePinned(t.id))}),K(6,` Pin `),L(),I(7,`label`,34)(8,`input`,35),H(`change`,function(t){let n=w(e).$implicit;return T(W().setShown(n.id,t.target.checked))}),L(),I(9,`span`),K(10,`Shown`),L()(),I(11,`span`,36)(12,`button`,37),H(`click`,function(){let t=w(e).$implicit;return T(W().move(t.id,-1))}),E(),I(13,`svg`,38),R(14,`path`,39),L()(),xs(),I(15,`button`,40),H(`click`,function(){let t=w(e).$implicit;return T(W().move(t.id,1))}),E(),I(16,`svg`,38),R(17,`path`,41),L()()()()}if(e&2){let e=t.$implicit,n=W();G(`hidden-tab`,n.isHidden(e.id)),A(`data-tab`,e.id),O(),F(`name`,e.id),O(2),J(` `,e.label,` `),O(),M(n.isPinned(e.id)?4:-1),O(),A(`aria-pressed`,n.isPinned(e.id))(`aria-label`,`Pin `+e.label),O(3),F(`checked`,!n.isHidden(e.id)),A(`aria-label`,e.label+` shown in the tab bar`),O(4),F(`disabled`,!n.canMove(e.id,-1)),A(`aria-label`,`Move `+e.label+` up`),O(3),F(`disabled`,!n.canMove(e.id,1)),A(`aria-label`,`Move `+e.label+` down`)}}function Mse(e,t){e&1&&(K(0,` Press `),I(1,`kbd`),K(2),L(),K(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&&(O(2),q(t))}function Nse(e,t){e&1&&(K(0,` The popup shortcut is turned off in the devtools config (`),I(1,`code`),K(2,`popup.hotkey`),L(),K(3,`), so the button always shows. `))}function Pse(e,t){e&1&&(I(0,`kbd`),K(1),L()),e&2&&(O(),q(t))}function Fse(e,t){e&1&&K(0,` Off `)}var Ise=[{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`}],Lse=class e{tabs=$([]);layout=wv(U5);theme=wv(`system`);passive=wv(!1);hotkey=$(!1);paletteShortcut=$(`Ctrl+K`);rpc=$(null);themes=Ise;announcement=D(``);host=C(Hl);injector=C(ks);ids=X(()=>this.tabs().map(e=>e.id));orderedTabs=X(()=>{let e=new Map(this.tabs().map(e=>[e.id,e]));return q5(this.ids(),this.layout()).map(t=>e.get(t))});isDefaultLayout=X(()=>{let{order:e,hidden:t,pinned:n}=this.layout(),r=q5(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 J5(this.ids(),this.layout(),e,t)!==this.layout()}move(e,t){let n=J5(this.ids(),this.layout(),e,t);if(n===this.layout())return;this.layout.set(n);let r=q5(this.ids(),n),i=this.label(e);this.say(`${i} moved to position ${r.indexOf(e)+1} of ${r.length}.`),dd(()=>{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(rae(this.ids(),this.layout(),e,t)),this.say(t?`${this.label(e)} pinned.`:`${this.label(e)} unpinned.`)}setShown(e,t){this.layout.set(nae(this.layout(),e,!t)),this.say(t?`${this.label(e)} shown.`:`${this.label(e)} hidden.`)}resetTabs(){this.layout.set(U5),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=k({type:e,selectors:[[`app-settings`]],inputs:{tabs:[1,`tabs`],layout:[1,`layout`],theme:[1,`theme`],passive:[1,`passive`],hotkey:[1,`hotkey`],paletteShortcut:[1,`paletteShortcut`],rpc:[1,`rpc`]},outputs:{layout:`layoutChange`,theme:`themeChange`,passive:`passiveChange`},decls:67,vars:8,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-browser-agents`,1,`card`],[3,`rpc`],[`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&&(I(0,`p`,0),K(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. Browser agents is the exception: the dev server keeps it for every page and panel. `),L(),I(2,`section`,1)(3,`h2`,2),K(4,`Theme`),L(),I(5,`div`,3),N(6,kse,6,6,`label`,4,Dse),L()(),I(8,`section`,5)(9,`div`,6)(10,`h2`,7),K(11,`Tabs`),L(),I(12,`button`,8),H(`click`,function(){return t.resetTabs()}),K(13,` Reset tabs `),L()(),I(14,`p`,9),K(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 `),I(16,`kbd`),K(17,`Alt`),L(),K(18,` with `),I(19,`kbd`),K(20,`↑`),L(),K(21,` and `),I(22,`kbd`),K(23,`↓`),L(),K(24,` on a row, to change the order. `),L(),I(25,`ol`,10),N(26,jse,18,14,`li`,11,Ose),L()(),I(28,`section`,12)(29,`h2`,13),K(30,`Popup on the page`),L(),I(31,`label`,14)(32,`input`,15),H(`change`,function(e){return t.passive.set(e.target.checked)}),L(),I(33,`span`),K(34,`Passive mode: hide the floating button until the shortcut is pressed`),L()(),I(35,`p`,16),j(36,Mse,4,1)(37,Nse,4,0),L()(),I(38,`section`,17),R(39,`app-browser-tools-setting`,18),L(),I(40,`section`,19)(41,`h2`,20),K(42,`Keyboard shortcuts`),L(),I(43,`table`,21)(44,`caption`,22),K(45,` Keyboard shortcuts `),L(),I(46,`thead`)(47,`tr`)(48,`th`,23),K(49,`Shortcut`),L(),I(50,`th`,23),K(51,`Action`),L()()(),I(52,`tbody`)(53,`tr`)(54,`td`)(55,`kbd`),K(56),L()(),I(57,`td`),K(58,`Open the command palette in the panel`),L()(),I(59,`tr`)(60,`td`),j(61,Pse,2,1,`kbd`)(62,Fse,1,0),L(),I(63,`td`),K(64,`Open or close the popup on your app's page`),L()()()()(),I(65,`p`,24),K(66),L()),e&2){let e,n;O(6),P(t.themes),O(6),F(`disabled`,t.isDefaultLayout()),O(14),P(t.orderedTabs()),O(6),F(`checked`,t.passive())(`disabled`,t.hotkey()===!1),O(4),M((e=t.hotkey())?36:37,e),O(3),F(`rpc`,t.rpc()),O(17),q(t.paletteShortcut()),O(5),M((n=t.hotkey())?61:62,n),O(5),q(t.announcement())}},dependencies:[Ese,BE],styles:[`[_nghost-%COMP%] {
   display: block;
   max-width: 760px;
 }
@@ -20134,7 +20306,7 @@ code[_ngcontent-%COMP%] {
   padding: 8px;
   border-top: 1px solid var(--%NS%border);
   color: var(--%NS%text);
-}`]})};function J9(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 _se(e,t){let n=t.trim();return n?e.map((e,t)=>{let r=J9(e.title,n),i=J9(`${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 vse=[`input`],yse=(e,t)=>t.id;function bse(e,t){if(e&1&&(z(0,`kbd`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.shortcut)}}function xse(e,t){if(e&1){let e=V();z(0,`li`,14),U(`pointermove`,function(){let t=w(e).$index;return T(W(2).active.set(t))})(`click`,function(){let t=w(e).$implicit;return T(W(2).run(t))}),z(1,`span`,15),K(2),B(),j(3,bse,2,1,`kbd`),z(4,`span`,16),K(5),B()()}if(e&2){let e=t.$implicit,n=t.$index,r=W(2);G(`active`,n===r.active()),A(`id`,r.uid+`-opt-`+n)(`aria-selected`,n===r.active()),O(2),q(e.title),O(),M(e.shortcut?3:-1),O(2),q(e.group)}}function Sse(e,t){if(e&1&&(z(0,`p`,11),K(1),B()),e&2){let e=W(2);O(),J(`No commands match “`,e.query().trim(),`”.`)}}function Cse(e,t){if(e&1){let e=V();z(0,`div`,1),U(`pointerdown`,function(){return w(e),T(W().close())}),B(),z(1,`div`,2),U(`keydown`,function(t){return w(e),T(W().onKey(t))}),z(2,`h2`,3),K(3,`Command palette`),B(),z(4,`div`,4),E(),z(5,`svg`,5),kg(6,`circle`,6)(7,`path`,7),B(),Cs(),z(8,`input`,8,0),U(`input`,function(t){return w(e),T(W().query.set(t.target.value))}),B()(),z(10,`ul`,9),U(`pointerdown`,function(e){return e.preventDefault()}),N(11,xse,6,7,`li`,10,yse),B(),j(13,Sse,2,1,`p`,11),z(14,`p`,12)(15,`kbd`),K(16,`↑`),B(),z(17,`kbd`),K(18,`↓`),B(),K(19,` to move, `),z(20,`kbd`),K(21,`Enter`),B(),K(22,` to run, `),z(23,`kbd`),K(24,`Esc`),B(),K(25,` to close `),B(),z(26,`p`,13),K(27),B()()}if(e&2){let e=W();O(),A(`aria-labelledby`,e.uid+`-title`),O(),A(`id`,e.uid+`-title`),O(6),Fg(`value`,e.query()),A(`aria-controls`,e.uid+`-list`)(`aria-activedescendant`,e.activeId())(`aria-describedby`,e.uid+`-help`),O(2),Fg(`hidden`,!e.results().length),A(`id`,e.uid+`-list`),O(),P(e.results()),O(2),M(e.results().length?-1:13),O(),A(`id`,e.uid+`-help`),O(13),q(e.status())}}var wse=0,Tse=class e{commands=$([]);open=wv(!1);picked=yv();uid=`cp${wse++}`;query=D(``);results=X(()=>_se(this.commands(),this.query()));active=Q(()=>this.results().length?0:-1);activeId=X(()=>this.active()>=0?`${this.uid}-opt-${this.active()}`:null);status=X(()=>{let e=this.results().length;return e?`${e} ${e===1?`command`:`commands`}.`:`No commands match.`});input=Ev(`input`);injector=C(js);returnFocus=null;constructor(){bc(()=>{this.open()&&Z(()=>{let e=document.activeElement;this.returnFocus=e instanceof HTMLElement&&e!==document.body?e:null,this.query.set(``),dd(()=>this.input()?.nativeElement.focus(),{injector:this.injector})})})}close(e){if(!this.open())return;this.open.set(!1);let t=this.returnFocus;this.returnFocus=null,dd(()=>{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(){dd(()=>{let e=this.activeId();e&&document.getElementById(e)?.scrollIntoView?.({block:`nearest`})},{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-command-palette`]],viewQuery:function(e,t){e&1&&Zg(t.input,vse,5),e&2&&Qg()},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&&j(0,Cse,28,11),e&2&&M(t.open()?0:-1)},styles:[`.backdrop[_ngcontent-%COMP%] {
+}`]})};function q9(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 Rse(e,t){let n=t.trim();return n?e.map((e,t)=>{let r=q9(e.title,n),i=q9(`${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 zse=[`input`],Bse=(e,t)=>t.id;function Vse(e,t){if(e&1&&(z(0,`kbd`),K(1),B()),e&2){let e=W().$implicit;O(),q(e.shortcut)}}function Hse(e,t){if(e&1){let e=V();z(0,`li`,14),U(`pointermove`,function(){let t=w(e).$index;return T(W(2).active.set(t))})(`click`,function(){let t=w(e).$implicit;return T(W(2).run(t))}),z(1,`span`,15),K(2),B(),j(3,Vse,2,1,`kbd`),z(4,`span`,16),K(5),B()()}if(e&2){let e=t.$implicit,n=t.$index,r=W(2);G(`active`,n===r.active()),A(`id`,r.uid+`-opt-`+n)(`aria-selected`,n===r.active()),O(2),q(e.title),O(),M(e.shortcut?3:-1),O(2),q(e.group)}}function Use(e,t){if(e&1&&(z(0,`p`,11),K(1),B()),e&2){let e=W(2);O(),J(`No commands match “`,e.query().trim(),`”.`)}}function Wse(e,t){if(e&1){let e=V();z(0,`div`,1),U(`pointerdown`,function(){return w(e),T(W().close())}),B(),z(1,`div`,2),U(`keydown`,function(t){return w(e),T(W().onKey(t))}),z(2,`h2`,3),K(3,`Command palette`),B(),z(4,`div`,4),E(),z(5,`svg`,5),kg(6,`circle`,6)(7,`path`,7),B(),xs(),z(8,`input`,8,0),U(`input`,function(t){return w(e),T(W().query.set(t.target.value))}),B()(),z(10,`ul`,9),U(`pointerdown`,function(e){return e.preventDefault()}),N(11,Hse,6,7,`li`,10,Bse),B(),j(13,Use,2,1,`p`,11),z(14,`p`,12)(15,`kbd`),K(16,`↑`),B(),z(17,`kbd`),K(18,`↓`),B(),K(19,` to move, `),z(20,`kbd`),K(21,`Enter`),B(),K(22,` to run, `),z(23,`kbd`),K(24,`Esc`),B(),K(25,` to close `),B(),z(26,`p`,13),K(27),B()()}if(e&2){let e=W();O(),A(`aria-labelledby`,e.uid+`-title`),O(),A(`id`,e.uid+`-title`),O(6),Fg(`value`,e.query()),A(`aria-controls`,e.uid+`-list`)(`aria-activedescendant`,e.activeId())(`aria-describedby`,e.uid+`-help`),O(2),Fg(`hidden`,!e.results().length),A(`id`,e.uid+`-list`),O(),P(e.results()),O(2),M(e.results().length?-1:13),O(),A(`id`,e.uid+`-help`),O(13),q(e.status())}}var Gse=0,Kse=class e{commands=$([]);open=wv(!1);picked=yv();uid=`cp${Gse++}`;query=D(``);results=X(()=>Rse(this.commands(),this.query()));active=Q(()=>this.results().length?0:-1);activeId=X(()=>this.active()>=0?`${this.uid}-opt-${this.active()}`:null);status=X(()=>{let e=this.results().length;return e?`${e} ${e===1?`command`:`commands`}.`:`No commands match.`});input=Ev(`input`);injector=C(ks);returnFocus=null;constructor(){vc(()=>{this.open()&&Z(()=>{let e=document.activeElement;this.returnFocus=e instanceof HTMLElement&&e!==document.body?e:null,this.query.set(``),dd(()=>this.input()?.nativeElement.focus(),{injector:this.injector})})})}close(e){if(!this.open())return;this.open.set(!1);let t=this.returnFocus;this.returnFocus=null,dd(()=>{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(){dd(()=>{let e=this.activeId();e&&document.getElementById(e)?.scrollIntoView?.({block:`nearest`})},{injector:this.injector})}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-command-palette`]],viewQuery:function(e,t){e&1&&Zg(t.input,zse,5),e&2&&Qg()},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&&j(0,Wse,28,11),e&2&&M(t.open()?0:-1)},styles:[`.backdrop[_ngcontent-%COMP%] {
   position: fixed;
   inset: 0;
   z-index: 100;
@@ -20275,7 +20447,7 @@ kbd[_ngcontent-%COMP%] {
    .help[_ngcontent-%COMP%] {
     display: none;
   }
-}`]})},Ese=[`nav`],Dse=[`main`],Ose=e=>[e],kse=(e,t)=>t.id;function Ase(e,t){e&1&&(E(),I(0,`svg`,4),R(1,`path`,32),L())}function jse(e,t){e&1&&(E(),I(0,`svg`,4),R(1,`path`,33)(2,`path`,34)(3,`path`,35)(4,`path`,36)(5,`path`,37)(6,`path`,38),L())}function Mse(e,t){e&1&&(E(),I(0,`svg`,5)(1,`defs`)(2,`linearGradient`,39),R(3,`stop`,40)(4,`stop`,41),L()(),R(5,`path`,42),I(6,`g`,43),R(7,`path`,44)(8,`path`,45)(9,`path`,46)(10,`path`,47),L()())}function Nse(e,t){e&1&&(E(),I(0,`svg`,6),R(1,`path`,48)(2,`path`,49)(3,`path`,50)(4,`path`,51),L())}function Pse(e,t){e&1&&(E(),I(0,`svg`,7),R(1,`path`,52),L())}function Fse(e,t){e&1&&(E(),I(0,`svg`,8)(1,`defs`)(2,`linearGradient`,53),R(3,`stop`,54)(4,`stop`,55)(5,`stop`,56)(6,`stop`,57)(7,`stop`,58)(8,`stop`,59),L()(),R(9,`path`,60),L())}function Ise(e,t){e&1&&(E(),I(0,`svg`,9),R(1,`rect`,61),I(2,`g`,62)(3,`defs`)(4,`mask`,63),R(5,`rect`,64),I(6,`g`,65),R(7,`path`,66)(8,`path`,67),L()(),I(9,`clipPath`,68),R(10,`rect`,69),L()(),I(11,`g`,70),R(12,`ellipse`,71),L(),I(13,`g`,72),R(14,`path`,73)(15,`path`,74),L(),I(16,`g`,70),R(17,`ellipse`,75)(18,`ellipse`,76),I(19,`g`,77),R(20,`line`,78)(21,`circle`,79)(22,`line`,80)(23,`circle`,81),L()()()())}function Lse(e,t){if(e&1){let e=V();I(0,`button`,83),H(`click`,function(){let t=w(e).$implicit;return T(W(2).switchTab(t.id))}),R(1,`app-tab-icon`,84),I(2,`span`),K(3),L()()}if(e&2){let e=t.$implicit,n=W(2);G(`active`,n.tab()===e.id),A(`aria-current`,n.tab()===e.id?`page`:null)(`tabindex`,n.rovingTab()===e.id?0:-1),O(),F(`name`,e.id),O(2),q(e.label)}}function Rse(e,t){if(e&1&&(I(0,`div`,12),N(1,Lse,4,6,`button`,82,kse),L()),e&2){let e=W();O(),P(e.tabs())}}function zse(e,t){if(e&1){let e=V();I(0,`a`,85),H(`click`,function(t){let n=w(e);return T(W().openFullPanel(t,n.tab))}),E(),I(1,`svg`,86),R(2,`rect`,87)(3,`rect`,88)(4,`rect`,89)(5,`rect`,90),L(),K(6,` Open full panel `),L()}e&2&&F(`href`,t.href,Au)}function Bse(e,t){if(e&1){let e=V();I(0,`app-settings`,91),H(`layoutChange`,function(t){return w(e),T(W().setTabLayout(t))})(`themeChange`,function(t){return w(e),T(W().setTheme(t))})(`passiveChange`,function(t){return w(e),T(W().setPassive(t))}),L()}if(e&2){let e=W();F(`tabs`,e.settingsTabs())(`layout`,e.tabLayout())(`theme`,e.themePreference())(`passive`,e.passive())(`hotkey`,e.popupHotkey())(`paletteShortcut`,e.paletteShortcut)(`rpc`,e.rpc())}}function Vse(e,t){e&1&&R(0,`app-auth-code`,26),e&2&&F(`client`,t)}function Hse(e,t){if(e&1){let e=V();I(0,`div`,27)(1,`p`),K(2,` Can't reach the devtools server. Check that the dev server is running. The panel keeps trying to connect. `),L(),I(3,`button`,83),H(`click`,function(){return w(e),T(W().retryConnection())}),K(4,`Retry now`),L()()}}function Use(e,t){e&1&&(I(0,`p`,28),K(1,`Connecting to the devtools server…`),L())}function Wse(e,t){e&1&&R(0,`app-coming-soon`,29),e&2&&F(`info`,t)}function Gse(e,t){e&1&&(I(0,`p`,28),K(1,`Looking for an Angular Native app…`),L())}function Kse(e,t){e&1&&(K(0,` To turn it on, set `),I(1,`code`),K(2),L(),K(3,` in the devtools options. `)),e&2&&(O(2),q(t))}function qse(e,t){if(e&1&&(I(0,`p`,30),K(1,` This inspector is turned off in the devtools config (`),I(2,`code`),K(3,`inspectors`),L(),K(4,`). `),j(5,Kse,4,1),I(6,`a`,92),K(7,`About inspectors`),I(8,`span`,93),K(9,` (opens in a new tab)`),L()()()),e&2){let e,t=W();O(5),M((e=t.turnOnSnippet())?5:-1,e),O(),F(`href`,t.inspectorsDocsUrl,Au)}}function Jse(e,t){if(e&1){let e=V();I(0,`app-dashboard`,100),H(`navigate`,function(t){return w(e),T(W(3).switchTab(t))}),L()}e&2&&F(`rpc`,W(3).rpc())}function Yse(e,t){if(e&1){let e=V();I(0,`app-timeline`,101),H(`open`,function(t){return w(e),T(W(3).openLink(t))}),L()}e&2&&F(`rpc`,W(3).rpc())}function Xse(e,t){if(e&1){let e=V();I(0,`app-audit-inspector`,102),H(`showComponent`,function(t){return w(e),T(W(3).showComponent(t))}),L()}if(e&2){let e=W(3);F(`rpc`,e.rpc())(`canShowComponent`,e.config().inspectors.components)}}function Zse(e,t){if(e&1){let e=V();I(0,`app-component-tree`,103),H(`focusHandled`,function(){return w(e),T(W(3).componentFocus.set(null))})(`commandHandled`,function(){return w(e),T(W(3).componentCommand.set(null))})(`showForm`,function(t){return w(e),T(W(3).showForm(t))})(`showInjector`,function(t){return w(e),T(W(3).showInjector(t))}),L()}if(e&2){let e=W(3);F(`rpc`,e.rpc())(`focus`,e.componentFocus())(`command`,e.componentCommand())(`canShowInjector`,e.config().inspectors.injectors)}}function Qse(e,t){if(e&1){let e=V();I(0,`app-route-inspector`,104),H(`showComponent`,function(t){return w(e),T(W(3).showComponent(t))}),L()}e&2&&F(`rpc`,W(3).rpc())}function $se(e,t){e&1&&R(0,`app-signal-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function ece(e,t){if(e&1){let e=V();I(0,`app-di-inspector`,105),H(`focusHandled`,function(){return w(e),T(W(3).injectorFocus.set(null))})(`showComponent`,function(t){return w(e),T(W(3).showComponent(t))}),L()}if(e&2){let e=W(3);F(`rpc`,e.rpc())(`focus`,e.injectorFocus())(`canShowComponent`,e.config().inspectors.components)}}function tce(e,t){e&1&&R(0,`app-store-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function nce(e,t){e&1&&R(0,`app-query-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function rce(e,t){e&1&&R(0,`app-network-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function ice(e,t){if(e&1){let e=V();I(0,`app-forms-inspector`,106),H(`focusHandled`,function(){return w(e),T(W(3).formFocus.set(null))}),L()}if(e&2){let e=W(3);F(`rpc`,e.rpc())(`focus`,e.formFocus())}}function ace(e,t){e&1&&R(0,`app-pipes-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function oce(e,t){e&1&&R(0,`app-analog-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function sce(e,t){e&1&&R(0,`app-capacitor-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function cce(e,t){e&1&&R(0,`app-plugins-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function lce(e,t){if(e&1){let e=V();I(0,`app-errors-inspector`,107),H(`showComponent`,function(t){return w(e),T(W(3).showComponent(t))}),L()}if(e&2){let e=W(3);F(`rpc`,e.rpc())(`canShowComponent`,e.config().inspectors.components)(`canExplainInjection`,e.config().inspectors.injectors)}}function uce(e,t){if(e&1&&j(0,Jse,1,1,`app-dashboard`,94)(1,Yse,1,1,`app-timeline`,94)(2,Xse,1,2,`app-audit-inspector`,95)(3,Zse,1,4,`app-component-tree`,96)(4,Qse,1,1,`app-route-inspector`,94)(5,$se,1,1,`app-signal-inspector`,94)(6,ece,1,3,`app-di-inspector`,97)(7,tce,1,1,`app-store-inspector`,94)(8,nce,1,1,`app-query-inspector`,94)(9,rce,1,1,`app-network-inspector`,94)(10,ice,1,2,`app-forms-inspector`,98)(11,ace,1,1,`app-pipes-inspector`,94)(12,oce,1,1,`app-analog-inspector`,94)(13,sce,1,1,`app-capacitor-inspector`,94)(14,cce,1,1,`app-plugins-inspector`,94)(15,lce,1,3,`app-errors-inspector`,99),e&2){let e;M((e=W(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===`queries`?8:e===`network`?9:e===`forms`?10:e===`pipes`?11:e===`analog`?12:e===`capacitor`?13:e===`plugins`?14:e===`errors`?15:-1)}}function dce(e,t){e&1&&N(0,uce,16,1,null,null,vg),e&2&&P(rv(0,Ose,W().scopeKey()))}var Y9=`all`,fce=[Y9,...Gw],pce={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},X9={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},Z9={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},Q9={"angular-native":[`components`,`signals`,`injectors`,`store`,`queries`,`pipes`,`errors`]},mce={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/`}},hce={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/`}},gce={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`}},_ce={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/`}},$9=[1e3,2e3,5e3,1e4];function vce(){let e=new URLSearchParams(location.search).get(`view`);return Gw.find(t=>t===e)??null}rb(class e{analog=D(!1);allTabs=oT.map(({id:e,label:t})=>({id:e,label:t}));view=D(vce());viewAccent=X(()=>Yoe(this.view(),this.themeService.current()));title=X(()=>{let e=this.view();return e?pce[e]:`Pangular Inspector`});mainLabel=X(()=>this.tab()===`settings`?`Settings`:this.availableTabs().find(e=>e.id===this.tab())?.label??this.title());analogKnown=D(!1);capacitorReporting=D(!1);pluginsReporting=D(!1);capacitorKnown=D(!1);nativePageId=D(null);nativeKnown=D(!1);scopeKey=X(()=>this.view()===`angular-native`?this.nativePageId()??``:``);comingSoon=X(()=>{let e=this.view();if(e===`analog`)return this.analogKnown()&&!this.analog()?gce:void 0;if(e===`nativescript`)return mce;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?hce:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?_ce:void 0});config=X(()=>fE(this.rpc()));tabEnabled=yE;inspectorsDocsUrl=vE;turnOnSnippet=X(()=>{let e=_E(this.tab());return e?`inspectors: {${e}: true}`:null});availableTabs=X(()=>{if(this.comingSoon())return[];let e=this.view(),t=e?X9[e]:void 0,n=this.allTabs.filter(e=>yE(e.id,this.config()));if(t)return n.filter(e=>e.id===t);let r=e?Q9[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())&&(t.id!==`plugins`||this.pluginsReporting())&&!(e===`angular`&&Z9[t.id]))});tabLayout=D(jie());tabs=X(()=>{let e=this.tab(),t=Fie(this.availableTabs(),this.tabLayout(),e);return this.rpc()?t:t.filter(t=>t.id===`dashboard`||t.id===e)});settingsTabs=X(()=>this.availableTabs());rovingTab=X(()=>{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=X(()=>{let e=this.view();if(!e||location.protocol===`chrome-extension:`)return null;let t=this.comingSoon()?`dashboard`:X9[e]??this.tab();return{tab:t,href:qie(location.href,t)}});tab=Q(()=>{let e=this.view();return e&&(X9[e]??Q9[e]?.[0])||`dashboard`});rpc=D(null);openedDock=D(null);connected=D(!1);connectionFailed=D(!1);pairing=D(null);connectedNote=D(``);hiddenPages=D([]);pageId=GT();backgroundNote=X(()=>{let e=this.hiddenPages();return this.pageId?e.includes(this.pageId)?`Page in background, showing the last data.`:``:e.length?e.length===1?`A page is in the background, showing its last data.`:`${e.length} pages are in the background, showing their last data.`:``});stopVisibility=()=>{};stopNative=()=>{};stopCapacitor=()=>{};stopPlugins=()=>{};stopFollowing=()=>{};stopHighlights=()=>{};nav=Ev(`nav`);main=Ev(`main`);injector=C(js);themeService=C(Vie);navObserver;navFade=D({start:!1,end:!1});constructor(){C(Oj).use(this.rpc),dd(()=>{let e=this.nav()?.nativeElement;e&&typeof ResizeObserver<`u`&&(this.navObserver=new ResizeObserver(()=>this.measureNav()),this.navObserver.observe(e))}),Nv(()=>{this.tab(),this.tabs(),Z(()=>{this.revealActiveTab(),this.measureNav()})}),bc(()=>{let e=this.openedDock(),t=this.rpc();e&&t&&Z(()=>void ZT(t,`hub-dock-seen`,Kw(e.dock)))}),bc(()=>{let e=this.themeService.current();Z(()=>{try{window.parent!==window&&V5(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=e7(fce,e=>{this.openedDock.set({dock:e}),e===Y9?this.showFullPanel():this.showView(e)});let e=i7(location.hash,a7(this.tabScope()),[...this.availableTabs().map(e=>e.id),`settings`]);e?(this.tab.set(e),this.restoreLinkItem()):!this.view()&&i7(location.hash,a7(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&i7(location.hash,a7(this.tabScope()),[`analog`])===`analog`&&(this.restoreAnalog=!0),this.stopHighlights=$T(()=>this.rpc()),this.connect()}connecting=!1;pendingClient=null;retries=0;retryTimer;connect(){if(this.connecting||this.pendingClient||this.rpc()||this.pairing())return;this.connecting=!0,clearTimeout(this.retryTimer);let e=Qie();this.dropped&&eE();let t=rae(e);Uw({...e?{baseURL:e}:{},...t.token?{authToken:t.token}:{},cacheOptions:YT(),simpleAuth:!1}).then(e=>{if(this.connecting=!1,this.destroyed){e.close?.();return}this.pendingClient=e;let n=n=>{if(e===this.pendingClient||e===this.rpc()||e===this.pairing()){if(this.pendingClient===e&&n!==`connecting`&&(this.pendingClient=null),n===`connected`){let n=this.pairing()===e;this.pairing.set(null),setTimeout(()=>t.remember(e.connection?.authToken)),this.ready(e),this.connected.set(this.rpc()===e),n&&(this.connectedNote.update(e=>e===`Connected.`?`Connected.\xA0`:`Connected.`),this.focusCurrentTab())}else n===`unauthorized`?(this.connected.set(!1),this.rpc()===e&&this.rpc.set(null),this.pairing.set(e)):(n===`disconnected`||n===`error`)&&(this.connected.set(!1),this.rpc()===e&&this.rpc.set(null),this.pairing()===e&&this.pairing.set(null),e.close?.(),this.retryLater())}};e.events.on(`connection:status`,n),e.status!==`connecting`&&n(e.status)},()=>{this.connecting=!1,!this.destroyed&&(this.analogKnown.set(!0),this.nativeKnown.set(!0),this.retryLater())})}ready(e){this.rpc()===e||this.destroyed||(this.retries=0,this.connectionFailed.set(!1),this.refocusOnConnect&&this.focusCurrentTab(),this.refocusOnConnect=!1,this.rpc.set(e),this.listenForServer(e),this.watchVisibility(e),this.watchAngularNative(e),this.watchCapacitor(e),this.watchPlugins(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&&yE(`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`)}))}dropped=!1;retryLater(){if(this.destroyed)return;this.dropped=!0,this.connectionFailed.set(!0);let e=$9[Math.min(this.retries++,$9.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.stopPlugins(),this.stopFollowing(),this.stopVisibility(),this.stopHighlights(),this.navObserver?.disconnect()}showView(e){if(e===this.view())return;WT(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;WT(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??a7(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=i7(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){Jie(e)&&t7()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),n7(Y9))}paletteOpen=D(!1);paletteShortcut=Y5()?`⌘K`:`Ctrl+K`;themePreference=X(()=>this.themeService.preference());passive=D(Nie());popupHotkey=X(()=>{let e=this.config().popup.hotkey;return e!==!1&&aT(e,Y5())});popup=Rie();poppedOut=!!X5();tabBeforeSettings=null;componentCommand=Q({source:this.tab,computation:()=>null});paletteCommands=X(()=>{let e=new Set(this.availableTabs().map(e=>e.id)),t=e.has(`components`)&&!!this.rpc();return mT(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=Y5(),n=this.config().popup.hotkey;if(this.popup&&n&&!e.repeat&&iT(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(){t7()&&Kie()||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`){Bie();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),Mie(e)}setTheme(e){this.themeService.setPreference(e)}setPassive(e){this.passive.set(e),Pie(e),this.postToPopup({type:`pangular:popup-passive`,passive:e})}postToPopup(e){for(let{win:t,origin:n}of Q5())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(lT,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,``,dT(e)),!0}followHash(){let e=fT(location.hash);if(e){if(e.tab===`settings`){this.tab()!==`settings`&&this.toggleSettings();return}this.openLink(e)}}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=fT(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=D(null);componentFocus=Q({source:this.tab,computation:()=>null});showForm(e){this.formFocus.set({id:e}),this.switchTab(`forms`)}injectorFocus=Q({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=Z9[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),Yie(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=ND(t,this.nativePageId());this.view()===`angular-native`&&WT(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 watchPlugins(e){let t=!this.view()&&i7(location.hash,a7(this.tabScope()),[`plugins`])===`plugins`;try{let n=await e.scope(`pangular`).rpc.sharedState(`plugins`),r=e=>{if(e===void 0)return;let n=zne(e);this.pluginsReporting.set(n),n&&t&&yE(`plugins`,this.config())&&this.tab.set(`plugins`),n&&(t=!1),!n&&this.tab()===`plugins`&&!this.view()&&this.tab.set(`dashboard`)};r(n.value()),this.stopPlugins(),this.stopPlugins=n.on(`updated`,r)}catch{this.pluginsReporting.set(!1)}}async watchCapacitor(e){try{let t=await e.scope(`pangular`).rpc.sharedState(`capacitor`),n=e=>{if(e===void 0)return;let t=B2(e).length>0;this.capacitorReporting.set(t),this.capacitorKnown.set(!0),t&&this.restoreCapacitor&&yE(`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(){dd(()=>{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 n7(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:Kw(e)}),this.keepFocus(),this.showView(e)}catch{this.setTab(t)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-root`]],viewQuery:function(e,t){e&1&&Zg(t.nav,Ese,5)(t.main,Dse,5),e&2&&Qg(2)},hostVars:4,hostBindings:function(e,t){e&1&&H(`message`,function(e){return t.inspectFromPanel(e)},ju)(`hashchange`,function(){return t.followHash()},ju)(`keydown`,function(e){return t.onGlobalKey(e)},Mu),e&2&&b_(`--%NS%accent`,t.viewAccent()?.accent??null)(`--%NS%accent-text`,t.viewAccent()?.text??null)},decls:41,vars:30,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`],[`role`,`status`,1,`sr-only`],[3,`tabs`,`layout`,`theme`,`passive`,`hotkey`,`paletteShortcut`,`rpc`],[3,`client`],[`role`,`alert`,1,`connection-error`],[`role`,`status`,1,`turned-off`],[3,`info`],[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`,`rpc`],[`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=V();I(0,`header`)(1,`h1`,2)(2,`span`,3),j(3,Ase,2,0,`:svg:svg`,4)(4,jse,7,0,`:svg:svg`,4)(5,Mse,11,0,`:svg:svg`,5)(6,Nse,5,0,`:svg:svg`,6)(7,Pse,2,0,`:svg:svg`,7)(8,Fse,10,0,`:svg:svg`,8)(9,Ise,24,0,`:svg:svg`,9),L(),I(10,`span`,10),K(11),L()(),I(12,`nav`,11,0),H(`scroll`,function(){return t.measureNav()})(`keydown`,function(e){return t.onNavKey(e)}),j(14,Rse,3,0,`div`,12),L(),j(15,zse,7,1,`a`,13),I(16,`span`,14)(17,`button`,15),H(`click`,function(){return t.openPalette()}),E(),I(18,`svg`,16),R(19,`path`,17),L()(),Cs(),I(20,`button`,18),H(`click`,function(){return t.toggleSettings()}),R(21,`app-tab-icon`,19),L()(),I(22,`span`,20)(23,`span`,21),R(24,`span`),L(),K(25),L()(),I(26,`main`,22,1)(28,`p`,23),K(29),L(),I(30,`p`,24),K(31),L(),j(32,Bse,1,7,`app-settings`,25)(33,Vse,1,1,`app-auth-code`,26)(34,Hse,5,0,`div`,27)(35,Use,2,0,`p`,28)(36,Wse,1,1,`app-coming-soon`,29)(37,Gse,2,0,`p`,28)(38,qse,10,2,`p`,30)(39,dce,2,2),L(),I(40,`app-command-palette`,31),U_(`openChange`,function(n){return w(e),H_(t.paletteOpen,n)||(t.paletteOpen=n),T(n)}),H(`picked`,function(e){return t.runCommand(e)}),L()}if(e&2){let e,n;O(2),G(`ng-mark`,t.view()===`angular`)(`pi-mark`,!t.view()),O(),M(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),O(7),G(`ng-text`,t.view()===`angular`),O(),q(t.title()),O(),G(`fade-start`,t.navFade().start)(`fade-end`,t.navFade().end),O(2),M(t.availableTabs().length>1?14:-1),O(),M((e=t.fullPanelLink())?15:-1,e),O(2),A(`aria-label`,`Command palette (`+t.paletteShortcut+`)`)(`title`,`Command palette (`+t.paletteShortcut+`)`),O(3),G(`active`,t.tab()===`settings`),A(`aria-pressed`,t.tab()===`settings`),O(2),G(`connected`,t.connected())(`failed`,t.connectionFailed()),O(3),J(` `,t.connected()?`Live`:t.connectionFailed()?`Disconnected`:t.pairing()?`Code needed`:`Connecting…`,` `),O(),A(`aria-label`,t.mainLabel()),O(3),q(t.backgroundNote()),O(2),q(t.connectedNote()),O(),M(t.tab()===`settings`?32:(n=t.pairing())?33:t.connectionFailed()?34:t.rpc()?(n=t.comingSoon())?36:t.view()===`angular-native`&&!t.nativePageId()?37:t.tabEnabled(t.tab(),t.config())?39:38:35,n),O(8),F(`commands`,t.paletteCommands()),V_(`open`,t.paletteOpen)}},dependencies:[_D,PF,fz,wV,IU,iq,Zq,hX,IZ,i1,E2,_3,s8,Hne,Mre,Die,N2,LE,gse,Tse,qoe],styles:[`[_nghost-%COMP%] {
+}`]})},qse=[`nav`],Jse=[`main`],Yse=e=>[e],Xse=(e,t)=>t.id;function Zse(e,t){e&1&&(E(),I(0,`svg`,4),R(1,`path`,32),L())}function Qse(e,t){e&1&&(E(),I(0,`svg`,4),R(1,`path`,33)(2,`path`,34)(3,`path`,35)(4,`path`,36)(5,`path`,37)(6,`path`,38),L())}function $se(e,t){e&1&&(E(),I(0,`svg`,5)(1,`defs`)(2,`linearGradient`,39),R(3,`stop`,40)(4,`stop`,41),L()(),R(5,`path`,42),I(6,`g`,43),R(7,`path`,44)(8,`path`,45)(9,`path`,46)(10,`path`,47),L()())}function ece(e,t){e&1&&(E(),I(0,`svg`,6),R(1,`path`,48)(2,`path`,49)(3,`path`,50)(4,`path`,51),L())}function tce(e,t){e&1&&(E(),I(0,`svg`,7),R(1,`path`,52),L())}function nce(e,t){e&1&&(E(),I(0,`svg`,8)(1,`defs`)(2,`linearGradient`,53),R(3,`stop`,54)(4,`stop`,55)(5,`stop`,56)(6,`stop`,57)(7,`stop`,58)(8,`stop`,59),L()(),R(9,`path`,60),L())}function rce(e,t){e&1&&(E(),I(0,`svg`,9),R(1,`rect`,61),I(2,`g`,62)(3,`defs`)(4,`mask`,63),R(5,`rect`,64),I(6,`g`,65),R(7,`path`,66)(8,`path`,67),L()(),I(9,`clipPath`,68),R(10,`rect`,69),L()(),I(11,`g`,70),R(12,`ellipse`,71),L(),I(13,`g`,72),R(14,`path`,73)(15,`path`,74),L(),I(16,`g`,70),R(17,`ellipse`,75)(18,`ellipse`,76),I(19,`g`,77),R(20,`line`,78)(21,`circle`,79)(22,`line`,80)(23,`circle`,81),L()()()())}function ice(e,t){if(e&1){let e=V();I(0,`button`,83),H(`click`,function(){let t=w(e).$implicit;return T(W(2).switchTab(t.id))}),R(1,`app-tab-icon`,84),I(2,`span`),K(3),L()()}if(e&2){let e=t.$implicit,n=W(2);G(`active`,n.tab()===e.id),A(`aria-current`,n.tab()===e.id?`page`:null)(`tabindex`,n.rovingTab()===e.id?0:-1),O(),F(`name`,e.id),O(2),q(e.label)}}function ace(e,t){if(e&1&&(I(0,`div`,12),N(1,ice,4,6,`button`,82,Xse),L()),e&2){let e=W();O(),P(e.tabs())}}function oce(e,t){if(e&1){let e=V();I(0,`a`,85),H(`click`,function(t){let n=w(e);return T(W().openFullPanel(t,n.tab))}),E(),I(1,`svg`,86),R(2,`rect`,87)(3,`rect`,88)(4,`rect`,89)(5,`rect`,90),L(),K(6,` Open full panel `),L()}e&2&&F(`href`,t.href,Au)}function sce(e,t){if(e&1){let e=V();I(0,`app-settings`,91),H(`layoutChange`,function(t){return w(e),T(W().setTabLayout(t))})(`themeChange`,function(t){return w(e),T(W().setTheme(t))})(`passiveChange`,function(t){return w(e),T(W().setPassive(t))}),L()}if(e&2){let e=W();F(`tabs`,e.settingsTabs())(`layout`,e.tabLayout())(`theme`,e.themePreference())(`passive`,e.passive())(`hotkey`,e.popupHotkey())(`paletteShortcut`,e.paletteShortcut)(`rpc`,e.rpc())}}function J9(e,t){e&1&&R(0,`app-auth-code`,26),e&2&&F(`client`,t)}function cce(e,t){if(e&1){let e=V();I(0,`div`,27)(1,`p`),K(2,` Can't reach the devtools server. Check that the dev server is running. The panel keeps trying to connect. `),L(),I(3,`button`,83),H(`click`,function(){return w(e),T(W().retryConnection())}),K(4,`Retry now`),L()()}}function lce(e,t){e&1&&(I(0,`p`,28),K(1,`Connecting to the devtools server…`),L())}function uce(e,t){e&1&&R(0,`app-coming-soon`,29),e&2&&F(`info`,t)}function dce(e,t){e&1&&(I(0,`p`,28),K(1,`Looking for an Angular Native app…`),L())}function fce(e,t){e&1&&(K(0,` To turn it on, set `),I(1,`code`),K(2),L(),K(3,` in the devtools options. `)),e&2&&(O(2),q(t))}function pce(e,t){if(e&1&&(I(0,`p`,30),K(1,` This inspector is turned off in the devtools config (`),I(2,`code`),K(3,`inspectors`),L(),K(4,`). `),j(5,fce,4,1),I(6,`a`,92),K(7,`About inspectors`),I(8,`span`,93),K(9,` (opens in a new tab)`),L()()()),e&2){let e,t=W();O(5),M((e=t.turnOnSnippet())?5:-1,e),O(),F(`href`,t.inspectorsDocsUrl,Au)}}function mce(e,t){if(e&1){let e=V();I(0,`app-dashboard`,100),H(`navigate`,function(t){return w(e),T(W(3).switchTab(t))}),L()}e&2&&F(`rpc`,W(3).rpc())}function hce(e,t){if(e&1){let e=V();I(0,`app-timeline`,101),H(`open`,function(t){return w(e),T(W(3).openLink(t))}),L()}e&2&&F(`rpc`,W(3).rpc())}function gce(e,t){if(e&1){let e=V();I(0,`app-audit-inspector`,102),H(`showComponent`,function(t){return w(e),T(W(3).showComponent(t))}),L()}if(e&2){let e=W(3);F(`rpc`,e.rpc())(`canShowComponent`,e.config().inspectors.components)}}function _ce(e,t){if(e&1){let e=V();I(0,`app-component-tree`,103),H(`focusHandled`,function(){return w(e),T(W(3).componentFocus.set(null))})(`commandHandled`,function(){return w(e),T(W(3).componentCommand.set(null))})(`showForm`,function(t){return w(e),T(W(3).showForm(t))})(`showInjector`,function(t){return w(e),T(W(3).showInjector(t))}),L()}if(e&2){let e=W(3);F(`rpc`,e.rpc())(`focus`,e.componentFocus())(`command`,e.componentCommand())(`canShowInjector`,e.config().inspectors.injectors)}}function vce(e,t){if(e&1){let e=V();I(0,`app-route-inspector`,104),H(`showComponent`,function(t){return w(e),T(W(3).showComponent(t))}),L()}e&2&&F(`rpc`,W(3).rpc())}function yce(e,t){e&1&&R(0,`app-signal-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function bce(e,t){if(e&1){let e=V();I(0,`app-di-inspector`,105),H(`focusHandled`,function(){return w(e),T(W(3).injectorFocus.set(null))})(`showComponent`,function(t){return w(e),T(W(3).showComponent(t))}),L()}if(e&2){let e=W(3);F(`rpc`,e.rpc())(`focus`,e.injectorFocus())(`canShowComponent`,e.config().inspectors.components)}}function xce(e,t){e&1&&R(0,`app-store-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function Sce(e,t){e&1&&R(0,`app-query-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function Cce(e,t){e&1&&R(0,`app-network-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function wce(e,t){if(e&1){let e=V();I(0,`app-forms-inspector`,106),H(`focusHandled`,function(){return w(e),T(W(3).formFocus.set(null))}),L()}if(e&2){let e=W(3);F(`rpc`,e.rpc())(`focus`,e.formFocus())}}function Tce(e,t){e&1&&R(0,`app-pipes-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function Ece(e,t){e&1&&R(0,`app-analog-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function Dce(e,t){e&1&&R(0,`app-capacitor-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function Oce(e,t){e&1&&R(0,`app-plugins-inspector`,94),e&2&&F(`rpc`,W(3).rpc())}function kce(e,t){if(e&1){let e=V();I(0,`app-errors-inspector`,107),H(`showComponent`,function(t){return w(e),T(W(3).showComponent(t))}),L()}if(e&2){let e=W(3);F(`rpc`,e.rpc())(`canShowComponent`,e.config().inspectors.components)(`canExplainInjection`,e.config().inspectors.injectors)}}function Ace(e,t){if(e&1&&j(0,mce,1,1,`app-dashboard`,94)(1,hce,1,1,`app-timeline`,94)(2,gce,1,2,`app-audit-inspector`,95)(3,_ce,1,4,`app-component-tree`,96)(4,vce,1,1,`app-route-inspector`,94)(5,yce,1,1,`app-signal-inspector`,94)(6,bce,1,3,`app-di-inspector`,97)(7,xce,1,1,`app-store-inspector`,94)(8,Sce,1,1,`app-query-inspector`,94)(9,Cce,1,1,`app-network-inspector`,94)(10,wce,1,2,`app-forms-inspector`,98)(11,Tce,1,1,`app-pipes-inspector`,94)(12,Ece,1,1,`app-analog-inspector`,94)(13,Dce,1,1,`app-capacitor-inspector`,94)(14,Oce,1,1,`app-plugins-inspector`,94)(15,kce,1,3,`app-errors-inspector`,99),e&2){let e;M((e=W(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===`queries`?8:e===`network`?9:e===`forms`?10:e===`pipes`?11:e===`analog`?12:e===`capacitor`?13:e===`plugins`?14:e===`errors`?15:-1)}}function jce(e,t){e&1&&N(0,Ace,16,1,null,null,vg),e&2&&P(rv(0,Yse,W().scopeKey()))}var Y9=`all`,Mce=[Y9,...Gw],Nce={angular:`Angular`,ngrx:`NgRx Store`,analog:`Analog`,"angular-native":`Angular Native`,nativescript:`NativeScript`,capacitor:`Capacitor`},X9={ngrx:`store`,analog:`analog`,capacitor:`capacitor`},Z9={store:`ngrx`,analog:`analog`,capacitor:`capacitor`},Q9={"angular-native":[`components`,`signals`,`injectors`,`store`,`queries`,`pipes`,`errors`]},Pce={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/`}},Fce={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/`}},Ice={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`}},Lce={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/`}},$9=[1e3,2e3,5e3,1e4];function Rce(){let e=new URLSearchParams(location.search).get(`view`);return Gw.find(t=>t===e)??null}rb(class e{analog=D(!1);allTabs=oT.map(({id:e,label:t})=>({id:e,label:t}));view=D(Rce());viewAccent=X(()=>gse(this.view(),this.themeService.current()));title=X(()=>{let e=this.view();return e?Nce[e]:`Pangular Inspector`});mainLabel=X(()=>this.tab()===`settings`?`Settings`:this.availableTabs().find(e=>e.id===this.tab())?.label??this.title());analogKnown=D(!1);capacitorReporting=D(!1);pluginsReporting=D(!1);capacitorKnown=D(!1);nativePageId=D(null);nativeKnown=D(!1);scopeKey=X(()=>this.view()===`angular-native`?this.nativePageId()??``:``);comingSoon=X(()=>{let e=this.view();if(e===`analog`)return this.analogKnown()&&!this.analog()?Ice:void 0;if(e===`nativescript`)return Pce;if(e===`capacitor`)return this.config().inspectors.capacitor&&this.capacitorKnown()&&!this.capacitorReporting()?Fce:void 0;if(e===`angular-native`)return this.nativeKnown()&&!this.nativePageId()?Lce:void 0});config=X(()=>hE(this.rpc()));tabEnabled=SE;inspectorsDocsUrl=xE;turnOnSnippet=X(()=>{let e=bE(this.tab());return e?`inspectors: {${e}: true}`:null});availableTabs=X(()=>{if(this.comingSoon())return[];let e=this.view(),t=e?X9[e]:void 0,n=this.allTabs.filter(e=>SE(e.id,this.config()));if(t)return n.filter(e=>e.id===t);let r=e?Q9[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())&&(t.id!==`plugins`||this.pluginsReporting())&&!(e===`angular`&&Z9[t.id]))});tabLayout=D(Zie());tabs=X(()=>{let e=this.tab(),t=tae(this.availableTabs(),this.tabLayout(),e);return this.rpc()?t:t.filter(t=>t.id===`dashboard`||t.id===e)});settingsTabs=X(()=>this.availableTabs());rovingTab=X(()=>{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=X(()=>{let e=this.view();if(!e||location.protocol===`chrome-extension:`)return null;let t=this.comingSoon()?`dashboard`:X9[e]??this.tab();return{tab:t,href:pae(location.href,t)}});tab=Q(()=>{let e=this.view();return e&&(X9[e]??Q9[e]?.[0])||`dashboard`});rpc=D(null);openedDock=D(null);connected=D(!1);connectionFailed=D(!1);pairing=D(null);connectedNote=D(``);hiddenPages=D([]);pageId=JT();backgroundNote=X(()=>{let e=this.hiddenPages();return this.pageId?e.includes(this.pageId)?`Page in background, showing the last data.`:``:e.length?e.length===1?`A page is in the background, showing its last data.`:`${e.length} pages are in the background, showing their last data.`:``});stopVisibility=()=>{};stopNative=()=>{};stopCapacitor=()=>{};stopPlugins=()=>{};stopFollowing=()=>{};stopHighlights=()=>{};nav=Ev(`nav`);main=Ev(`main`);injector=C(ks);themeService=C(sae);navObserver;navFade=D({start:!1,end:!1});constructor(){C(jj).use(this.rpc),dd(()=>{let e=this.nav()?.nativeElement;e&&typeof ResizeObserver<`u`&&(this.navObserver=new ResizeObserver(()=>this.measureNav()),this.navObserver.observe(e))}),Nv(()=>{this.tab(),this.tabs(),Z(()=>{this.revealActiveTab(),this.measureNav()})}),vc(()=>{let e=this.openedDock(),t=this.rpc();e&&t&&Z(()=>void eE(t,`hub-dock-seen`,Kw(e.dock)))}),vc(()=>{let e=this.themeService.current();Z(()=>{try{window.parent!==window&&V5(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=e7(Mce,e=>{this.openedDock.set({dock:e}),e===Y9?this.showFullPanel():this.showView(e)});let e=i7(location.hash,a7(this.tabScope()),[...this.availableTabs().map(e=>e.id),`settings`]);e?(this.tab.set(e),this.restoreLinkItem()):!this.view()&&i7(location.hash,a7(this.tabScope()),[`capacitor`])===`capacitor`?this.restoreCapacitor=!0:!this.view()&&i7(location.hash,a7(this.tabScope()),[`analog`])===`analog`&&(this.restoreAnalog=!0),this.stopHighlights=nE(()=>this.rpc()),this.connect()}connecting=!1;pendingClient=null;retries=0;retryTimer;connect(){if(this.connecting||this.pendingClient||this.rpc()||this.pairing())return;this.connecting=!0,clearTimeout(this.retryTimer);let e=vae();this.dropped&&rE();let t=Cae(e);Uw({...e?{baseURL:e}:{},...t.token?{authToken:t.token}:{},cacheOptions:QT(),simpleAuth:!1}).then(e=>{if(this.connecting=!1,this.destroyed){e.close?.();return}this.pendingClient=e;let n=n=>{if(e===this.pendingClient||e===this.rpc()||e===this.pairing()){if(this.pendingClient===e&&n!==`connecting`&&(this.pendingClient=null),n===`connected`){let n=this.pairing()===e;this.pairing.set(null),setTimeout(()=>t.remember(e.connection?.authToken)),this.ready(e),this.connected.set(this.rpc()===e),n&&(this.connectedNote.update(e=>e===`Connected.`?`Connected.\xA0`:`Connected.`),this.focusCurrentTab())}else n===`unauthorized`?(this.connected.set(!1),this.rpc()===e&&this.rpc.set(null),this.pairing.set(e)):(n===`disconnected`||n===`error`)&&(this.connected.set(!1),this.rpc()===e&&this.rpc.set(null),this.pairing()===e&&this.pairing.set(null),e.close?.(),this.retryLater())}};e.events.on(`connection:status`,n),e.status!==`connecting`&&n(e.status)},()=>{this.connecting=!1,!this.destroyed&&(this.analogKnown.set(!0),this.nativeKnown.set(!0),this.retryLater())})}ready(e){this.rpc()===e||this.destroyed||(this.retries=0,this.connectionFailed.set(!1),this.refocusOnConnect&&this.focusCurrentTab(),this.refocusOnConnect=!1,this.rpc.set(e),this.listenForServer(e),this.watchVisibility(e),this.watchAngularNative(e),this.watchCapacitor(e),this.watchPlugins(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&&SE(`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`)}))}dropped=!1;retryLater(){if(this.destroyed)return;this.dropped=!0,this.connectionFailed.set(!0);let e=$9[Math.min(this.retries++,$9.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.stopPlugins(),this.stopFollowing(),this.stopVisibility(),this.stopHighlights(),this.navObserver?.disconnect()}showView(e){if(e===this.view())return;qT(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;qT(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??a7(this.tabScope()),r=this.availableTabs().map(e=>e.id),i=i7(t.hash,n,r);i?this.setTab(i):n===`capacitor`&&(this.restoreCapacitor=!0)}openFullPanel(e,t){mae(e)&&t7()&&(e.preventDefault(),this.showFullPanel(t),this.focusCurrentTab(),n7(Y9))}paletteOpen=D(!1);paletteShortcut=Y5()?`⌘K`:`Ctrl+K`;themePreference=X(()=>this.themeService.preference());passive=D($ie());popupHotkey=X(()=>{let e=this.config().popup.hotkey;return e!==!1&&aT(e,Y5())});popup=iae();poppedOut=!!X5();tabBeforeSettings=null;componentCommand=Q({source:this.tab,computation:()=>null});paletteCommands=X(()=>{let e=new Set(this.availableTabs().map(e=>e.id)),t=e.has(`components`)&&!!this.rpc();return mT(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=Y5(),n=this.config().popup.hotkey;if(this.popup&&n&&!e.repeat&&iT(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(){t7()&&fae()||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`){oae();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),Qie(e)}setTheme(e){this.themeService.setPreference(e)}setPassive(e){this.passive.set(e),eae(e),this.postToPopup({type:`pangular:popup-passive`,passive:e})}postToPopup(e){for(let{win:t,origin:n}of Q5())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(lT,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,``,dT(e)),!0}followHash(){let e=fT(location.hash);if(e){if(e.tab===`settings`){this.tab()!==`settings`&&this.toggleSettings();return}this.openLink(e)}}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=fT(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=D(null);componentFocus=Q({source:this.tab,computation:()=>null});showForm(e){this.formFocus.set({id:e}),this.switchTab(`forms`)}injectorFocus=Q({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=Z9[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),hae(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=ID(t,this.nativePageId());this.view()===`angular-native`&&qT(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 watchPlugins(e){let t=!this.view()&&i7(location.hash,a7(this.tabScope()),[`plugins`])===`plugins`;try{let n=await e.scope(`pangular`).rpc.sharedState(`plugins`),r=e=>{if(e===void 0)return;let n=are(e);this.pluginsReporting.set(n),n&&t&&SE(`plugins`,this.config())&&this.tab.set(`plugins`),n&&(t=!1),!n&&this.tab()===`plugins`&&!this.view()&&this.tab.set(`dashboard`)};r(n.value()),this.stopPlugins(),this.stopPlugins=n.on(`updated`,r)}catch{this.pluginsReporting.set(!1)}}async watchCapacitor(e){try{let t=await e.scope(`pangular`).rpc.sharedState(`capacitor`),n=e=>{if(e===void 0)return;let t=o4(e).length>0;this.capacitorReporting.set(t),this.capacitorKnown.set(!0),t&&this.restoreCapacitor&&SE(`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(){dd(()=>{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 n7(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:Kw(e)}),this.keepFocus(),this.showView(e)}catch{this.setTab(t)}}static ɵfac=function(t){return new(t||e)};static ɵcmp=k({type:e,selectors:[[`app-root`]],viewQuery:function(e,t){e&1&&Zg(t.nav,qse,5)(t.main,Jse,5),e&2&&Qg(2)},hostVars:4,hostBindings:function(e,t){e&1&&H(`message`,function(e){return t.inspectFromPanel(e)},ju)(`hashchange`,function(){return t.followHash()},ju)(`keydown`,function(e){return t.onGlobalKey(e)},Mu),e&2&&b_(`--%NS%accent`,t.viewAccent()?.accent??null)(`--%NS%accent-text`,t.viewAccent()?.text??null)},decls:41,vars:30,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`,`0`],[`role`,`status`,1,`background-note`],[`role`,`status`,1,`sr-only`],[3,`tabs`,`layout`,`theme`,`passive`,`hotkey`,`paletteShortcut`,`rpc`],[3,`client`],[`role`,`alert`,1,`connection-error`],[`role`,`status`,1,`turned-off`],[3,`info`],[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`,`rpc`],[`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=V();I(0,`header`)(1,`h1`,2)(2,`span`,3),j(3,Zse,2,0,`:svg:svg`,4)(4,Qse,7,0,`:svg:svg`,4)(5,$se,11,0,`:svg:svg`,5)(6,ece,5,0,`:svg:svg`,6)(7,tce,2,0,`:svg:svg`,7)(8,nce,10,0,`:svg:svg`,8)(9,rce,24,0,`:svg:svg`,9),L(),I(10,`span`,10),K(11),L()(),I(12,`nav`,11,0),H(`scroll`,function(){return t.measureNav()})(`keydown`,function(e){return t.onNavKey(e)}),j(14,ace,3,0,`div`,12),L(),j(15,oce,7,1,`a`,13),I(16,`span`,14)(17,`button`,15),H(`click`,function(){return t.openPalette()}),E(),I(18,`svg`,16),R(19,`path`,17),L()(),xs(),I(20,`button`,18),H(`click`,function(){return t.toggleSettings()}),R(21,`app-tab-icon`,19),L()(),I(22,`span`,20)(23,`span`,21),R(24,`span`),L(),K(25),L()(),I(26,`main`,22,1)(28,`p`,23),K(29),L(),I(30,`p`,24),K(31),L(),j(32,sce,1,7,`app-settings`,25)(33,J9,1,1,`app-auth-code`,26)(34,cce,5,0,`div`,27)(35,lce,2,0,`p`,28)(36,uce,1,1,`app-coming-soon`,29)(37,dce,2,0,`p`,28)(38,pce,10,2,`p`,30)(39,jce,2,2),L(),I(40,`app-command-palette`,31),U_(`openChange`,function(n){return w(e),H_(t.paletteOpen,n)||(t.paletteOpen=n),T(n)}),H(`picked`,function(e){return t.runCommand(e)}),L()}if(e&2){let e,n;O(2),G(`ng-mark`,t.view()===`angular`)(`pi-mark`,!t.view()),O(),M(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),O(7),G(`ng-text`,t.view()===`angular`),O(),q(t.title()),O(),G(`fade-start`,t.navFade().start)(`fade-end`,t.navFade().end),O(2),M(t.availableTabs().length>1?14:-1),O(),M((e=t.fullPanelLink())?15:-1,e),O(2),A(`aria-label`,`Command palette (`+t.paletteShortcut+`)`)(`title`,`Command palette (`+t.paletteShortcut+`)`),O(3),G(`active`,t.tab()===`settings`),A(`aria-pressed`,t.tab()===`settings`),O(2),G(`connected`,t.connected())(`failed`,t.connectionFailed()),O(3),J(` `,t.connected()?`Live`:t.connectionFailed()?`Disconnected`:t.pairing()?`Code needed`:`Connecting…`,` `),O(),A(`aria-label`,t.mainLabel()),O(3),q(t.backgroundNote()),O(2),q(t.connectedNote()),O(),M(t.tab()===`settings`?32:(n=t.pairing())?33:t.connectionFailed()?34:t.rpc()?(n=t.comingSoon())?36:t.view()===`angular-native`&&!t.nativePageId()?37:t.tabEnabled(t.tab(),t.config())?39:38:35,n),O(8),F(`commands`,t.paletteCommands()),V_(`open`,t.paletteOpen)}},dependencies:[bD,GF,Cz,FV,qU,hq,cJ,FX,nQ,w1,K2,L3,D8,cre,Qre,qie,$2,BE,Lse,Kse,mse],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) var(--%NS%accent-line-amount), transparent);
   display: flex;
@@ -20639,6 +20811,11 @@ main[_ngcontent-%COMP%]:focus {
   outline: none;
 }
 
+main[_ngcontent-%COMP%]:focus-visible {
+  outline: 2px solid var(--%NS%accent);
+  outline-offset: -2px;
+}
+
 main[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] {
   animation: enter 0.28s var(--%NS%ease) both;
 }
diff --git a/extension/ui/index.html b/extension/ui/index.html
index 0f2eaab3..5f1d28e0 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-CLuERur2.js"></script>
+    <script type="module" crossorigin src="./assets/index-CgBAozdh.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-CgeuIaNC.css">
   </head>
   <body>
diff --git a/packages/devtools/CHANGELOG.md b/packages/devtools/CHANGELOG.md
index bcd2f8db..fa8e52d0 100644
--- a/packages/devtools/CHANGELOG.md
+++ b/packages/devtools/CHANGELOG.md
@@ -114,7 +114,9 @@ What remains: `/config` exports `DEFAULT_POPUP_HOTKEY`, `PANGULAR_ACTIONS`, `PAN
 - Refuse writes when the target tab is unclear, instead of acting on whichever tab changed last.
 - Pairing tokens (`auth: {tokens}`, `--auth-token`, `PANGULAR_AUTH_TOKEN`) let an app on a device connect without typing the code. The CLI prints only a short hash of each token.
 - Hide the shared state of a turned-off inspector from agents.
+- Mask secret route params in named outlets, such as the token in `/(side:reset/:token)`, before the navigation is recognized and in router link targets. The route config match read only the primary path. It also follows an empty-path layout route into its named-outlet children, as the router does, so `/(side:reset/:token)` and `/home(side:reset/:token)` are masked when `reset/:token` sits under `{path: '', children: [...]}`. The active route walk also follows `firstChild` when `children` is missing, and stops after 200 routes.
 - Leave the `redaction` config (`secretNames`, `unmask`) out of `__connection.json`, which answers before the one-time code. Pages get it from the server once they are trusted, and read nothing from the app until they have it. `initOverlay()` still resolves once connected, without waiting for the code. The Dashboard asks for the config the same way to list **Extra secret names** and **Unmasked names**. A static report leaves those rows out (#419).
+- Mask secret Signal Forms field values in signal graphs and their history. Signal Forms keeps each field value in an unnamed signal, so a `password`, `token` or `apiKey` field showed in the graph of its component on the Signals page, in `inspect-signals` (also when it reads a component by `component` or `selector`), in the `signal-graph` resource, over WebMCP and in the static report. The page now masks the values of the component's secret fields (by name, `redaction.secretNames`, `type="password"`, a credential `autocomplete` or a mask marker, and their last 50 values) in every node, resource and history entry before the graph leaves it.
 
 ### Features
 
@@ -185,8 +187,11 @@ What remains: `/config` exports `DEFAULT_POPUP_HOTKEY`, `PANGULAR_ACTIONS`, `PAN
 - Fixes from the audit of every inspector, the panel shell, the hub, the extension and the native overlays (#361, #362, #363, #364), the follow-ups in #418, and the release blockers found by the test campaign (#432).
 - One malformed component report no longer breaks the agent tools for every page. Reports are checked when they reach the server.
 - Change detection counts only template runs, not skipped children or the `checkNoChanges` pass.
+- The change detection answers with no recording, the audit note and the `record-change-detection` result send agents to `record-change-detection`, not to `change-detection` with `record`, which that tool refuses. With `agent.readOnly`, which leaves `record-change-detection` out, they name only **Record** in the panel.
+- The panel announces **Record** and **Stop recording** once the page reports the recording on or off. If no report comes within 3 seconds, it says the page did not confirm and keeps the button state the page last reported.
 - The forms tools answer with the forms of the tab they were asked about.
 - Signal graph edges name their nodes instead of positions.
+- `inspect-signals` reads the graph of a component the page is not showing: a `component` the component tree knows, or a component host matched by the new `selector` argument (CSS). A selector that matches no component host is refused at once (#367).
 - A `Store` provided in a route is found, and the DI tools keep each signal store's name instead of `SignalStore`.
 - The SSR hydration count is right, and a request is no longer reported as a transfer cache hit when it was not.
 - A failed write answers with `isError: true`, and a failing call keeps its response body.
@@ -194,6 +199,7 @@ What remains: `/config` exports `DEFAULT_POPUP_HOTKEY`, `PANGULAR_ACTIONS`, `PAN
 - `@pangular-inspector/devtools/devframe` (and the package root) load Devframe from `node_modules` when imported, as the hub entry does, so an Angular 20 server bundle that imports them no longer fails with `Identifier 'createRequire' has already been declared` (#427).
 - Picking works inside shadow roots and `ShadowDom` components.
 - Analog server calls link only to the request they ran under (#405).
+- The Analog page chain includes pages in named outlets and sibling child routes, not only the first child. The primary chain comes first, and each other page names its outlet in the **Routes** tab and in `analog-inspect-page` (#369).
 - Signal Forms checkboxes, radios and selects are written in user mode (#360).
 - Live counts in **Timeline**, **Errors** and **Audit** speak only after a filter change, so they no longer flood screen readers.
 - Control outlines and **Signals** graph edges meet 3:1 contrast in both themes, and status pills keep their contrast on selected rows.
@@ -202,7 +208,14 @@ What remains: `/config` exports `DEFAULT_POPUP_HOTKEY`, `PANGULAR_ACTIONS`, `PAN
 - `explain-invalid-forms` no longer says no field has an error when the failing field is past the forms collector's limit of 100 fields per group. A cut group carries `truncatedInvalid` with the invalid fields it left out, `explain-invalid-forms` and `explain-submit` name them, and `inspect-forms` says which group was cut and how many fields it left out, or that a group past the 8-level depth limit was not read (#423).
 - `scan-signals` and `scan-components` cap their answer at 200 items or 20,000 characters, say how many items they left out, and take `filter`, `offset` and `limit` to read the rest. A list that fits is still the JSON array alone. One item longer than the cap is cut, with a note (#429).
 - The panel switches tabs when only the `#tab=` hash changes after load (#425).
+- The `defer-blocks` tool and the **Defer blocks** list count how long a block sat on its placeholder on the page's clock. The component report carries the page clock (`pageNow`) and the server keeps the offset as `clockOffset`, so a page whose clock runs ahead or behind no longer reads as stuck, or never stuck (#366).
+- The **Defer blocks** list shows the notes the `defer-blocks` tool prints (**failed**, **stuck** _N_ s, **waiting** _N_ s, **dehydrated**), an **&#64;error block** flag and the `@placeholder` and `@loading` times (#366). The age counts up only while a block is on its placeholder, and screen readers read the badge as **stuck** or **waiting** without the seconds, so a focused row's name does not change every second. The panel assumes its clock agrees with the server's.
+- Highlighting a `@defer` block draws one box around all of its root elements instead of the first one. `request-page-highlight` takes `ids` for several elements next to `id` (#366).
+- The **SSR & HTTP** hydration mismatches name the component class, such as `ProductCard`, instead of the DOM node name (#366). A class name is shown as is and a node name in angle brackets (`<app-card>`), in the panel and in the hub messages.
+- The panel content is in the Tab order, with its tab name and a focus ring, so keyboard users can scroll a view that has nothing focusable in it, such as the **Forms** empty state in a short window.
 - At narrow widths the **Components** toolbar fits on two rows, with its tree actions as icons, and a cut off component name shows its full text on hover and focus (#421).
+- The **Forms** tab lists WebMCP tools that are not linked to a form under **Other WebMCP tools**, with the same parts as a form's **WebMCP tool** block (#368).
+- The **Forms** tab shows the forms setup errors Angular logs on the page, such as `NG01203`, in a notice above the list (#368).
 
 ### Docs
 
@@ -217,6 +230,7 @@ What remains: `/config` exports `DEFAULT_POPUP_HOTKEY`, `PANGULAR_ACTIONS`, `PAN
 
 - The `leaks-real` test expects the rows the collector really reports (#430).
 - Pull requests run the security and MCP end-to-end checks, and a weekly job runs the rest.
+- A CI job installs the packed package on Node.js 22.12.0, the `engines.node` floor, and loads its CLI and its `cli`, `hub`, `ssr` and `vite` entry points there (#373).
 - The packed `package.json` leaves out `devDependencies`, `scripts` and the `nx` block, and declares `sideEffects`.
 - Dependencies: devframe and `@devframes/*` 1.2.6 (was 1.2.0). `@devframes/plugin-messages`, `@devframes/plugin-terminals` and `axe-core` are added. `h3` is no longer a dependency.
 
diff --git a/packages/devtools/src/__tests__/agent-tools.test.ts b/packages/devtools/src/__tests__/agent-tools.test.ts
index 9f3dbd6c..b6727286 100644
--- a/packages/devtools/src/__tests__/agent-tools.test.ts
+++ b/packages/devtools/src/__tests__/agent-tools.test.ts
@@ -481,6 +481,101 @@ describe('agent tools', () => {
     });
   });
 
+  it('peeks at a component injector by CSS selector or by a component the tree knows', async () => {
+    const { ctx, push, call } = await boot();
+    await push('push-component-tree', {
+      pageId: 'p1',
+      roots: [
+        {
+          id: 'c1',
+          name: 'App',
+          tag: 'app-root',
+          children: [{ id: 'c4', name: 'Promo', tag: 'app-promo', children: [] }],
+        },
+      ],
+      count: 2,
+      detail: null,
+    });
+    await push('push-signal-graph', {
+      pageId: 'p1',
+      nodes: [{ id: 'a', kind: 'signal', label: 'count', epoch: 0 }],
+      edges: [],
+      componentSelector: 'app-root',
+      component: { id: 'c1', name: 'App', tag: 'app-root', path: 'app-root' },
+    });
+    const promo = {
+      nodes: [{ id: 'p', kind: 'signal', label: 'discount', epoch: 1 }],
+      edges: [],
+      componentSelector: 'app-promo',
+      component: { id: 'c4', name: 'Promo', tag: 'app-promo', path: 'app-root > app-promo' },
+      source: 'selected',
+    };
+    const asked: Record<string, unknown>[] = [];
+    const broadcast = vi.spyOn(ctx.rpc, 'broadcast');
+    broadcast.mockImplementation(async (options: { method: string; args: unknown[] }) => {
+      if (options.method !== 'pangular:peek-signal-graph') return;
+      const request = options.args[0] as { requestId: string; selector?: string; id?: string };
+      asked.push(request);
+      // The page answers the way answerPeek does: a graph only for a component host.
+      const found = request.selector === '.promo' || request.id === 'c4';
+      setTimeout(() => {
+        void push('signal-graph-peek-result', {
+          requestId: request.requestId,
+          pageId: 'p1',
+          graph: found ? { ...promo, pageId: 'p1' } : null,
+        });
+      }, 5);
+    });
+
+    expect(signalJson(await call('inspect-signals', '.promo'))).toMatchObject({
+      pageId: 'p1',
+      component: { id: 'c4' },
+      nodes: [{ label: 'discount' }],
+    });
+    expect(asked[0]).toEqual({ requestId: expect.any(String), selector: '.promo' });
+    // A class name the component tree knows is asked for by instance id, on its page.
+    expect(signalJson(await call('inspect-signals', 'Promo'))).toMatchObject({
+      component: { name: 'Promo' },
+    });
+    expect(asked[1]).toEqual({ requestId: expect.any(String), id: 'c4', pageId: 'p1' });
+    // The pushed graph still answers without a peek, and the panel keeps its selection.
+    expect(signalJson(await call('inspect-signals', 'app-root'))).toMatchObject({
+      component: { id: 'c1' },
+    });
+    expect(asked).toHaveLength(2);
+    const methods = broadcast.mock.calls.map(([options]) => (options as { method: string }).method);
+    expect(methods).not.toContain('pangular:select-signal-component');
+  });
+
+  it('refuses a selector that matches no component host without waiting out the peek', async () => {
+    const { ctx, push } = await boot();
+    await push('push-signal-graph', {
+      pageId: 'p1',
+      nodes: [],
+      edges: [],
+      componentSelector: 'app-root',
+    });
+    vi.spyOn(ctx.rpc, 'broadcast').mockImplementation(
+      async (options: { method: string; args: unknown[] }) => {
+        if (options.method !== 'pangular:peek-signal-graph') return;
+        const { requestId } = options.args[0] as { requestId: string };
+        void push('signal-graph-peek-result', { requestId, pageId: 'p1', graph: null });
+      },
+    );
+    const started = Date.now();
+    const invoke = (args: Record<string, unknown>) =>
+      ctx.agent.invoke('pangular:inspect-signals', args);
+    await expect(invoke({ selector: '.nope' })).rejects.toThrow(
+      /No component host matches the CSS selector `\.nope`/,
+    );
+    expect(Date.now() - started).toBeLessThan(500);
+    // One target at a time, and the schema bounds the selector.
+    await expect(invoke({ selector: '.a', component: 'app-root' })).rejects.toThrow(
+      /Pass one of `component`/,
+    );
+    await expect(invoke({ selector: 'x'.repeat(501) })).rejects.toThrow(/at most 500/);
+  });
+
   it('ignores a peek answer for another request or a non-matching injector', async () => {
     const { ctx, push, call } = await boot();
     await push('push-signal-graph', {
diff --git a/packages/devtools/src/__tests__/analog-outlets.test.ts b/packages/devtools/src/__tests__/analog-outlets.test.ts
new file mode 100644
index 00000000..c6598ccd
--- /dev/null
+++ b/packages/devtools/src/__tests__/analog-outlets.test.ts
@@ -0,0 +1,132 @@
+// @vitest-environment jsdom
+import { describe, expect, it } from 'vitest';
+import { ANALOG_META_DESCRIPTION, chainOf, collectAnalog } from '../analog-runtime.ts';
+import type { AnalogRuntimeReport } from '../analog-runtime.ts';
+import { scanAnalog } from '../rpc/analog-scan.ts';
+import {
+  analogCurrentPageText,
+  analogExplainUrlText,
+  isAnalogReport,
+  type AnalogState,
+} from '../rpc/analog-tools.ts';
+import { BASE_FILES, makeProject } from './analog-fixture.ts';
+
+const META = Symbol(ANALOG_META_DESCRIPTION);
+
+function analogRoute(path: string, endpointKey: string) {
+  return { path, component: class {}, [META]: { endpoint: `/pages/${path}`, endpointKey } };
+}
+
+type Node = Record<string, unknown>;
+
+/** An ActivatedRouteSnapshot as Angular builds it: primary child first, then named outlets. */
+function snapshot(
+  routeConfig: unknown,
+  children: Node[] = [],
+  outlet = 'primary',
+  data = {},
+): Node {
+  return { routeConfig, data, outlet, children, firstChild: children[0] ?? null };
+}
+
+function tree() {
+  const message = snapshot(analogRoute('', '/src/app/pages/inbox/[id].server.ts'), [], 'primary', {
+    load: { id: '7' },
+  });
+  const param = snapshot({ path: ':id' }, [message]);
+  const preview = snapshot(analogRoute('preview', '/src/app/pages/preview.page.ts'), [], 'detail');
+  const inbox = snapshot(analogRoute('inbox', '/src/app/pages/inbox.page.ts'), [param, preview]);
+  const chat = snapshot(analogRoute('chat', '/src/app/pages/chat.page.ts'), [], 'sidebar');
+  return snapshot(null, [inbox, chat]);
+}
+
+describe('Analog page chain with named outlets', () => {
+  it('walks every outlet, keeps the primary chain first and labels outlet pages', () => {
+    const { chain, data, loadFrom } = chainOf(tree());
+    expect(chain).toEqual([
+      { path: '/inbox', file: '/src/app/pages/inbox.page.ts' },
+      {
+        path: '/inbox/:id',
+        file: '/src/app/pages/inbox/[id].page.ts',
+        serverFile: '/src/app/pages/inbox/[id].server.ts',
+      },
+      // Named outlets follow in the order the walk meets them: outer outlets first.
+      { path: '/chat', file: '/src/app/pages/chat.page.ts', outlet: 'sidebar' },
+      { path: '/inbox/preview', file: '/src/app/pages/preview.page.ts', outlet: 'detail' },
+    ]);
+    expect(loadFrom).toBe(1);
+    expect(data).toEqual({ id: '7' });
+  });
+
+  it('takes load() data from the primary chain only', () => {
+    const chat = snapshot(analogRoute('chat', '/src/app/pages/chat.server.ts'), [], 'sidebar', {
+      load: { from: 'sidebar' },
+    });
+    const home = snapshot(analogRoute('', '/src/app/pages/index.page.ts'));
+    const { chain, data, loadFrom } = chainOf(snapshot(null, [home, chat]));
+    expect(chain.map((c) => c.outlet)).toEqual([undefined, 'sidebar']);
+    expect(data).toBeUndefined();
+    expect(loadFrom).toBeUndefined();
+  });
+
+  it('stops on a cyclic tree', () => {
+    const loop: Node = snapshot(analogRoute('a', '/src/app/pages/a.page.ts'));
+    loop['children'] = [loop, { ...loop, outlet: 'side' }];
+    expect(chainOf(loop).chain.length).toBeLessThanOrEqual(40);
+  });
+
+  it('reports a chain the server accepts', () => {
+    document.body.innerHTML = '<app-root ng-version="22"></app-root>';
+    const router = {
+      url: '/inbox/7(sidebar:chat)',
+      config: [],
+      routerState: { snapshot: { root: tree() } },
+    };
+    const ng = { getInjector: () => ({}), ɵgetRouterInstance: () => router };
+    const report = collectAnalog(ng, 'p1', [])!;
+    expect(report.chain.map((c) => c.outlet ?? 'primary')).toEqual([
+      'primary',
+      'primary',
+      'sidebar',
+      'detail',
+    ]);
+    expect(isAnalogReport(report)).toBe(true);
+    expect(isAnalogReport({ ...report, chain: [{ path: '/x', outlet: 3 }] })).toBe(false);
+  });
+});
+
+describe('Analog tools with named outlets', () => {
+  const report: AnalogRuntimeReport = {
+    pageId: 'p',
+    url: '/about',
+    analog: true,
+    chain: [
+      { path: '/about', file: '/src/app/pages/about.page.ts' },
+      { path: '/pricing', file: '/src/app/pages/pricing.page.ts', outlet: 'sidebar' },
+    ],
+    hydrated: 0,
+    transferState: false,
+    hydrationErrors: [],
+    configPaths: [],
+  };
+  const state: AnalogState = { pages: [report], calls: [], duplicates: [], reportedAt: 1 };
+  const project = scanAnalog(makeProject(BASE_FILES));
+
+  it('labels outlet pages in analog-inspect-page', () => {
+    const text = analogCurrentPageText(project, state);
+    const lines = text.split('\n');
+    const about = lines.findIndex((l) => l.includes('about.page.ts'));
+    const pricing = lines.findIndex((l) => l.includes('pricing.page.ts'));
+    expect(about).toBeGreaterThan(-1);
+    expect(pricing).toBeGreaterThan(about);
+    expect(lines[pricing]).toContain('(outlet `sidebar`)');
+    expect(lines[about]).not.toContain('outlet');
+  });
+
+  it('keeps outlet pages out of the primary chain in analog-explain-url', () => {
+    const text = analogExplainUrlText(project, '/about', state);
+    expect(text).toContain(
+      'Live page: `/src/app/pages/about.page.ts`, plus `/src/app/pages/pricing.page.ts` in the `sidebar` outlet.',
+    );
+  });
+});
diff --git a/packages/devtools/src/__tests__/cd-record-hints.test.ts b/packages/devtools/src/__tests__/cd-record-hints.test.ts
new file mode 100644
index 00000000..c2734d39
--- /dev/null
+++ b/packages/devtools/src/__tests__/cd-record-hints.test.ts
@@ -0,0 +1,156 @@
+import { readdirSync, readFileSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { createHostContext } from 'devframe/node';
+import { describe, expect, it } from 'vitest';
+import { createPangular } from '../devframe.ts';
+import { buildAudit } from '../rpc/audit-findings.ts';
+import { cdDiagnosisText } from '../rpc/cd-diagnosis-tools.ts';
+import { cdExportText } from '../rpc/cd-export-tools.ts';
+import { cdRecordAnswer } from '../rpc/cd-record-tool.ts';
+import { changeDetectionText, type CdPage, type CdState } from '../rpc/cd-tools.ts';
+import { createPushAcks } from '../rpc/push-acks.ts';
+import { answerText } from './tool-answer.ts';
+
+/**
+ * `record` moved from `change-detection` to `record-change-detection`, and
+ * `change-detection` refuses it. An answer that still sends agents there
+ * leads them into that refusal.
+ */
+const STALE = [
+  /(?<!record-)change-detection`? (?:and|with) `record/,
+  /this tool (?:again )?with(?:out)? `record/,
+  /Record one first with `record/,
+];
+
+const stale = (text: string) => STALE.filter((pattern) => pattern.test(text));
+
+const EMPTY: CdState = { pages: {} };
+
+async function recordAnswer(record: 'start' | 'stop' | 'clear') {
+  const acks = createPushAcks<CdPage>();
+  const answer = await cdRecordAnswer({
+    record,
+    page: 'p1',
+    connected: ['p1'],
+    recording: ['p1'],
+    acks,
+    send: () =>
+      acks.notify('p1', {
+        recording: record === 'start',
+        cycles: [],
+      } as unknown as CdPage),
+  });
+  return answer.markdown;
+}
+
+describe('change detection recording hints', () => {
+  it('send agents to record-change-detection when there is no recording', () => {
+    const answers = [
+      changeDetectionText(EMPTY),
+      changeDetectionText(EMPTY, { page: 'p1' }),
+      cdDiagnosisText(EMPTY),
+      cdDiagnosisText(EMPTY, { page: 'p1' }),
+      cdExportText(EMPTY, { export: 'json' }),
+      cdExportText(EMPTY, { page: 'p1', export: 'trace' }),
+      buildAudit({ cd: EMPTY }, 'p1', {}, 0).sources.find(
+        (source) => source.area === 'change-detection',
+      )?.note ?? '',
+    ];
+    for (const answer of answers) {
+      expect(stale(answer), answer).toEqual([]);
+      expect(answer).toContain('pangular:record-change-detection');
+    }
+  });
+
+  it('name the page in the hint when the answer is about one page', () => {
+    for (const answer of [
+      changeDetectionText(EMPTY, { page: 'p1' }),
+      cdDiagnosisText(EMPTY, { page: 'p1' }),
+      cdExportText(EMPTY, { page: 'p1', export: 'trace' }),
+    ]) {
+      expect(answer).toContain('this `page`');
+    }
+  });
+
+  it('name only Record in the panel when the agent is read-only', async () => {
+    const host = {
+      mountStatic: () => {},
+      resolveOrigin: () => 'http://localhost',
+      getStorageDir: () => '',
+    };
+    const ctx = await createHostContext({ cwd: process.cwd(), mode: 'dev', host: host as never });
+    await createPangular({ agent: { readOnly: true } }).setup(ctx as never);
+    const tools = ctx.agent.list().tools;
+    expect(tools.map((tool) => tool.id)).not.toContain('pangular:record-change-detection');
+    const read = tools.find((tool) => tool.id === 'pangular:change-detection')!;
+    expect(read.description).not.toContain('record-change-detection');
+    const call = (id: string, args: Record<string, unknown>) =>
+      answerText(ctx.agent.invoke(id, args));
+    await ctx.rpc.invokeLocal(
+      'pangular:push-component-tree' as never,
+      ...([{ pageId: 'p1', count: 1, detail: null, roots: [] }] as never),
+    );
+    const audit = await call('pangular:audit', { page: 'p1' });
+    expect(audit).toContain('Start one with Record in the panel');
+    const answers = [
+      audit,
+      await call('pangular:change-detection', {}),
+      await call('pangular:change-detection', { export: 'json' }),
+      await call('pangular:diagnose-change-detection', {}),
+      changeDetectionText(EMPTY, { page: 'p1' }, undefined, false),
+      cdDiagnosisText(EMPTY, { page: 'p1' }, undefined, false),
+      cdExportText(EMPTY, { page: 'p1', export: 'trace' }, undefined, undefined, false),
+      buildAudit({ cd: EMPTY, noCdRecord: true }, 'p1', {}, 0).sources.find(
+        (source) => source.area === 'change-detection',
+      )?.note ?? '',
+    ];
+    for (const answer of answers) {
+      expect(answer).not.toContain('record-change-detection');
+      expect(answer).toMatch(/Record\b.* in the panel/);
+    }
+  });
+
+  it('point at the read tools after a recording starts, not back at itself', async () => {
+    const started = await recordAnswer('start');
+    expect(started).toContain('Recording started on page `p1`.');
+    expect(started).toContain('`pangular:change-detection`');
+    expect(stale(started)).toEqual([]);
+    expect(stale(await recordAnswer('stop'))).toEqual([]);
+  });
+
+  it('leave no stale hint in the package source, its skills or the docs', () => {
+    const root = join(dirname(fileURLToPath(import.meta.url)), '..', '..');
+    const files = [
+      ...walk(join(root, 'src'), /\.ts$/, '__tests__'),
+      ...walk(join(root, 'skills'), /\.md$/),
+      ...walk(join(root, '..', '..', 'apps', 'docs', 'src', 'content'), /\.md$/),
+    ];
+    const hits = files.flatMap((file) =>
+      readFileSync(file, 'utf8')
+        .split('\n')
+        .filter(
+          (line) =>
+            // The upgrade tables name the old call next to the tool that took it over.
+            (stale(line).length && !/^\|.*\| `record-change-detection`/.test(line)) ||
+            /"tool": "pangular:change-detection", "arguments": \{"record"/.test(line),
+        )
+        .map((line) => `${file}: ${line.trim()}`),
+    );
+    expect(hits).toEqual([]);
+  });
+});
+
+function walk(dir: string, match: RegExp, skip?: string): string[] {
+  let entries;
+  try {
+    entries = readdirSync(dir, { withFileTypes: true });
+  } catch {
+    return [];
+  }
+  return entries.flatMap((entry) => {
+    const path = join(dir, entry.name);
+    if (entry.isDirectory()) return entry.name === skip ? [] : walk(path, match, skip);
+    return match.test(entry.name) ? [path] : [];
+  });
+}
diff --git a/packages/devtools/src/__tests__/defer-blocks.test.ts b/packages/devtools/src/__tests__/defer-blocks.test.ts
index e3ea8a23..bf72d6e9 100644
--- a/packages/devtools/src/__tests__/defer-blocks.test.ts
+++ b/packages/devtools/src/__tests__/defer-blocks.test.ts
@@ -1,5 +1,6 @@
 // @vitest-environment jsdom
 import { afterEach, describe, expect, it } from 'vitest';
+import { deferNotes } from '../config.ts';
 import { MAX_DEFER_BLOCKS, createDeferTracker, type DeferDebugNg } from '../defer-blocks.ts';
 import { elementById } from '../element-id.ts';
 import { DEFER_ROWS, deferBlocksText, toComponentPage } from '../rpc/component-tools.ts';
@@ -326,6 +327,31 @@ describe('deferBlocksText', () => {
     expect(text).toContain('`d8` in TripReviews (`c2`): on its placeholder for 29s');
   });
 
+  it('ages blocks on the page clock, not the server clock', () => {
+    const hour = 3_600_000;
+    const serverNow = 1_700_000_000_000;
+    // The page's clock runs an hour ahead: its block went to the placeholder 20 s ago.
+    const pageNow = serverNow + hour;
+    const blocks = [
+      info({ id: 'd1', state: 'placeholder', since: pageNow - 20_000, triggers: ['on idle'] }),
+      info({ id: 'd2', state: 'placeholder', since: pageNow - 2_000, triggers: ['on idle'] }),
+    ];
+    const page = toComponentPage(report(blocks), serverNow, pageNow);
+    expect(page.clockOffset).toBe(-hour);
+    // Read 5 s after the push arrived.
+    const text = deferBlocksText([page], serverNow + 5_000);
+    expect(text).toContain('`d1` in TripReviews (`c2`): on its placeholder for 25s');
+    expect(text).not.toContain('`d2` in');
+    // Without the page clock, the same blocks would read as not stuck at all.
+    const unaware = toComponentPage(report(blocks), serverNow);
+    expect(unaware).not.toHaveProperty('clockOffset');
+    expect(deferBlocksText([unaware], serverNow + 5_000)).not.toContain('Needs attention');
+    // A page clock that is not a time is ignored.
+    for (const bad of ['1', Number.NaN, -5, null]) {
+      expect(toComponentPage(report(blocks), serverNow, bad)).not.toHaveProperty('clockOffset');
+    }
+  });
+
   it('lists at most DEFER_ROWS blocks per page and says how many more are not shown', () => {
     const blocks = Array.from({ length: DEFER_ROWS + 7 }, (_, n) =>
       info({ id: `d${n}`, state: 'error' }),
@@ -398,3 +424,15 @@ describe('deferBlocksText', () => {
     expect(text).not.toContain('abcdefabcdef');
   });
 });
+
+describe('deferNotes', () => {
+  it('adds no age note for a block the page sent no time for', () => {
+    const block = {
+      state: 'placeholder',
+      hydration: 'not-configured',
+      triggers: ['on timer(5000ms)'],
+      since: 0,
+    };
+    expect(deferNotes(block, Date.now()).map((note) => note.kind)).toEqual([]);
+  });
+});
diff --git a/packages/devtools/src/__tests__/delta-channel.test.ts b/packages/devtools/src/__tests__/delta-channel.test.ts
index 4b85ff52..e4b7be32 100644
--- a/packages/devtools/src/__tests__/delta-channel.test.ts
+++ b/packages/devtools/src/__tests__/delta-channel.test.ts
@@ -54,6 +54,51 @@ describe('delta channel', () => {
     expect(stored.at(-1)).toEqual({ ...tree(2), pageId: 'p1' });
   });
 
+  it('carries the page clock outside the report, so it never makes a change', async () => {
+    let now = 1000;
+    const stored: { report: Record<string, unknown>; pageNow: unknown }[] = [];
+    const handler = deltaPush(
+      createReportDeltas(COMPONENT_TREE_SHAPE),
+      () => true,
+      (report, pageNow) => {
+        stored.push({ report, pageNow });
+        return true;
+      },
+    );
+    const calls: unknown[] = [];
+    const channel = createDeltaChannel({
+      call: async (_name, arg) => {
+        calls.push(arg);
+        return handler(JSON.parse(JSON.stringify(arg)));
+      },
+      pageId: 'p1',
+      push: 'push-component-tree',
+      shape: COMPONENT_TREE_SHAPE,
+      keepaliveMs: 60_000,
+      now: () => now,
+      clock: true,
+    });
+    await channel.send(tree(1));
+    now = 2000;
+    await channel.send(tree(2));
+    now = 3000;
+    await channel.send(tree(2));
+    expect(calls).toHaveLength(2);
+    expect(calls[1]).toEqual({
+      pageId: 'p1',
+      delta: { base: 1, seq: 2, set: { count: 2 } },
+      pageNow: 2000,
+    });
+    expect(stored.map((entry) => entry.pageNow)).toEqual([1000, 2000]);
+    // The clock never lands in the stored report, full or rebuilt from a delta.
+    expect(stored.at(-1)!.report).toEqual({ ...tree(2), pageId: 'p1' });
+    expect(stored[0]!.report).not.toHaveProperty('pageNow');
+    // A page that sends full reports only passes its clock the same way.
+    stored.length = 0;
+    handler({ ...tree(3), pageId: 'p2', pageNow: 4000 });
+    expect(stored).toEqual([{ report: { ...tree(3), pageId: 'p2' }, pageNow: 4000 }]);
+  });
+
   it('skips an unchanged report and pings when a keepalive is due', async () => {
     let now = 0;
     const { call, calls, forget, stored } = server();
diff --git a/packages/devtools/src/__tests__/http.test.ts b/packages/devtools/src/__tests__/http.test.ts
index 49cd4778..aa74b3e4 100644
--- a/packages/devtools/src/__tests__/http.test.ts
+++ b/packages/devtools/src/__tests__/http.test.ts
@@ -351,17 +351,54 @@ describe('hydration helpers', () => {
     });
   });
 
+  it('names a mismatch by the class of the component its node hosts', () => {
+    document.body.innerHTML = '<app-card></app-card><p>text</p>';
+    class _ProductCard {}
+    const card = document.querySelector('app-card')!;
+    const text = document.querySelector('p')!.firstChild!;
+    const mismatched = { status: 'mismatched', expectedNodeDetails: '<div>' };
+    (card as unknown as Record<string, unknown>)['__ngDebugHydrationInfo__'] = mismatched;
+    (text as unknown as Record<string, unknown>)['__ngDebugHydrationInfo__'] = mismatched;
+    const ng = {
+      getComponent: (el: Element) => (el === card ? new _ProductCard() : null),
+    };
+    expect(
+      scanHydration(document, ng).mismatches.map(({ component, isClass }) => ({
+        component,
+        isClass,
+      })),
+    ).toEqual([
+      { component: 'ProductCard', isClass: true },
+      { component: '#text', isClass: undefined },
+    ]);
+    // A debug API that throws, or none at all, falls back to the node name.
+    const throwing = {
+      getComponent: () => {
+        throw new Error('not an element');
+      },
+    };
+    expect(scanHydration(document, throwing).mismatches[0]?.component).toBe('app-card');
+    expect(scanHydration(document).mismatches[0]?.component).toBe('app-card');
+  });
+
   it('sanitizes the new hydration fields', () => {
     expect(
       sanitizeHydration({
         enabled: true,
         nodes: { hydrated: 3, skipped: 'x' },
-        mismatches: [{ component: 'app-card', expected: '<div>' }, { expected: 'x' }],
+        mismatches: [
+          { component: 'app-card', expected: '<div>', isClass: 'yes' },
+          { component: 'ProductCard', isClass: true },
+          { expected: 'x' },
+        ],
         warningsCaptured: true,
       }),
     ).toMatchObject({
       nodes: { hydrated: 3, skipped: 0, mismatched: 0 },
-      mismatches: [{ component: 'app-card', expected: '<div>' }],
+      mismatches: [
+        { component: 'app-card', expected: '<div>' },
+        { component: 'ProductCard', isClass: true },
+      ],
       warningsCaptured: true,
     });
     expect(sanitizeHydration({ enabled: false })?.warningsCaptured).toBe(false);
diff --git a/packages/devtools/src/__tests__/hub-messages.test.ts b/packages/devtools/src/__tests__/hub-messages.test.ts
index 267988f3..405cd526 100644
--- a/packages/devtools/src/__tests__/hub-messages.test.ts
+++ b/packages/devtools/src/__tests__/hub-messages.test.ts
@@ -293,13 +293,17 @@ describe('hub messages', () => {
   it('posts hydration mismatches and NG05xx messages once per page', () => {
     const { feed, list } = setup();
     const report = stats({
-      mismatches: [{ component: 'app-cart', expected: '<div>', actual: '<span>' }],
+      mismatches: [
+        { component: 'app-cart', expected: '<div>', actual: '<span>' },
+        { component: 'ProductCard', isClass: true },
+      ],
       warnings: ['NG0505: no hydration info in the server response'],
     });
     feed.hydration('p1', report);
     feed.hydration('p1', report);
     expect(list().map((m) => [m.message, m.level, m.category])).toEqual([
       ['Hydration mismatch at <app-cart>', 'error', 'hydration'],
+      ['Hydration mismatch at ProductCard', 'error', 'hydration'],
       ['NG0505: no hydration info in the server response', 'warn', 'hydration'],
     ]);
     expect(list()[0]!.description).toBe('Expected: <div>\nActual: <span>\n\nPage p1.');
diff --git a/packages/devtools/src/__tests__/page-highlight.test.ts b/packages/devtools/src/__tests__/page-highlight.test.ts
index 3bf79f9c..c78bb364 100644
--- a/packages/devtools/src/__tests__/page-highlight.test.ts
+++ b/packages/devtools/src/__tests__/page-highlight.test.ts
@@ -9,6 +9,8 @@ import {
   highlightBox,
   showHighlight,
 } from '../page-highlight.ts';
+import { elementId } from '../element-id.ts';
+import { pageHighlightTarget } from '../rpc/page-highlight-target.ts';
 
 const handlers = new Map<string, (arg: unknown) => void>();
 
@@ -150,6 +152,43 @@ describe('page highlight', () => {
     }
   });
 
+  it('draws one box around several elements', () => {
+    document.body.innerHTML = '<p id="a"></p><p id="b"></p><p id="c" hidden></p>';
+    const [a, b, c] = ['a', 'b', 'c'].map((id) => document.getElementById(id)!);
+    place(a, { x: 10, y: 20, width: 100, height: 30 });
+    place(b, { x: 40, y: 200, width: 200, height: 50 });
+    place(c, { x: 0, y: 0, width: 0, height: 0 });
+    expect(showHighlight([a, b, c])).toBe(true);
+    expect(box()?.style).toMatchObject({
+      left: '10px',
+      top: '20px',
+      width: '230px',
+      height: '230px',
+    });
+    expect(showHighlight([c])).toBe(false);
+    expect(showHighlight([])).toBe(false);
+  });
+
+  it('draws one box around every id of a highlight-in-page request', async () => {
+    vi.stubGlobal('BroadcastChannel', undefined);
+    const stop = await initOverlay();
+    try {
+      document.body.innerHTML = '<p id="a"></p><p id="b"></p>';
+      const [a, b] = ['a', 'b'].map((id) => document.getElementById(id)!);
+      place(a, { x: 0, y: 0, width: 50, height: 10 });
+      place(b, { x: 0, y: 90, width: 80, height: 10 });
+      handlers.get('highlight-in-page')!({ ids: [elementId(a), elementId(b), 'gone'] });
+      expect(box()?.style).toMatchObject({ top: '0px', width: '80px', height: '100px' });
+      handlers.get('highlight-in-page')!({ id: elementId(a) });
+      expect(box()?.style).toMatchObject({ width: '50px', height: '10px' });
+      handlers.get('highlight-in-page')!({ pageId: 'another-tab', ids: [elementId(a)] });
+      expect(box()).toBeUndefined();
+    } finally {
+      stop();
+      vi.unstubAllGlobals();
+    }
+  });
+
   it('accepts an SVG element from the highlight-in-page request', async () => {
     vi.stubGlobal('BroadcastChannel', undefined);
     const stop = await initOverlay();
@@ -166,3 +205,24 @@ describe('page highlight', () => {
     }
   });
 });
+
+describe('pageHighlightTarget', () => {
+  it('keeps the single id, several ids, selectors and a clear', () => {
+    expect(pageHighlightTarget({ pageId: 'p1', id: 'c1', reveal: true })).toEqual({
+      pageId: 'p1',
+      id: 'c1',
+      reveal: true,
+    });
+    expect(pageHighlightTarget({ pageId: 'p1', ids: ['e1', 2, '', 'e2'] })).toEqual({
+      pageId: 'p1',
+      ids: ['e1', 'e2'],
+    });
+    expect(pageHighlightTarget({ ids: [], id: 'c1' })).toEqual({ id: 'c1' });
+    expect(pageHighlightTarget({ selector: 'app-card' })).toEqual({ selector: 'app-card' });
+    expect(pageHighlightTarget('app-card')).toBe('app-card');
+    expect(pageHighlightTarget(null)).toBe('');
+    expect(pageHighlightTarget({ ids: Array.from({ length: 80 }, (_, i) => `e${i}`) })).toEqual({
+      ids: Array.from({ length: 50 }, (_, i) => `e${i}`),
+    });
+  });
+});
diff --git a/packages/devtools/src/__tests__/router-outlet-secrets.test.ts b/packages/devtools/src/__tests__/router-outlet-secrets.test.ts
new file mode 100644
index 00000000..5be2bb0c
--- /dev/null
+++ b/packages/devtools/src/__tests__/router-outlet-secrets.test.ts
@@ -0,0 +1,202 @@
+// @vitest-environment jsdom
+import '@angular/compiler';
+import { Component, inject } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+import { Router, provideRouter, type Routes } from '@angular/router';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { collectAnalog } from '../analog-runtime.ts';
+import {
+  chainOf,
+  configSecretsFor,
+  secretParamsOf,
+  snapshotRouter,
+  watchRouter,
+  type NavigationRecord,
+} from '../router.ts';
+import { initAngularTestBed, STANDALONE } from './angular-version.ts';
+import { functionalRouter } from './router-testing.ts';
+
+type Node = Record<string, unknown>;
+
+/** An ActivatedRouteSnapshot as Angular builds it: primary child first, then named outlets. */
+function snapshot(
+  path: string | null,
+  params: Node = {},
+  children: Node[] = [],
+  outlet = 'primary',
+) {
+  const url = (path ?? '')
+    .split('/')
+    .filter(Boolean)
+    .map((part) => ({ path: part.startsWith(':') ? String(params[part.slice(1)]) : part }));
+  return {
+    routeConfig: path === null ? null : { path },
+    params,
+    data: {},
+    url,
+    outlet,
+    queryParams: {},
+    fragment: null,
+    children,
+    firstChild: children[0] ?? null,
+  } as Node;
+}
+
+describe('secret params in named outlets (fake ng)', () => {
+  const tree = () =>
+    snapshot(null, {}, [
+      snapshot('inbox', {}, [
+        snapshot(':id', { id: '7' }),
+        snapshot('reset/:token', { token: 'NESTEDFAKE41' }, [], 'detail'),
+      ]),
+      snapshot('reset/:token', { token: 'SIDEFAKE42' }, [], 'side'),
+    ]);
+
+  it('collects the secret params of every outlet, not only the primary chain', () => {
+    expect(secretParamsOf(tree())).toEqual(['NESTEDFAKE41', 'SIDEFAKE42']);
+  });
+
+  it('masks them in the router snapshot and the Analog report', () => {
+    document.body.innerHTML = '<app-root ng-version="22"></app-root>';
+    const router = {
+      url: '/inbox/(7//detail:reset/NESTEDFAKE41)(side:reset/SIDEFAKE42)',
+      config: [],
+      routerState: { snapshot: { root: tree() } },
+    };
+    const routerSnapshot = snapshotRouter(router)!;
+    expect(routerSnapshot.url).toBe('/inbox/(7//detail:reset/[redacted])(side:reset/[redacted])');
+    const side = routerSnapshot.root.children[1];
+    expect(side).toMatchObject({ outlet: 'side', url: 'reset/[redacted]' });
+    expect(side.params).toEqual({ token: '[redacted]' });
+    const ng = { getInjector: () => ({}), ɵgetRouterInstance: () => router };
+    const report = collectAnalog(ng, 'p1', [])!;
+    expect(report.url).toBe('/inbox/(7//detail:reset/[redacted])(side:reset/[redacted])');
+    expect(JSON.stringify({ routerSnapshot, report })).not.toMatch(/NESTEDFAKE41|SIDEFAKE42/);
+  });
+
+  it('walks firstChild when children is missing, and stops on a cyclic tree', () => {
+    const leaf = snapshot('reset/:token', { token: 'FIRSTCHILD43' });
+    const parent: Node = { ...snapshot('a'), children: undefined, firstChild: leaf };
+    expect(secretParamsOf(parent)).toEqual(['FIRSTCHILD43']);
+    const loop = snapshot('loop');
+    loop['children'] = [loop, loop, { ...loop, outlet: 'side' }];
+    expect(chainOf(loop).length).toBeLessThanOrEqual(200);
+  });
+});
+
+initAngularTestBed();
+
+class Page {}
+Component({ ...STANDALONE, selector: 'app-outlet-page', template: '' })(Page);
+
+const routes: Routes = [
+  { path: '', component: Page },
+  { path: 'login', component: Page },
+  {
+    path: 'inbox',
+    component: Page,
+    children: [
+      { path: ':id', component: Page },
+      { path: 'reset/:token', component: Page, outlet: 'detail' },
+    ],
+  },
+  { path: 'vault/:apiKey', component: Page, outlet: 'side' },
+  {
+    path: 'reset/:token',
+    component: Page,
+    outlet: 'side',
+    canMatch: [() => inject(Router).parseUrl('/login')],
+  },
+];
+
+describe.runIf(functionalRouter)('secret params in named outlets (real Router)', () => {
+  let router: Router;
+  let navigations: NavigationRecord[];
+  let stop: (() => void) | null;
+
+  beforeEach(async () => {
+    TestBed.resetTestingModule();
+    TestBed.configureTestingModule({ providers: [provideRouter(routes)] });
+    router = TestBed.inject(Router);
+    navigations = [];
+    stop = watchRouter(router as never, navigations, () => {});
+    await router.navigateByUrl('/');
+  });
+
+  afterEach(() => stop?.());
+
+  it('finds secret path params of named outlets in the router config', () => {
+    expect(configSecretsFor(router as never, '/(side:reset/CONFIGSIDE51)')).toEqual([
+      'CONFIGSIDE51',
+    ]);
+    expect(configSecretsFor(router as never, '/inbox/(7//detail:reset/CONFIGNEST52)')).toEqual([
+      'CONFIGNEST52',
+    ]);
+    expect(configSecretsFor(router as never, '/(detail:reset/WRONGOUTLET53)')).toEqual([]);
+  });
+
+  it('masks a named outlet param in the snapshot and the navigation', async () => {
+    await router.navigateByUrl('/(side:vault/OUTLETKEY54)');
+    const routerSnapshot = snapshotRouter(router as never)!;
+    expect(routerSnapshot.url).toBe('/(side:vault/[redacted])');
+    const side = routerSnapshot.root.children.find((child) => child.outlet === 'side');
+    expect(side?.params).toEqual({ apiKey: '[redacted]' });
+    expect(navigations.at(-1)).toMatchObject({ url: '/(side:vault/[redacted])' });
+    expect(JSON.stringify({ routerSnapshot, navigations })).not.toContain('OUTLETKEY54');
+  });
+
+  it('masks a named outlet param before the route is recognized', async () => {
+    // canMatch redirects, so the route never activates and only the config match can mask it.
+    await router.navigateByUrl('/(side:reset/UNRECOGNIZED55)');
+    expect(JSON.stringify(navigations)).not.toContain('UNRECOGNIZED55');
+  });
+});
+
+class Shell {}
+Component({ ...STANDALONE, selector: 'app-outlet-shell', template: '' })(Shell);
+
+/** A layout route with an empty path whose children hold a named outlet. */
+const shellRoutes: Routes = [
+  {
+    path: '',
+    component: Shell,
+    children: [
+      { path: 'home', component: Page },
+      { path: 'reset/:token', component: Page, outlet: 'side' },
+    ],
+  },
+  {
+    path: 'admin',
+    component: Shell,
+    children: [{ path: 'key/:apiKey', component: Page, outlet: 'side' }],
+  },
+];
+
+describe.runIf(functionalRouter)('secret params under an empty-path layout (real Router)', () => {
+  let router: Router;
+
+  beforeEach(() => {
+    TestBed.resetTestingModule();
+    TestBed.configureTestingModule({ providers: [provideRouter(shellRoutes)] });
+    router = TestBed.inject(Router);
+  });
+
+  /** The params of every activated route, so the test proves Angular matched the URL too. */
+  const activeParams = () =>
+    chainOf(router.routerState.snapshot.root as never).map((route) => ({ ...route['params'] }));
+
+  it.each([
+    ['/(side:reset/SHELLSIDE61)', 'SHELLSIDE61'],
+    ['/home(side:reset/SHELLSIDE62)', 'SHELLSIDE62'],
+  ])('matches %s like the router does', async (url, secret) => {
+    expect(await router.navigateByUrl(url)).toBe(true);
+    expect(activeParams()).toContainEqual({ token: secret });
+    expect(configSecretsFor(router as never, url)).toEqual([secret]);
+  });
+
+  it('does not let a named outlet through a route with a path', async () => {
+    // Angular only lets an empty-path route match for another outlet.
+    await expect(router.navigateByUrl('/(side:key/NOMATCH63)')).rejects.toThrow();
+    expect(configSecretsFor(router as never, '/(side:key/NOMATCH63)')).toEqual([]);
+  });
+});
diff --git a/packages/devtools/src/__tests__/signal-form-masks-real.test.ts b/packages/devtools/src/__tests__/signal-form-masks-real.test.ts
new file mode 100644
index 00000000..e3996788
--- /dev/null
+++ b/packages/devtools/src/__tests__/signal-form-masks-real.test.ts
@@ -0,0 +1,166 @@
+// @vitest-environment jsdom
+import '@angular/compiler';
+import {
+  Component,
+  computed,
+  provideZonelessChangeDetection,
+  signal,
+  type ApplicationRef,
+} from '@angular/core';
+import { FormField, form } from '@angular/forms/signals';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { forgetMaskedFormValues } from '../component-form-masks.ts';
+import { setRedaction } from '../forms-privacy.ts';
+import { collectSignalGraph, graphValue, type SignalDebugNg } from '../signal-graph.ts';
+import { createSignalHistory } from '../signal-history.ts';
+import { maskHistory, secretsOfGraph } from '../signal-masks.ts';
+import { answerPeek } from '../signal-peek.ts';
+import { serializeNamed } from '../serialize.ts';
+import { angularAtLeast, STANDALONE } from './angular-version.ts';
+
+const PW = 'CNRY_pw_q7Zx';
+const TOKEN = 'CNRY_token_k2Lm';
+const API_KEY = 'CNRY_apiKey_w9Rt';
+const CONFIRM = 'CNRY_confirm_b4Np';
+const CLIENT_SECRET = 'CNRY_clientSecret_h3Vd';
+const NICKNAME = 'CNRY_nickname_z8Qa';
+const EMAIL = 'ada@example.com';
+
+class SignalSecrets {
+  readonly model = signal({
+    email: EMAIL,
+    password: PW,
+    token: TOKEN,
+    apiKey: API_KEY,
+    confirm: CONFIRM,
+    clientSecret: CLIENT_SECRET,
+    nickname: NICKNAME,
+  });
+  readonly login = form(this.model);
+  // Not bound in the template: only the name tells it is secret.
+  readonly secretSize = computed(() => this.login.clientSecret().value().length);
+  readonly nicknameSize = computed(() => this.login.nickname().value().length);
+}
+
+Component({
+  ...STANDALONE,
+  selector: 'app-signal-secrets',
+  imports: [FormField],
+  template: `
+    <input [formField]="login.email" />
+    <input [formField]="login.password" />
+    <input [formField]="login.token" />
+    <input [formField]="login.apiKey" />
+    <input type="password" [formField]="login.confirm" />
+    {{ secretSize() }} {{ nicknameSize() }}
+  `,
+})(SignalSecrets);
+
+const settle = async (app: ApplicationRef) => {
+  for (let i = 0; i < 5; i++) {
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    app.tick();
+  }
+};
+
+const CANARIES = [PW, TOKEN, API_KEY, CONFIRM, CLIENT_SECRET];
+
+function history() {
+  return createSignalHistory(
+    (value, name) => serializeNamed(name, value, { budget: 1000 }),
+    Date.now,
+    (value, name) => graphValue(name, value),
+  );
+}
+
+describe.skipIf(!angularAtLeast('21.0.0'))('signal graph of a Signal Forms form', () => {
+  let app: ApplicationRef | null = null;
+  const ng = () => (globalThis as { ng?: SignalDebugNg }).ng!;
+
+  beforeEach(async () => {
+    forgetMaskedFormValues();
+    setRedaction();
+    document.body.innerHTML = '<app-signal-secrets></app-signal-secrets>';
+    app = await bootstrapApplication(SignalSecrets, {
+      providers: [provideZonelessChangeDetection()],
+    });
+    await settle(app);
+  });
+
+  afterEach(() => {
+    app?.destroy();
+    app = null;
+    setRedaction();
+    delete (globalThis as { __PANGULAR_FORMS__?: unknown }).__PANGULAR_FORMS__;
+  });
+
+  it('masks secret field values in the nodes the page pushes, and keeps other fields readable', () => {
+    // No target: the graph the page pushes for its root component.
+    for (const target of [null, { selector: 'app-signal-secrets' }]) {
+      const graph = collectSignalGraph(ng(), target)!;
+      const text = JSON.stringify(graph);
+      // Signal Forms keeps each field value in an unnamed computed node.
+      expect(graph.nodes.some((n) => n.kind === 'computed' && !n.label && n.value === EMAIL)).toBe(
+        true,
+      );
+      expect(graph.nodes.filter((n) => n.value === '[redacted]').length).toBeGreaterThanOrEqual(5);
+      for (const canary of CANARIES) expect(text).not.toContain(canary);
+    }
+  });
+
+  it('masks a field named by redaction.secretNames', () => {
+    expect(JSON.stringify(collectSignalGraph(ng(), null))).toContain(NICKNAME);
+    setRedaction({ secretNames: ['nickname'] });
+    expect(JSON.stringify(collectSignalGraph(ng(), null))).not.toContain(NICKNAME);
+  });
+
+  it('keeps a field the page unmasks readable', () => {
+    (globalThis as { __PANGULAR_FORMS__?: unknown }).__PANGULAR_FORMS__ = { unmask: ['token'] };
+    const text = JSON.stringify(collectSignalGraph(ng(), null));
+    expect(text).toContain(TOKEN);
+    for (const canary of [PW, API_KEY, CONFIRM, CLIENT_SECRET]) expect(text).not.toContain(canary);
+  });
+
+  it('masks secret values in a peek and its history, also after the value changed', async () => {
+    const signals = history();
+    const peek = () =>
+      answerPeek(
+        { requestId: 'r1', selector: 'app-signal-secrets' },
+        'page-1',
+        (target) => collectSignalGraph(ng(), target),
+        signals,
+      ).graph!;
+    const first = peek();
+    expect(first.component?.tag).toBe('app-signal-secrets');
+    expect(JSON.stringify(first.history)).toContain(EMAIL);
+    for (const canary of CANARIES) expect(JSON.stringify(first)).not.toContain(canary);
+
+    const component = (
+      ng() as unknown as { getComponent(el: Element): SignalSecrets }
+    ).getComponent(document.querySelector('app-signal-secrets')!);
+    component.model.update((m) => ({ ...m, password: 'CNRY_pw_next_r5Tu' }));
+    await settle(app!);
+
+    const second = peek();
+    const text = JSON.stringify(second);
+    // The history now holds the old and the new password: both masked.
+    for (const canary of [...CANARIES, 'CNRY_pw_next_r5Tu']) expect(text).not.toContain(canary);
+    expect(Object.values(second.history!).some((changes) => changes.length > 1)).toBe(true);
+  });
+
+  it('masks history entries recorded before the value was known to be secret', () => {
+    const graph = collectSignalGraph(ng(), null)!;
+    const recorded = {
+      '1': [{ epoch: 1, value: PW, at: 0, source: 'write' as const }],
+      '2': [{ epoch: 1, value: { note: `copy of ${TOKEN}` }, at: 0, source: 'sample' as const }],
+      '3': [{ epoch: 1, value: EMAIL, at: 0, source: 'initial' as const }],
+    };
+    const masked = maskHistory(recorded, secretsOfGraph({ ...graph }));
+    expect(masked['1']![0]!.value).toBe('[redacted]');
+    expect(masked['2']![0]!.value).toEqual({ note: 'copy of [redacted]' });
+    expect(masked['3']![0]).toBe(recorded['3'][0]);
+    // The kept entries are left as recorded, for restores.
+    expect(recorded['1'][0].value).toBe(PW);
+  });
+});
diff --git a/packages/devtools/src/__tests__/signal-form-masks.test.ts b/packages/devtools/src/__tests__/signal-form-masks.test.ts
new file mode 100644
index 00000000..7a4f0407
--- /dev/null
+++ b/packages/devtools/src/__tests__/signal-form-masks.test.ts
@@ -0,0 +1,154 @@
+// @vitest-environment jsdom
+import { afterEach, describe, expect, it } from 'vitest';
+import { forgetMaskedFormValues } from '../component-form-masks.ts';
+import { collectSignalGraph, graphValue, type SignalDebugNg } from '../signal-graph.ts';
+import { createSignalHistory } from '../signal-history.ts';
+import { maskHistory, secretsOfGraph } from '../signal-masks.ts';
+import { answerPeek } from '../signal-peek.ts';
+
+function directive(selector: string, fields: Record<string, unknown>) {
+  class Dir {}
+  (Dir as unknown as Record<string, unknown>)['ɵdir'] = { selectors: [['', selector, '']] };
+  return Object.assign(new Dir(), fields);
+}
+
+const field = (name: string, value: unknown) =>
+  directive('formField', { state: () => ({ name: () => `login.${name}`, value: () => value }) });
+
+class Login {}
+
+const root = { scopes: new Set(['environment', 'root']) };
+
+/**
+ * A component with Signal Forms fields bound with `[formField]`, and a signal
+ * graph shaped like Angular's: one unnamed `computed` per field value.
+ */
+function setup(values: Record<string, string>) {
+  document.body.innerHTML = `
+    <app-login ng-version="22.0.0">
+      <input id="email" />
+      <input id="password" />
+      <input id="token" />
+      <input id="apiKey" />
+      <input id="code" autocomplete="one-time-code" />
+      <input id="note" data-pangular="mask" />
+    </app-login>`;
+  const host = document.querySelector('app-login')!;
+  const at = (id: string) => document.getElementById(id)!;
+  const instance = new Login();
+  const ng: SignalDebugNg = {
+    getComponent: (el) => (el === host ? instance : null),
+    getInjector: (el) => el,
+    getDirectives: (el) => (el.id && el.id in values ? [field(el.id, values[el.id])] : []),
+    ɵgetInjectorResolutionPath: (injector) => [injector, root],
+    ɵgetInjectorMetadata: (injector) =>
+      injector === root
+        ? { type: 'environment', source: null }
+        : { type: 'element', source: at('email') },
+    ɵgetSignalGraph: (injector) => ({
+      nodes:
+        injector === root
+          ? [{ id: '20', kind: 'signal', label: 'lastLogin', epoch: 1, value: values['password'] }]
+          : [
+              { id: '1', kind: 'signal', label: 'model', epoch: 1, value: { ...values } },
+              ...Object.keys(values).map((key, i) => ({
+                id: String(i + 2),
+                kind: 'computed',
+                epoch: 1,
+                value: values[key],
+              })),
+              {
+                id: '9',
+                kind: 'computed',
+                label: 'summary',
+                epoch: 1,
+                value: `token ${values['token']} for ${values['email']}`,
+              },
+            ],
+      edges: [],
+    }),
+  };
+  return { ng, host };
+}
+
+const VALUES = {
+  email: 'ada@example.com',
+  password: 'CNRY_pw_q7Zx',
+  token: 'CNRY_token_k2Lm',
+  apiKey: 'CNRY_apiKey_w9Rt',
+  code: '845210',
+  note: 'CNRY_note_m1Xc',
+};
+const SECRETS = ['CNRY_pw_q7Zx', 'CNRY_token_k2Lm', 'CNRY_apiKey_w9Rt', '845210', 'CNRY_note_m1Xc'];
+
+function history() {
+  return createSignalHistory(
+    (value, name) => graphValue(name, value),
+    Date.now,
+    (value, name) => graphValue(name, value),
+  );
+}
+
+describe('signal graph form masks', () => {
+  afterEach(() => {
+    forgetMaskedFormValues();
+    document.body.innerHTML = '';
+  });
+
+  it('masks unnamed nodes that hold a secret field value, in the graph the page pushes', () => {
+    const { ng } = setup(VALUES);
+    const graph = collectSignalGraph(ng, null)!;
+    expect(graph.component?.tag).toBe('app-login');
+    const text = JSON.stringify(graph);
+    for (const secret of SECRETS) expect(text).not.toContain(secret);
+    const byId = Object.fromEntries(graph.nodes.map((n) => [n.id, n.value]));
+    expect(byId['2']).toBe('ada@example.com');
+    expect(byId['3']).toBe('[redacted]');
+    expect(byId['9']).toBe('token [redacted] for ada@example.com');
+  });
+
+  it('masks a peek by selector, by id and its history, and keeps harmless values', () => {
+    const { ng } = setup(VALUES);
+    const signals = history();
+    for (const request of [{ selector: 'app-login' }, { env: 'root' }]) {
+      const answer = answerPeek(
+        { requestId: 'r', ...request },
+        'page-1',
+        (target) => collectSignalGraph(ng, target),
+        signals,
+      );
+      const text = JSON.stringify(answer);
+      expect(answer.graph).not.toBeNull();
+      for (const secret of SECRETS) expect(text).not.toContain(secret);
+    }
+    // The environment graph masks the values the component's fields showed as secret.
+    const env = collectSignalGraph(ng, { env: 'root' })!;
+    expect(env.nodes[0]!.value).toBe('[redacted]');
+    const peek = answerPeek(
+      { requestId: 'r', selector: 'app-login' },
+      'page-1',
+      (target) => collectSignalGraph(ng, target),
+      signals,
+    ).graph!;
+    expect(peek.history!['2']![0]!.value).toBe('ada@example.com');
+    expect(peek.history!['3']![0]!.value).toBe('[redacted]');
+  });
+
+  it('keeps masking a secret value after the field changed', () => {
+    const first = setup(VALUES);
+    collectSignalGraph(first.ng, null);
+    const { ng } = setup({ ...VALUES, password: 'CNRY_pw_next_r5Tu' });
+    const graph = collectSignalGraph(ng, null)!;
+    const old = maskHistory(
+      { '3': [{ epoch: 1, value: 'CNRY_pw_q7Zx', at: 0, source: 'initial' }] },
+      secretsOfGraph(graph),
+    );
+    expect(old['3']![0]!.value).toBe('[redacted]');
+    expect(JSON.stringify(graph)).not.toContain('CNRY_pw_next_r5Tu');
+  });
+
+  it('leaves history alone when the graph has no secrets', () => {
+    const recorded = { '1': [{ epoch: 1, value: 'x', at: 0, source: 'write' as const }] };
+    expect(maskHistory(recorded, new Set())).toBe(recorded);
+  });
+});
diff --git a/packages/devtools/src/__tests__/signal-history.test.ts b/packages/devtools/src/__tests__/signal-history.test.ts
index b7ee7670..aee4e1a2 100644
--- a/packages/devtools/src/__tests__/signal-history.test.ts
+++ b/packages/devtools/src/__tests__/signal-history.test.ts
@@ -30,6 +30,20 @@ function write(onWrite: (n: RawSignalNode) => void, raw: RawSignalNode, value: u
 }
 
 describe('createSignalHistory', () => {
+  it('matches writes to a node whose graph value is masked', () => {
+    const h = createSignalHistory(identity);
+    const raw: RawSignalNode = { debugName: 'token', kind: 'signal', value: 't0', version: 0 };
+    const first = graphNode('a', 'token', 0, '••••');
+    setRawValue(first, 't0');
+    h.collect([first]);
+    write(h.onWrite, raw, 't1');
+    write(h.onWrite, raw, 't2');
+    const next = graphNode('a', 'token', 2, '••••');
+    setRawValue(next, 't2');
+    const out = h.collect([next]);
+    expect(out['a'].filter((c) => c.source === 'write')).toHaveLength(2);
+  });
+
   it('records the first snapshot as initial', () => {
     const h = createSignalHistory(identity, () => 1);
     const out = h.collect([graphNode('a', 'count', 0, 0)]);
diff --git a/packages/devtools/src/__tests__/signal-peek.test.ts b/packages/devtools/src/__tests__/signal-peek.test.ts
index 4030f07c..6e8ad7bb 100644
--- a/packages/devtools/src/__tests__/signal-peek.test.ts
+++ b/packages/devtools/src/__tests__/signal-peek.test.ts
@@ -3,7 +3,8 @@ import { afterEach, describe, expect, it, vi } from 'vitest';
 import { collectSignalGraph, type SignalDebugNg, type SignalTarget } from '../signal-graph.ts';
 import { createSignalHistory } from '../signal-history.ts';
 import { PEEK_EVENT, PEEK_RESULT, registerSignalPeek, toPeekRequest } from '../signal-peek.ts';
-import { createSignalPeeks } from '../rpc/signal-peeks.ts';
+import { elementId } from '../element-id.ts';
+import { createSignalPeeks, signalPeekFor } from '../rpc/signal-peeks.ts';
 
 class Root {}
 class Page {}
@@ -112,6 +113,57 @@ describe('registerSignalPeek', () => {
     ]);
   });
 
+  it('answers with the graph of the component host a selector or instance id names', async () => {
+    document.body.innerHTML = page;
+    const session = fakeRpc();
+    const collect = vi.fn((wanted: SignalTarget) => collectSignalGraph(fakeNg(), wanted));
+    registerSignalPeek(session.rpc, 'p1', collect);
+    const rootId = elementId(document.querySelector('app-root')!);
+
+    session.handlers.get(PEEK_EVENT)!({ requestId: 'peek4', selector: 'app-root' });
+    session.handlers.get(PEEK_EVENT)!({ requestId: 'peek5', id: rootId });
+    await Promise.resolve();
+
+    expect(collect.mock.calls).toEqual([[{ selector: 'app-root' }], [{ id: rootId }]]);
+    const expected = {
+      pageId: 'p1',
+      graph: {
+        pageId: 'p1',
+        source: 'selected',
+        component: { id: rootId, name: 'Root', tag: 'app-root' },
+        nodes: [{ label: 'app-root' }],
+      },
+    };
+    expect(session.calls).toEqual([
+      [PEEK_RESULT, expect.objectContaining({ requestId: 'peek4' })],
+      [PEEK_RESULT, expect.objectContaining({ requestId: 'peek5' })],
+    ]);
+    expect(session.calls[0]![1]).toMatchObject(expected);
+    expect(session.calls[1]![1]).toMatchObject(expected);
+  });
+
+  it('answers null instead of the routed graph when no component host matches', async () => {
+    document.body.innerHTML = `${page}<p class="plain"></p>`;
+    const session = fakeRpc();
+    registerSignalPeek(session.rpc, 'p1', (wanted) => collectSignalGraph(fakeNg(), wanted));
+    for (const [requestId, target] of [
+      ['peek6', { selector: 'app-nope' }],
+      ['peek7', { selector: 'p.plain' }],
+      ['peek8', { selector: '[[bad' }],
+      ['peek9', { id: 'e999' }],
+    ] as const) {
+      session.handlers.get(PEEK_EVENT)!({ requestId, ...target });
+    }
+    await Promise.resolve();
+    expect(session.calls.map(([, answer]) => answer)).toEqual(
+      ['peek6', 'peek7', 'peek8', 'peek9'].map((requestId) => ({
+        requestId,
+        pageId: 'p1',
+        graph: null,
+      })),
+    );
+  });
+
   it('ignores requests for another page and malformed requests', async () => {
     document.body.innerHTML = page;
     const session = fakeRpc();
@@ -119,6 +171,10 @@ describe('registerSignalPeek', () => {
     session.handlers.get(PEEK_EVENT)!({ requestId: 'peek3', env: 'root', pageId: 'p2' });
     session.handlers.get(PEEK_EVENT)!({ env: 'root' });
     session.handlers.get(PEEK_EVENT)!(null);
+    // One target only, and a string each.
+    session.handlers.get(PEEK_EVENT)!({ requestId: 'peek10', env: 'root', selector: 'app-root' });
+    session.handlers.get(PEEK_EVENT)!({ requestId: 'peek11', selector: 42 });
+    session.handlers.get(PEEK_EVENT)!({ requestId: 'peek12', selector: 'x'.repeat(501) });
     await Promise.resolve();
     expect(session.calls).toEqual([]);
     expect(toPeekRequest({ requestId: 'r', env: 'root', pageId: 'p1' }, 'p1')).toEqual({
@@ -133,8 +189,14 @@ describe('createSignalPeeks', () => {
 
   it('resolves with the first graph from the asked page and ignores other pages', async () => {
     const peeks = createSignalPeeks();
-    const sent: { requestId: string; env: string; pageId?: string }[] = [];
-    const answer = peeks.request((message) => sent.push(message), 'root', 'p1', ['p1'], 1000);
+    const sent: Record<string, unknown>[] = [];
+    const answer = peeks.request(
+      (message) => sent.push(message),
+      { env: 'root' },
+      'p1',
+      ['p1'],
+      1000,
+    );
     const { requestId } = sent[0]!;
     expect(sent[0]).toEqual({ requestId, env: 'root', pageId: 'p1' });
     peeks.answer({ requestId, pageId: 'p2', graph: { nodes: [], edges: [] } });
@@ -147,7 +209,7 @@ describe('createSignalPeeks', () => {
     let requestId = '';
     const answer = peeks.request(
       (m) => (requestId = m.requestId),
-      'root',
+      { env: 'root' },
       undefined,
       ['p1', 'p2'],
       60_000,
@@ -164,7 +226,7 @@ describe('createSignalPeeks', () => {
     let settled = false;
     const answer = peeks.request(
       (m) => (requestId = m.requestId),
-      'root',
+      { env: 'root' },
       undefined,
       ['p1', 'p2'],
       60_000,
@@ -181,8 +243,31 @@ describe('createSignalPeeks', () => {
   it('resolves null when no page answers in time', async () => {
     vi.useFakeTimers();
     const peeks = createSignalPeeks();
-    const answer = peeks.request(() => {}, 'root', undefined, ['p1'], 1500);
+    const answer = peeks.request(() => {}, { env: 'root' }, undefined, ['p1'], 1500);
     await vi.advanceTimersByTimeAsync(1500);
     expect(await answer).toBeNull();
   });
 });
+
+describe('signalPeekFor', () => {
+  const hits = [
+    { pageId: 'p1', node: { id: 'c3', kind: 'directive' as const } },
+    { pageId: 'p2', node: { id: 'c7' } },
+  ];
+
+  it('asks for a selector as given, an environment injector, or the first component instance', () => {
+    expect(signalPeekFor({ selector: 'app-card.featured' }, hits)).toEqual({
+      target: { selector: 'app-card.featured' },
+    });
+    expect(signalPeekFor({ component: '/admin' }, hits)).toEqual({ target: { env: '/admin' } });
+    expect(signalPeekFor({ component: 'Card' }, hits)).toEqual({
+      target: { id: 'c7' },
+      pageId: 'p2',
+    });
+  });
+
+  it('asks nothing when the component tree has no such component', () => {
+    expect(signalPeekFor({ component: 'Card' }, [])).toBeNull();
+    expect(signalPeekFor({ component: 'Card' }, [hits[0]!])).toBeNull();
+  });
+});
diff --git a/packages/devtools/src/__tests__/tool-metadata.test.ts b/packages/devtools/src/__tests__/tool-metadata.test.ts
index d966deeb..6f204fa8 100644
--- a/packages/devtools/src/__tests__/tool-metadata.test.ts
+++ b/packages/devtools/src/__tests__/tool-metadata.test.ts
@@ -256,7 +256,7 @@ describe('agent tool arguments', () => {
     for (const args of [{}, { component: '   ' }]) {
       const result = await invoke('pangular_inspect-signals', args);
       expect(result.isError).toBe(true);
-      expect(result.content[0]!.text).toMatch(/Pass `component`/);
+      expect(result.content[0]!.text).toMatch(/Pass one of `component`.*`selector`/);
       expect(result.content[0]!.text).not.toMatch(RAW_ERROR);
     }
   });
diff --git a/packages/devtools/src/analog-runtime.ts b/packages/devtools/src/analog-runtime.ts
index bf8b1fc0..f96a1fce 100644
--- a/packages/devtools/src/analog-runtime.ts
+++ b/packages/devtools/src/analog-runtime.ts
@@ -7,8 +7,11 @@ import { tapConsole } from './console-tap.ts';
 import { setTimeoutOutside } from './outside-angular.ts';
 import {
   findRouters,
+  outletOf,
+  PRIMARY_OUTLET,
   redactText,
   redactUrl,
+  routeChildrenOf,
   secretParamsOf,
   type RouterDebugApi,
 } from './router.ts';
@@ -21,6 +24,8 @@ export interface AnalogPageInfo {
   path: string;
   file?: string;
   serverFile?: string;
+  /** The named outlet the page renders in; absent for the primary outlet. */
+  outlet?: string;
 }
 
 export interface AnalogRuntimeReport {
@@ -93,6 +98,15 @@ function isEmptyObject(value: unknown): boolean {
   );
 }
 
+const MAX_CHAIN = 40;
+const MAX_NODES = 200;
+
+/**
+ * The Analog pages on the active route tree. The primary outlet's chain comes
+ * first, outermost page first. Then come the pages of named (auxiliary)
+ * outlets, outer outlets first, each labelled with its outlet. Only the
+ * primary chain picks the load() data.
+ */
 export function chainOf(root: AnyRecord | null): {
   chain: AnalogPageInfo[];
   data: unknown;
@@ -101,25 +115,52 @@ export function chainOf(root: AnyRecord | null): {
   const chain: AnalogPageInfo[] = [];
   let data: unknown;
   let loadFrom: number | undefined;
-  const segments: string[] = [];
-  for (let node = root, guard = 0; node && guard < 40; guard++) {
-    const config = read(() => node!['routeConfig'] as AnyRecord | null, null);
-    const path = read(() => String(config?.['path'] ?? ''), '');
-    if (path) segments.push(path);
-    const meta = analogMetaOf(config);
-    if (meta) {
-      chain.push({ path: `/${segments.join('/')}`, ...fileOfEndpoint(meta.endpointKey) });
-      const load = read(() => node!['data']?.['load'], undefined);
-      // An empty-path child inherits its parent's resolved data, so the same
-      // object again is the parent's load(), unless this route resolves its own.
-      const own = read(() => !!config?.['resolve']?.['load'], false);
-      const inherited = load === data && !own;
-      if (load !== undefined && !inherited && (loadFrom === undefined || !isEmptyObject(load))) {
-        data = load;
-        loadFrom = chain.length - 1;
+  let visited = 0;
+  const branches: { node: AnyRecord; segments: string[]; outlet?: string }[] = [];
+  if (root) branches.push({ node: root, segments: [] });
+  for (let b = 0; b < branches.length && chain.length < MAX_CHAIN; b++) {
+    const { outlet } = branches[b];
+    const segments = [...branches[b].segments];
+    let node: AnyRecord | undefined = branches[b].node;
+    for (let depth = 0; node && depth < 40 && visited < MAX_NODES; depth++, visited++) {
+      const current: AnyRecord = node;
+      const config = read(() => current['routeConfig'] as AnyRecord | null, null);
+      const path = read(() => String(config?.['path'] ?? ''), '');
+      if (path) segments.push(path);
+      const meta = analogMetaOf(config);
+      if (meta && chain.length < MAX_CHAIN) {
+        chain.push({
+          path: `/${segments.join('/')}`,
+          ...fileOfEndpoint(meta.endpointKey),
+          ...(outlet ? { outlet } : {}),
+        });
+        if (!outlet) {
+          const load = read(() => current['data']?.['load'], undefined);
+          // An empty-path child inherits its parent's resolved data, so the same
+          // object again is the parent's load(), unless this route resolves its own.
+          const own = read(() => !!config?.['resolve']?.['load'], false);
+          const inherited = load === data && !own;
+          if (
+            load !== undefined &&
+            !inherited &&
+            (loadFrom === undefined || !isEmptyObject(load))
+          ) {
+            data = load;
+            loadFrom = chain.length - 1;
+          }
+        }
+      }
+      // Angular sorts the primary child first; named outlets wait their turn.
+      let next: AnyRecord | undefined;
+      for (const child of routeChildrenOf(current)) {
+        const name = outletOf(child);
+        if (name === PRIMARY_OUTLET && !next) next = child;
+        else if (branches.length < MAX_NODES) {
+          branches.push({ node: child, segments: [...segments], outlet: name });
+        }
       }
+      node = next;
     }
-    node = read(() => node!['firstChild'] as AnyRecord | null, null);
   }
   return { chain, data, loadFrom };
 }
diff --git a/packages/devtools/src/component-form-masks.ts b/packages/devtools/src/component-form-masks.ts
index 45db0059..d0676326 100644
--- a/packages/devtools/src/component-form-masks.ts
+++ b/packages/devtools/src/component-form-masks.ts
@@ -176,6 +176,17 @@ export function maskedFormValues<H extends object>(
   return new Set([...seen, ...out, ...formSecretValues()]);
 }
 
+/**
+ * Keeps secret values found another way than the element scan, such as the
+ * secret Signal Forms fields of a component instance (`signal-masks.ts`), so
+ * they stay hidden like the scanned ones, also after they change.
+ */
+export function rememberMaskedValues(values: Iterable<string>) {
+  const out = new Set<string>();
+  for (const value of values) addValue(out, value);
+  if (out.size) remember(out);
+}
+
 /** Forgets the values seen so far, for tests. */
 export function forgetMaskedFormValues() {
   seen.clear();
diff --git a/packages/devtools/src/config.ts b/packages/devtools/src/config.ts
index 5872bff0..01f686da 100644
--- a/packages/devtools/src/config.ts
+++ b/packages/devtools/src/config.ts
@@ -2228,3 +2228,85 @@ export function angularUnavailableText(
   }
   return `${head}; this page runs Angular ${runs}.`;
 }
+
+// `@defer` block notes. They live here, in an entry without imports, so the
+// defer-blocks agent tool and the panel's Defer blocks list word them the same.
+
+/** How long a block may sit on its placeholder before the notes call it stuck. */
+export const STUCK_PLACEHOLDER_MS = 10_000;
+
+/** The fields of a `@defer` block the notes read (`DeferBlockInfo` in `types.ts`). */
+export interface DeferNoteBlock {
+  state: string;
+  hydration: string;
+  hydrateNever?: boolean;
+  triggers: string[];
+  /** Page clock, ms since epoch, when the state or hydration state last changed. */
+  since: number;
+}
+
+export interface DeferNote {
+  kind: 'failed' | 'stuck' | 'waiting' | 'hydrate-never' | 'dehydrated';
+  /** The words the agent tool prints. */
+  text: string;
+  /** The short badge the panel shows. */
+  label: string;
+  /** For `stuck` and `waiting`: the age in seconds that `label` ends with. */
+  seconds?: number;
+}
+
+/** Triggers that wait for the user, so a long wait on the placeholder is normal. */
+const USER_TRIGGER = /^on (viewport|interaction|hover)\b/;
+
+/**
+ * Whether a block waits only for the user: every main trigger (not `prefetch`
+ * or `hydrate`) is `on viewport`, `on interaction` or `on hover`.
+ */
+function waitsForUser(triggers: string[]): boolean {
+  const main = triggers.filter((trigger) => !/^(prefetch|hydrate) /.test(trigger));
+  return main.length > 0 && main.every((trigger) => USER_TRIGGER.test(trigger));
+}
+
+/**
+ * What stands out about a block: it failed, it sat on its placeholder for
+ * {@link STUCK_PLACEHOLDER_MS} or more (`waiting` when only the user can
+ * trigger it), or its server HTML is not hydrated. `pageNow` is the page's
+ * clock, the one `since` is on.
+ */
+export function deferNotes(block: DeferNoteBlock, pageNow: number): DeferNote[] {
+  const notes: DeferNote[] = [];
+  // A page that sent no time (`since` 0) gets no age, so no stuck or waiting note.
+  const age = block.since > 0 ? Math.max(0, Math.round((pageNow - block.since) / 1000)) : 0;
+  if (block.state === 'error')
+    notes.push({ kind: 'failed', text: 'failed to load', label: 'failed' });
+  if (
+    (block.state === 'placeholder' || block.state === 'initial') &&
+    age * 1000 >= STUCK_PLACEHOLDER_MS
+  ) {
+    notes.push(
+      waitsForUser(block.triggers)
+        ? {
+            kind: 'waiting',
+            text: `waiting for its trigger for ${age}s`,
+            label: `waiting ${age}s`,
+            seconds: age,
+          }
+        : {
+            kind: 'stuck',
+            text: `on its placeholder for ${age}s`,
+            label: `stuck ${age}s`,
+            seconds: age,
+          },
+    );
+  }
+  if (block.hydrateNever) {
+    notes.push({
+      kind: 'hydrate-never',
+      text: 'hydrate never: the server HTML stays static',
+      label: 'hydrate never',
+    });
+  } else if (block.hydration === 'dehydrated') {
+    notes.push({ kind: 'dehydrated', text: 'still dehydrated', label: 'dehydrated' });
+  }
+  return notes;
+}
diff --git a/packages/devtools/src/delta-channel.ts b/packages/devtools/src/delta-channel.ts
index c4c849b7..c6b4a184 100644
--- a/packages/devtools/src/delta-channel.ts
+++ b/packages/devtools/src/delta-channel.ts
@@ -15,6 +15,11 @@ export interface DeltaChannelOptions {
   /** How long an unchanged report may go unsent; `keepaliveDue` decides by default. */
   keepaliveMs?: number;
   now?: () => number;
+  /**
+   * Adds the page clock as `pageNow` to every push, outside the compared
+   * report, so the server can age the page's timestamps in page time.
+   */
+  clock?: boolean;
 }
 
 export interface DeltaChannel {
@@ -72,9 +77,10 @@ export function createDeltaChannel(options: DeltaChannelOptions): DeltaChannel {
     }
     forceFull = false;
     sentAt = now();
+    const message = options.clock ? { ...next.message, pageNow: sentAt } : next.message;
     let answer: Answer | undefined;
     try {
-      answer = (await options.call(options.push, next.message)) as Answer | undefined;
+      answer = (await options.call(options.push, message)) as Answer | undefined;
     } catch (error) {
       sender.reset();
       forceFull = true;
diff --git a/packages/devtools/src/devframe.ts b/packages/devtools/src/devframe.ts
index 96ffd28d..a671935e 100644
--- a/packages/devtools/src/devframe.ts
+++ b/packages/devtools/src/devframe.ts
@@ -15,6 +15,7 @@ import {
   type CapacitorState,
 } from './rpc/capacitor-tools.ts';
 import { forBlocksText } from './rpc/for-blocks-tools.ts';
+import { pageHighlightTarget } from './rpc/page-highlight-target.ts';
 import {
   HYDRATION_DESCRIPTION,
   hydrationOverlayText,
@@ -53,7 +54,7 @@ import {
   signalStateForAgents,
   type InspectSignalsArgs,
 } from './rpc/signal-tools.ts';
-import { createSignalPeeks } from './rpc/signal-peeks.ts';
+import { createSignalPeeks, noSelectorMatchText, signalPeekFor } from './rpc/signal-peeks.ts';
 import {
   signalWatchRequest,
   watchSignalRequests,
@@ -266,6 +267,7 @@ import {
   ROUTER_WRITE_ACTIONS,
   actionBlockedMessage,
   agentAllowed,
+  agentToolOffered,
   clearRecordingTargets,
   agentSafety,
   agentTags,
@@ -1877,25 +1879,8 @@ const pangular = defineDevframe({
       name: 'request-page-highlight',
       type: 'action',
       jsonSerializable: true,
-      handler: (
-        selector:
-          string | { pageId?: unknown; id?: unknown; selector?: unknown; reveal?: unknown } | null,
-      ) => {
-        const target =
-          selector && typeof selector === 'object' && typeof selector.id === 'string'
-            ? {
-                id: selector.id.slice(0, 50),
-                ...(typeof selector.pageId === 'string' ? { pageId: selector.pageId } : {}),
-                ...(selector.reveal === true ? { reveal: true } : {}),
-              }
-            : selector && typeof selector === 'object' && typeof selector.selector === 'string'
-              ? {
-                  selector: selector.selector.slice(0, 500),
-                  ...(typeof selector.pageId === 'string' ? { pageId: selector.pageId } : {}),
-                }
-              : typeof selector === 'string'
-                ? selector
-                : '';
+      handler: (selector: unknown) => {
+        const target = pageHighlightTarget(selector);
         if (target) highlightSessions.bind('highlight-in-page');
         else highlightSessions.unbind('highlight-in-page');
         void my.rpc.broadcast({ method: 'highlight-in-page', args: [target], optional: true });
@@ -2057,9 +2042,9 @@ const pangular = defineDevframe({
       name: 'push-component-tree',
       type: 'action',
       jsonSerializable: true,
-      handler: deltaPush(componentDeltas, owns, (report) => {
+      handler: deltaPush(componentDeltas, owns, (report, pageNow) => {
         if (!isComponentReport(report) || !owns(report.pageId)) return false;
-        componentPages.set(report.pageId, toComponentPage(report));
+        componentPages.set(report.pageId, toComponentPage(report, Date.now(), pageNow));
         cdSeen(report.pageId);
         applyComponentPages();
         for (const check of [...componentWaiters]) check();
@@ -3289,11 +3274,12 @@ const pangular = defineDevframe({
         ),
       );
 
+    // `agent.readOnly` leaves `record-change-detection` out: answers then name only the panel.
+    const canRecordCd = agentToolOffered('record-change-detection', config);
     agent.registerTool({
       id: 'pangular:change-detection',
       title: 'Read change detection',
-      description:
-        "Change detection cycles from Angular's profiler (Angular 20+ dev builds): slowest components, checks, durations and the zone mode. pangular:record-change-detection starts a recording. `export`: json or trace.",
+      description: `Change detection cycles from Angular's profiler (Angular 20+ dev builds): slowest components, checks, durations and the zone mode. ${canRecordCd ? 'pangular:record-change-detection starts a recording' : 'Record in the panel starts a recording'}. \`export\`: json or trace.`,
       inputSchema: {
         type: 'object',
         properties: {
@@ -3320,11 +3306,12 @@ const pangular = defineDevframe({
               { page: args.page, export: args.export },
               undefined,
               angularPages.get,
+              canRecordCd,
             ),
           };
         }
         const cd = cdState.value() as CdState;
-        const text = changeDetectionText(cd, args ?? {}, angularPages.get);
+        const text = changeDetectionText(cd, args ?? {}, angularPages.get, canRecordCd);
         // The zone mode comes from the same page as the recording, not the latest tab.
         const zonePage = args?.page ?? pickCdPage(cd)?.pageId;
         const injectors = zonePage ? injectorPages.get(zonePage) : latestInjectorPage();
@@ -3467,7 +3454,7 @@ const pangular = defineDevframe({
         const zonePage = args?.page ?? pickCdPage(cd)?.pageId;
         const injectors = zonePage ? injectorPages.get(zonePage) : latestInjectorPage();
         const mode = injectors ? zoneModeText(injectors.zone, injectors.pageId) : '';
-        const text = cdDiagnosisText(cd, args ?? {}, angularPages.get);
+        const text = cdDiagnosisText(cd, args ?? {}, angularPages.get, canRecordCd);
         return { markdown: [mode, text].filter(Boolean).join('\n\n') };
       },
     });
@@ -3476,7 +3463,7 @@ const pangular = defineDevframe({
       id: 'pangular:inspect-signals',
       title: 'Inspect signals',
       description:
-        'The signal graph the page last reported: nodes, edges (`consumer` reads `producer`, by node id), resources and value history. `component` names a component, `root` for root effects, or a route; `node` narrows to one node. Only signals something read appear.',
+        'Live signal graph: nodes, edges (`consumer` reads `producer`, by node id), resources and value history. `component` names a component, `root` or a route; `selector` a component host by CSS; `node` narrows to one node. Only signals something read appear.',
       inputSchema: {
         type: 'object',
         properties: {
@@ -3485,6 +3472,12 @@ const pangular = defineDevframe({
             description:
               'Host tag, class name or instance id of the component (e.g. app-root), `root`, or a route path (e.g. /admin).',
           },
+          selector: {
+            type: 'string',
+            maxLength: 500,
+            description:
+              'Instead of `component`: a CSS selector for a component host (e.g. app-card.featured). The first match on the page is read.',
+          },
           node: {
             type: 'string',
             description:
@@ -3501,13 +3494,20 @@ const pangular = defineDevframe({
           },
           page: PAGE_ARGUMENT,
         },
-        required: ['component'],
       },
-      handler: async (args: { component: string; page?: string } & InspectSignalsArgs) => {
-        if (typeof args?.component !== 'string' || !args.component.trim()) {
+      handler: async (
+        args: { component?: string; selector?: string; page?: string } & InspectSignalsArgs,
+      ) => {
+        const bySelector = args?.selector !== undefined;
+        const wanted = bySelector ? args.selector : args?.component;
+        if (
+          (bySelector && args.component !== undefined) ||
+          typeof wanted !== 'string' ||
+          !wanted.trim()
+        ) {
           return {
             markdown: refusal(
-              'Pass `component`: a host tag, class name or instance id (such as app-root), `root` for root service effects, or a route path such as /admin.',
+              'Pass one of `component` (a host tag, class name or instance id such as app-root, `root` for root service effects, or a route path such as /admin) or `selector` (a CSS selector for a component host).',
             ),
           };
         }
@@ -3519,8 +3519,9 @@ const pangular = defineDevframe({
           return { markdown: unknownPageText(page, all, 'a signal graph') };
         }
         const matches = (g: PageGraph) =>
-          [g.componentSelector, g.component?.name, g.component?.id].includes(args.component) ||
-          (!!g.injector && injectorMatches(g.injector, args.component));
+          !bySelector &&
+          ([g.componentSelector, g.component?.name, g.component?.id].includes(wanted) ||
+            (!!g.injector && injectorMatches(g.injector, wanted)));
         const latestMatch = () =>
           byRecency(
             [...signalPages]
@@ -3528,9 +3529,17 @@ const pangular = defineDevframe({
               .filter((entry) => !page || entry.pageId === page),
           ).find((entry) => matches(entry.graph))?.graph;
         let matched = latestMatch();
-        if (!matched && signalPages.size && isEnvironmentRequest(args.component)) {
-          // Ask for this injector's graph once. The page answers without
-          // changing its selected target, so the Signals page keeps its view.
+        // Ask for this injector's graph once. The page answers without
+        // changing its selected target, so the Signals page keeps its view.
+        const peek =
+          matched || !signalPages.size
+            ? null
+            : signalPeekFor(
+                args,
+                bySelector || isEnvironmentRequest(wanted) ? [] : componentHits(wanted, page),
+              );
+        const peekPage = peek?.pageId ?? page;
+        if (peek && (!peekPage || signalPages.has(peekPage))) {
           const peeked = await signalPeeks.request(
             (request) =>
               void my.rpc.broadcast({
@@ -3538,12 +3547,15 @@ const pangular = defineDevframe({
                 args: [request],
                 optional: true,
               }),
-            args.component,
-            page,
-            page ? [page] : [...signalPages.keys()],
+            peek.target,
+            peekPage,
+            peekPage ? [peekPage] : [...signalPages.keys()],
             ENV_WAIT_MS,
           );
-          if (peeked && matches(peeked)) matched = peeked;
+          if (peeked && (bySelector || matches(peeked))) matched = peeked;
+        }
+        if (bySelector && !matched && signalPages.size) {
+          return { markdown: refusal(noSelectorMatchText(wanted, page)) };
         }
         const graph =
           matched ??
@@ -3571,13 +3583,13 @@ const pangular = defineDevframe({
         const view = { node: args.node, history: args.history, framework: args.framework };
         // Signal values come from the page, so the graph sits behind the notice, inside the cap.
         const budget = SIGNAL_TOOL_MAX - UNTRUSTED.length - 2;
-        if (!matches(graph)) {
+        if (graph !== matched && !matches(graph)) {
           const known = (graph.environments ?? []).map((e) => `\`${e.name}\``).join(', ');
           const covers = graph.componentSelector ?? graph.injector?.name ?? 'another target';
-          const hint = isEnvironmentRequest(args.component)
+          const hint = isEnvironmentRequest(wanted)
             ? ` No environment injector on the page matches it${known ? `; the page knows ${known}` : ''}.`
             : '';
-          const head = `No signal graph for \`${clip(args.component, 200)}\`.${hint} The live graph covers \`${covers}\`:\n\n`;
+          const head = `No signal graph for \`${clip(wanted, 200)}\`.${hint} The live graph covers \`${covers}\`:\n\n`;
           return {
             markdown: untrusted(
               (head + signalGraphText(graph, view, Math.max(0, budget - head.length))).slice(
diff --git a/packages/devtools/src/http-hydration.ts b/packages/devtools/src/http-hydration.ts
index e80eaa76..926e8394 100644
--- a/packages/devtools/src/http-hydration.ts
+++ b/packages/devtools/src/http-hydration.ts
@@ -1,9 +1,13 @@
 import { redactMessage } from './forms-privacy.ts';
+import { className } from './injector-tree.ts';
 
 export const HYDRATION_CODE = /\bNG05\d\d\b/;
 
 export interface HydrationMismatch {
+  /** The component class the node hosts (`ProductCard`), or the node name (`app-card`, `#text`). */
   component: string;
+  /** `true` when `component` is a class name rather than a node name. */
+  isClass?: true;
   expected?: string;
   actual?: string;
 }
@@ -40,8 +44,38 @@ const detail = (value: unknown) =>
     ? redactMessage(value.slice(0, MAX_DETAIL * 4)).slice(0, MAX_DETAIL)
     : undefined;
 
-/** Counts the hydration status Angular patches on DOM nodes in dev mode. */
-export function scanHydration(root: Node): HydrationScan {
+/** The part of `window.ng` the scan reads: `getComponent` names a mismatched component host. */
+export interface HydrationScanNg {
+  getComponent?(el: Element): unknown;
+}
+
+/**
+ * The class of the component `node` hosts, through `ng.getComponent`, or the
+ * node's name (`app-card`, `#text`, `#comment`) when it hosts none.
+ */
+function mismatchName(
+  node: Node,
+  ng: HydrationScanNg | undefined,
+): Pick<HydrationMismatch, 'component' | 'isClass'> {
+  if (node.nodeType === 1 && typeof ng?.getComponent === 'function') {
+    try {
+      const ctor = (ng.getComponent(node as Element) as { constructor?: unknown } | null)
+        ?.constructor;
+      if (typeof ctor === 'function' && ctor !== Object) {
+        return { component: className(ctor), isClass: true };
+      }
+    } catch {
+      // not a component host
+    }
+  }
+  return { component: node.nodeName.toLowerCase() };
+}
+
+/**
+ * Counts the hydration status Angular patches on DOM nodes in dev mode. A
+ * mismatch is named by the component class its node hosts when `ng` is given.
+ */
+export function scanHydration(root: Node, ng?: HydrationScanNg): HydrationScan {
   const scan: HydrationScan = { hydrated: 0, skipped: 0, mismatched: 0, mismatches: [] };
   const doc = root.ownerDocument ?? (root as Document);
   // Angular marks elements, text nodes and the comments that anchor containers.
@@ -60,7 +94,7 @@ export function scanHydration(root: Node): HydrationScan {
         scan.mismatched++;
         if (scan.mismatches.length < MAX_MISMATCHES) {
           scan.mismatches.push({
-            component: node.nodeName.toLowerCase(),
+            ...mismatchName(node, ng),
             expected: detail(info.expectedNodeDetails),
             actual: detail(info.actualNodeDetails),
           });
diff --git a/packages/devtools/src/http-overlay.ts b/packages/devtools/src/http-overlay.ts
index ac9270c1..e7c29872 100644
--- a/packages/devtools/src/http-overlay.ts
+++ b/packages/devtools/src/http-overlay.ts
@@ -1,6 +1,6 @@
 import { keepaliveDue } from './change-detection.ts';
 import { watchDeferHydration } from './defer-hydration-watch.ts';
-import { appIdOf, scanHydration } from './http-hydration.ts';
+import { appIdOf, scanHydration, type HydrationScanNg } from './http-hydration.ts';
 import { decodePayload, sanitizePayload, type PayloadSummary } from './http-payload.ts';
 import { withCapturedHeaders } from './http-headers.ts';
 import { redactCall } from './http-redact.ts';
@@ -24,10 +24,15 @@ interface RpcScope {
 
 type HydrationScan = ReturnType<typeof scanHydration>;
 
+/** The page's debug API, for the class names of mismatched components. */
+const pageNg = () => (globalThis as { ng?: HydrationScanNg }).ng;
+
 /** How long a scan is reused when `ngDevMode` has no counters to tell when hydration changed. */
 const RESCAN_MS = 5000;
 
-export function createHydrationScanner(scan: () => HydrationScan = () => scanHydration(document)) {
+export function createHydrationScanner(
+  scan: () => HydrationScan = () => scanHydration(document, pageNg()),
+) {
   let cached: HydrationScan | null = null;
   let key = '';
   let scans = 0;
diff --git a/packages/devtools/src/http-payload.ts b/packages/devtools/src/http-payload.ts
index 6b08dd70..19ac2ce1 100644
--- a/packages/devtools/src/http-payload.ts
+++ b/packages/devtools/src/http-payload.ts
@@ -133,6 +133,7 @@ export function sanitizeHydration(input: unknown): HydrationStats | null {
     if (!component) continue;
     mismatches.push({
       component,
+      ...(m['isClass'] === true && { isClass: true as const }),
       expected: masked(m['expected'], 500),
       actual: masked(m['actual'], 500),
     });
diff --git a/packages/devtools/src/hub-messages.ts b/packages/devtools/src/hub-messages.ts
index e842c5a1..e9d57c1f 100644
--- a/packages/devtools/src/hub-messages.ts
+++ b/packages/devtools/src/hub-messages.ts
@@ -399,7 +399,7 @@ export function createHubFeed(
           key,
           dockOf('http'),
           {
-            message: `Hydration mismatch at <${component}>`,
+            message: `Hydration mismatch at ${mismatch.isClass ? component : `<${component}>`}`,
             level: 'error',
             category: HUB_MESSAGE_CATEGORIES.hydration,
             detail: [expected && `Expected: ${expected}`, actual && `Actual: ${actual}`]
diff --git a/packages/devtools/src/overlay-angular-native.ts b/packages/devtools/src/overlay-angular-native.ts
index 4cbfe15b..cc10a845 100644
--- a/packages/devtools/src/overlay-angular-native.ts
+++ b/packages/devtools/src/overlay-angular-native.ts
@@ -30,6 +30,7 @@ import {
   type SignalTarget,
 } from './signal-graph.ts';
 import { createSignalHistory, installSignalWriteHook } from './signal-history.ts';
+import { maskHistory, secretsOfGraph } from './signal-masks.ts';
 import { registerSignalPeek } from './signal-peek.ts';
 import { claimPageOnServer, newPageId, newPageKey } from './page-id.ts';
 
@@ -237,7 +238,7 @@ async function startSession(
     lastTreeJson = json;
     treeSentAt = Date.now();
     try {
-      await my.rpc.call('push-component-tree', { ...report, pageId });
+      await my.rpc.call('push-component-tree', { ...report, pageId, pageNow: Date.now() });
     } catch (error) {
       // Sent again on the next tick.
       if (lastTreeJson === json) lastTreeJson = '';
@@ -282,10 +283,11 @@ async function startSession(
         epoch: r.epoch,
         value: r.status,
       }));
-    const { changes: history, rollback } = signalHistory.collectDeltaWithRollback(
+    const { changes: collected, rollback } = signalHistory.collectDeltaWithRollback(
       [...graph.nodes, ...statuses],
       full,
     );
+    const history = maskHistory(collected, secretsOfGraph(graph));
     for (const item of [...graph.nodes, ...(graph.resources ?? [])]) {
       const changes = signalHistory.changesOf(item.id);
       if (changes) item.changes = changes;
diff --git a/packages/devtools/src/overlay-nativescript.ts b/packages/devtools/src/overlay-nativescript.ts
index bae3e120..21a7ad9c 100644
--- a/packages/devtools/src/overlay-nativescript.ts
+++ b/packages/devtools/src/overlay-nativescript.ts
@@ -37,6 +37,7 @@ import {
   type SignalTarget,
 } from './signal-graph.ts';
 import { createSignalHistory, installSignalWriteHook } from './signal-history.ts';
+import { maskHistory, secretsOfGraph } from './signal-masks.ts';
 import { registerSignalPeek } from './signal-peek.ts';
 import { serializeNamed } from './serialize.ts';
 import {
@@ -257,7 +258,7 @@ async function startSession(
     lastTreeJson = json;
     treeSentAt = Date.now();
     try {
-      await my.rpc.call('push-component-tree', { ...report, pageId });
+      await my.rpc.call('push-component-tree', { ...report, pageId, pageNow: Date.now() });
     } catch (error) {
       // Sent again on the next tick.
       if (lastTreeJson === json) lastTreeJson = '';
@@ -302,10 +303,11 @@ async function startSession(
         epoch: r.epoch,
         value: r.status,
       }));
-    const { changes: history, rollback } = signalHistory.collectDeltaWithRollback(
+    const { changes: collected, rollback } = signalHistory.collectDeltaWithRollback(
       [...graph.nodes, ...statuses],
       full,
     );
+    const history = maskHistory(collected, secretsOfGraph(graph));
     for (const item of [...graph.nodes, ...(graph.resources ?? [])]) {
       const changes = signalHistory.changesOf(item.id);
       if (changes) item.changes = changes;
diff --git a/packages/devtools/src/overlay.ts b/packages/devtools/src/overlay.ts
index a9738db6..9bb25f57 100644
--- a/packages/devtools/src/overlay.ts
+++ b/packages/devtools/src/overlay.ts
@@ -58,6 +58,7 @@ import {
   type PreloadRecord,
 } from './router-actions.ts';
 import { createSignalHistory, installSignalWriteHook } from './signal-history.ts';
+import { maskHistory, secretsOfGraph } from './signal-masks.ts';
 import { registerSignalPeek } from './signal-peek.ts';
 import { registerSignalRestore } from './signal-restore.ts';
 import { createSignalWatch, registerSignalWatch } from './signal-watch.ts';
@@ -460,10 +461,11 @@ async function startOverlay(
         epoch: r.epoch,
         value: r.status,
       }));
-    const { changes: history, rollback } = signalHistory.collectDeltaWithRollback(
+    const { changes: collected, rollback } = signalHistory.collectDeltaWithRollback(
       [...graph.nodes, ...statuses],
       full,
     );
+    const history = maskHistory(collected, secretsOfGraph(graph));
     for (const item of [...graph.nodes, ...(graph.resources ?? [])]) {
       const changes = signalHistory.changesOf(item.id);
       if (changes) item.changes = changes;
@@ -511,6 +513,8 @@ async function startOverlay(
       ping,
       shape,
       tickMs,
+      // The page clock ages the `@defer` block times in page time on the server.
+      clock: push === 'push-component-tree',
     });
   const treeChannel = channel('push-component-tree', 'ping-component-tree', COMPONENT_TREE_SHAPE);
   const injectorChannel = channel('push-injector-tree', 'ping-injector-tree', INJECTOR_TREE_SHAPE);
@@ -859,6 +863,8 @@ async function startOverlay(
         | {
             pageId?: string;
             id?: string;
+            /** Several elements, such as the roots of a `@defer` block, get one box. */
+            ids?: string[];
             selector?: string;
             reveal?: boolean;
             durationMs?: number;
@@ -872,6 +878,14 @@ async function startOverlay(
           reveal: selector.reveal === true,
           ...(typeof selector.durationMs === 'number' ? { durationMs: selector.durationMs } : {}),
         };
+        if (Array.isArray(selector.ids)) {
+          const hosts = selector.ids.map((id) => elementById(String(id)));
+          showHighlight(
+            hosts.filter((host): host is Element => host instanceof Element),
+            options,
+          );
+          return;
+        }
         if (typeof selector.id === 'string') {
           const host = elementById(selector.id);
           if (host instanceof Element) showHighlight(host, options);
diff --git a/packages/devtools/src/page-highlight.ts b/packages/devtools/src/page-highlight.ts
index e1d30bd9..9f9ac86a 100644
--- a/packages/devtools/src/page-highlight.ts
+++ b/packages/devtools/src/page-highlight.ts
@@ -25,14 +25,18 @@ export function highlightBox(el: Element): Box | null {
   const rect = el.getBoundingClientRect();
   if (!empty(rect))
     return { top: rect.top, left: rect.left, width: rect.width, height: rect.height };
+  // A `display: contents` host may render only through its shadow root.
+  return unionBox([...Array.from(el.shadowRoot?.children ?? []), ...Array.from(el.children)]);
+}
+
+/** One box around every element of `els` that is on the page, or `null` when none is. */
+export function unionBox(els: readonly Element[]): Box | null {
   let top = Infinity;
   let left = Infinity;
   let right = -Infinity;
   let bottom = -Infinity;
-  // A `display: contents` host may render only through its shadow root.
-  const children = [...Array.from(el.shadowRoot?.children ?? []), ...Array.from(el.children)];
-  for (const child of children) {
-    const box = highlightBox(child);
+  for (const el of els) {
+    const box = highlightBox(el);
     if (!box) continue;
     top = Math.min(top, box.top);
     left = Math.min(left, box.left);
@@ -44,19 +48,22 @@ export function highlightBox(el: Element): Box | null {
 
 /**
  * Draws the box over `el` until `clearHighlight()` or `durationMs` (default
- * `HIGHLIGHT_SAFETY_MS`), and returns whether anything was drawn. `reveal`
- * scrolls it into view first, for an explicit request rather than a hover.
+ * `HIGHLIGHT_SAFETY_MS`), and returns whether anything was drawn. A list of
+ * elements, such as the root elements of a `@defer` block, gets one box
+ * around all of them. `reveal` scrolls the first one into view first, for an
+ * explicit request rather than a hover.
  */
 export function showHighlight(
-  el: Element,
+  el: Element | readonly Element[],
   options: { reveal?: boolean; durationMs?: number } = {},
 ): boolean {
   clearHighlight();
-  const first = highlightBox(el);
+  const els: readonly Element[] = Array.isArray(el) ? el : [el as Element];
+  const first = unionBox(els);
   if (!first) return false;
   if (options.reveal) {
     try {
-      el.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+      els.find((one) => highlightBox(one))?.scrollIntoView({ block: 'nearest', inline: 'nearest' });
     } catch {
       // an element with no box of its own may refuse; the box still shows
     }
@@ -91,7 +98,7 @@ export function showHighlight(
   }
   const follow = () => {
     if (highlightEl !== box) return;
-    const rect = highlightBox(el);
+    const rect = unionBox(els);
     Object.assign(box.style, {
       display: rect ? 'block' : 'none',
       top: `${rect?.top ?? 0}px`,
diff --git a/packages/devtools/src/router.ts b/packages/devtools/src/router.ts
index 755b68f4..23b6e802 100644
--- a/packages/devtools/src/router.ts
+++ b/packages/devtools/src/router.ts
@@ -467,12 +467,41 @@ function normalize(url: string): string {
   return `${path.replace(/\/+$/, '') || '/'}${rest}`;
 }
 
+export const PRIMARY_OUTLET = 'primary';
+/** Most route nodes a walk of the route tree visits, so a huge or cyclic tree stays cheap. */
+export const MAX_ROUTE_NODES = 200;
+
+/** The outlet a route (snapshot or config) renders in, `primary` when it names none. */
+export function outletOf(route: AnyRecord): string {
+  const outlet = read(() => route['outlet'], undefined);
+  return typeof outlet === 'string' && outlet ? outlet.slice(0, 100) : PRIMARY_OUTLET;
+}
+
+/**
+ * Every child of an activated route, primary outlet first (Angular sorts it so),
+ * then named outlets. Falls back to `firstChild` when `children` is missing.
+ */
+export function routeChildrenOf(route: AnyRecord): AnyRecord[] {
+  const children = read(() => route['children'] as unknown, undefined);
+  if (Array.isArray(children)) return children.filter((c) => c && typeof c === 'object');
+  const first = read(() => route['firstChild'] as AnyRecord | null, null);
+  return first && typeof first === 'object' ? [first] : [];
+}
+
+/**
+ * The active route tree, depth first, with the routes of every outlet: the
+ * primary chain and the named (auxiliary) outlets. Capped at `MAX_DEPTH` levels
+ * and `MAX_ROUTE_NODES` routes, and each route is visited once.
+ */
 export function chainOf(root: AnyRecord | null): AnyRecord[] {
   const out: AnyRecord[] = [];
+  const seen = new Set<AnyRecord>();
   const visit = (route: AnyRecord, depth: number) => {
+    if (seen.has(route) || out.length >= MAX_ROUTE_NODES) return;
+    seen.add(route);
     out.push(route);
     if (depth >= MAX_DEPTH) return;
-    for (const child of read(() => route['children'] as AnyRecord[], [])) visit(child, depth + 1);
+    for (const child of routeChildrenOf(route)) visit(child, depth + 1);
   };
   if (root) visit(root, 0);
   return out;
@@ -510,20 +539,79 @@ export function fullPathOf(snapshot: AnyRecord): string {
   return `/${parts.join('/')}`;
 }
 
-export function configSecretsFor(router: AnyRecord | undefined, url: string): string[] {
-  if (!router) return [];
+interface UrlGroup {
+  segments: string[];
+  children: [string, UrlGroup][];
+}
+
+/** A `UrlSegmentGroup` as plain segments and named children, capped like the route walk. */
+function urlGroupOf(group: AnyRecord, depth = 0): UrlGroup {
+  const segments = read(() => group['segments'] as AnyRecord[], [])
+    .slice(0, 100)
+    .map((segment) => read(() => String(segment['path'] ?? ''), ''));
+  const children =
+    depth >= MAX_DEPTH
+      ? []
+      : Object.entries(read(() => (group['children'] ?? {}) as Record<string, AnyRecord>, {}))
+          .slice(0, 20)
+          .filter(([, child]) => child && typeof child === 'object')
+          .map(([name, child]): [string, UrlGroup] => [name, urlGroupOf(child, depth + 1)]);
+  return { segments, children };
+}
+
+/**
+ * The URL as segment groups. `router.parseUrl` splits the named outlets out of
+ * `/a(side:reset/x)`; without it only the primary path is read.
+ */
+function urlTreeOf(router: AnyRecord, url: string): UrlGroup {
+  const root = read(() => router['parseUrl'](url)['root'] as AnyRecord | null, null);
+  if (root && typeof root === 'object') return urlGroupOf(root);
   const segments = url
     .split(/[?#(]/)[0]
     .split('/')
     .filter(Boolean)
     .map((segment) => decode(segment.split(';')[0]));
+  return {
+    segments: [],
+    children: segments.length ? [[PRIMARY_OUTLET, { segments, children: [] }]] : [],
+  };
+}
+
+/**
+ * The values of secret path params (`:token`) in a URL, found by matching the
+ * URL against the router config. Every outlet counts, so `/(side:reset/x)`
+ * masks `x` when the `side` route is `reset/:token`.
+ */
+export function configSecretsFor(router: AnyRecord | undefined, url: string): string[] {
+  if (!router) return [];
   const out: string[] = [];
-  const walk = (routes: AnyRecord[], at: number, depth: number) => {
+  let budget = MAX_ROUTE_NODES * 10;
+  const matchGroup = (routes: AnyRecord[], group: UrlGroup, outlet: string, depth: number) => {
+    if (!group.segments.length) {
+      for (const [name, child] of group.children) matchGroup(routes, child, name, depth);
+      return;
+    }
+    walk(routes, group, 0, outlet, depth);
+  };
+  const walk = (
+    routes: AnyRecord[],
+    group: UrlGroup,
+    at: number,
+    outlet: string,
+    depth: number,
+  ) => {
     if (depth > MAX_DEPTH || !Array.isArray(routes)) return;
+    const segments = group.segments;
     for (const route of routes) {
-      const parts = read(() => String(route['path'] ?? ''), '')
-        .split('/')
-        .filter(Boolean);
+      if (--budget < 0) return;
+      const path = read(() => String(route['path'] ?? ''), '');
+      const own = outletOf(route) === outlet;
+      // Like Angular's recognizer: a route of another outlet only matches when it has
+      // an empty path and a named outlet is being matched, which then goes on in its children.
+      if (!own && (outlet === PRIMARY_OUTLET || path !== '')) continue;
+      const full = read(() => route['pathMatch'] === 'full', false);
+      if (!own && full && (at < segments.length || group.children.length)) continue;
+      const parts = path.split('/').filter(Boolean);
       if (at + parts.length > segments.length) continue;
       const found: string[] = [];
       const matches = parts.every((part, i) => {
@@ -537,12 +625,18 @@ export function configSecretsFor(router: AnyRecord | undefined, url: string): st
         ...read(() => (route['children'] as AnyRecord[]) ?? [], []),
         ...read(() => (route['_loadedRoutes'] as AnyRecord[]) ?? [], []),
       ];
-      walk(children, at + parts.length, depth + 1);
+      const next = at + parts.length;
+      walk(children, group, next, own ? PRIMARY_OUTLET : outlet, depth + 1);
+      // This group's path is used up: its outlets match against the route's children.
+      if (next === segments.length) {
+        for (const [name, child] of group.children) matchGroup(children, child, name, depth + 1);
+      }
     }
   };
-  walk(
+  matchGroup(
     read(() => router['config'] as AnyRecord[], []),
-    0,
+    urlTreeOf(router, url),
+    PRIMARY_OUTLET,
     0,
   );
   const secrets = out.filter((secret) => secret.length >= 3);
diff --git a/packages/devtools/src/rpc/analog-register.ts b/packages/devtools/src/rpc/analog-register.ts
index ed5267f0..a2cd3b15 100644
--- a/packages/devtools/src/rpc/analog-register.ts
+++ b/packages/devtools/src/rpc/analog-register.ts
@@ -410,7 +410,7 @@ export async function registerAnalog(
     id: 'pangular:analog-inspect-page',
     title: 'Show the current Analog page',
     description:
-      'The Analog page open in the browser: its files (layouts first), load() data it received, server rendering and hydration state, hydration errors, and page files the running router does not know yet (restart needed).',
+      'The Analog page open in the browser: its files (layouts first, then pages in named outlets), load() data it received, server rendering and hydration state, hydration errors, and page files the running router does not know yet (restart needed).',
     inputSchema: { type: 'object', properties: { page } },
     handler: async (args: { page?: string }) =>
       text(analogCurrentPageText(project(), current(), args?.page)),
diff --git a/packages/devtools/src/rpc/analog-tools.ts b/packages/devtools/src/rpc/analog-tools.ts
index f58bceec..205e37a6 100644
--- a/packages/devtools/src/rpc/analog-tools.ts
+++ b/packages/devtools/src/rpc/analog-tools.ts
@@ -74,7 +74,8 @@ export function isAnalogReport(value: unknown): value is AnalogRuntimeReport {
         isRecord(c) &&
         typeof c['path'] === 'string' &&
         optionalString(c['file']) &&
-        optionalString(c['serverFile']),
+        optionalString(c['serverFile']) &&
+        optionalString(c['outlet']),
     ) &&
     optionalString(r.serverContext) &&
     (r.loadFrom === undefined ||
@@ -241,9 +242,12 @@ export function analogExplainUrlText(
   }
   const live = state?.pages.find((p) => p.url.split(/[?#]/)[0] === url.split(/[?#]/)[0]);
   if (live) {
-    const files = live.chain.map((c) => c.file).filter(Boolean);
+    const files = live.chain.filter((c) => c.file && !c.outlet).map((c) => code(c.file!));
+    const outlets = live.chain
+      .filter((c) => c.file && c.outlet)
+      .map((c) => `${code(c.file!)} in the ${code(c.outlet!)} outlet`);
     lines.push(
-      `Live page: ${files.length ? files.map((f) => code(f!)).join(' > ') : 'no Analog page file on the active route'}.`,
+      `Live page: ${files.length ? files.join(' > ') : 'no Analog page file on the active route'}${outlets.length ? `, plus ${outlets.join(', ')}` : ''}.`,
     );
   }
   return `${UNTRUSTED}\n\n${lines.join('\n')}`;
@@ -287,10 +291,10 @@ export function analogCurrentPageText(
   }
   const lines = [`Page ${report.pageId} at ${code(report.url)}:`];
   if (report.chain.length) {
-    lines.push('Files, outermost first:');
+    lines.push('Files, outermost first (named outlets after the primary chain):');
     for (const item of report.chain) {
       lines.push(
-        `- ${code(item.path)} ${item.file ? code(item.file) : ''}${item.serverFile ? ` + ${code(item.serverFile)}` : ''}`,
+        `- ${code(item.path)} ${item.file ? code(item.file) : ''}${item.serverFile ? ` + ${code(item.serverFile)}` : ''}${item.outlet ? ` (outlet ${code(item.outlet)})` : ''}`,
       );
     }
   } else
diff --git a/packages/devtools/src/rpc/audit-findings.ts b/packages/devtools/src/rpc/audit-findings.ts
index c0775ec9..b73ed209 100644
--- a/packages/devtools/src/rpc/audit-findings.ts
+++ b/packages/devtools/src/rpc/audit-findings.ts
@@ -194,6 +194,8 @@ export interface AuditInputs {
   axe?: AxeReport | null;
   /** Why axe can't run on this page, such as an app on a device with no DOM. */
   noAxe?: string;
+  /** The reader can't call `record-change-detection` (a read-only agent), so notes name only the panel. */
+  noCdRecord?: boolean;
 }
 
 /** Most findings an audit keeps. */
@@ -261,7 +263,7 @@ function merge(findings: AuditFinding[]): AuditFinding[] {
   return [...byKey.values()];
 }
 
-function changeDetection(state: CdState | undefined, pageId: string): Collected {
+function changeDetection(state: CdState | undefined, pageId: string, noRecord = false): Collected {
   const area = 'change-detection';
   const tool = 'pangular:diagnose-change-detection';
   if (!state) return { findings: [], source: { area, state: 'off' } };
@@ -275,7 +277,9 @@ function changeDetection(state: CdState | undefined, pageId: string): Collected
         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.',
+            : noRecord
+              ? 'No recording. Start one with Record in the panel, then use the app.'
+              : 'No recording. Start one with pangular:record-change-detection and `record: "start"`, or Record in the panel, then use the app.',
       },
     };
   }
@@ -714,7 +718,7 @@ export function buildAudit(
     accessibility(inputs.axe, id, inputs.noAxe),
     errors(inputs.errors, id),
     hydration(inputs.components),
-    changeDetection(inputs.cd, id),
+    changeDetection(inputs.cd, id, inputs.noCdRecord),
     leaks(inputs.leaks, id, now),
     router(inputs.router, id),
     forms(inputs.forms, id, now),
diff --git a/packages/devtools/src/rpc/audit-register.ts b/packages/devtools/src/rpc/audit-register.ts
index 95db2857..db2d312e 100644
--- a/packages/devtools/src/rpc/audit-register.ts
+++ b/packages/devtools/src/rpc/audit-register.ts
@@ -187,6 +187,7 @@ export async function registerAudit(host: AuditHost): Promise<AuditRegistration>
       ...(sources.pipes && sees('pipes') ? { pipes: sources.pipes } : {}),
       axe: sessions.get(pageId)?.axe ?? null,
       ...(noAxe(pageId) ? { noAxe: noAxe(pageId) } : {}),
+      ...(audience === 'agent' && host.agentReadOnly ? { noCdRecord: true } : {}),
     };
   };
 
diff --git a/packages/devtools/src/rpc/cd-diagnosis-tools.ts b/packages/devtools/src/rpc/cd-diagnosis-tools.ts
index 2a61ee33..0f5bb6aa 100644
--- a/packages/devtools/src/rpc/cd-diagnosis-tools.ts
+++ b/packages/devtools/src/rpc/cd-diagnosis-tools.ts
@@ -1,6 +1,6 @@
 import { CD_CAUSE_KINDS, CD_CAUSE_LABEL, cdCauseText, cdHints } from '../cd-data.ts';
 import type { AngularPageInfo, CdCycle } from '../config.ts';
-import { cdUnsupportedText, pickCdPage, type CdState } from './cd-tools.ts';
+import { cdStartHint, cdUnsupportedText, pickCdPage, type CdState } from './cd-tools.ts';
 import { code, UNTRUSTED } from './forms-tools.ts';
 
 const percent = (part: number, whole: number) =>
@@ -10,17 +10,19 @@ const percent = (part: number, whole: number) =>
  * Markdown for the `diagnose-change-detection` agent tool: what started the
  * recorded cycles, which components only zone.js keeps up to date, which
  * checks changed nothing, inputs that broke OnPush, and the hints from them.
+ * `canRecord` is false when `record-change-detection` is not offered.
  */
 export function cdDiagnosisText(
   state: CdState,
   args: { page?: string; limit?: number } = {},
   angularOf: (pageId: string) => AngularPageInfo | undefined = () => undefined,
+  canRecord = true,
 ): string {
   const page = pickCdPage(state, args.page);
   if (!page) {
     return args.page
-      ? `Page ${code(args.page)} has no change detection recording yet. Start one with \`pangular:change-detection\` and \`record: "start"\` (or **Record** in the panel), use the app, then call this tool again.`
-      : 'No change detection recording yet. Start one with `pangular:change-detection` and `record: "start"` (or **Record** in the panel), use the app, then call this tool again.';
+      ? `Page ${code(args.page)} has no change detection recording yet. Start one with ${cdStartHint(canRecord, args.page)}, use the app, then call this tool again.`
+      : `No change detection recording yet. Start one with ${cdStartHint(canRecord)}, use the app, then call this tool again.`;
   }
   if (!page.supported) return cdUnsupportedText(page.pageId, angularOf(page.pageId));
   const diagnosis = page.diagnosis;
diff --git a/packages/devtools/src/rpc/cd-export-tools.ts b/packages/devtools/src/rpc/cd-export-tools.ts
index 6eda3c3c..a3f8c3bf 100644
--- a/packages/devtools/src/rpc/cd-export-tools.ts
+++ b/packages/devtools/src/rpc/cd-export-tools.ts
@@ -1,7 +1,7 @@
 import { cdExportFile, cdTraceFile } from '../cd-data.ts';
 import type { AngularPageInfo } from '../config.ts';
 import { redactCdRecording } from './cd-redact.ts';
-import { cdUnsupportedText, pickCdPage, type CdState } from './cd-tools.ts';
+import { cdStartHint, cdUnsupportedText, pickCdPage, type CdState } from './cd-tools.ts';
 import { code, UNTRUSTED } from './forms-tools.ts';
 
 /** The longest export the `change-detection` tool answers with. */
@@ -19,19 +19,21 @@ function fence(text: string): string {
  * The `change-detection` tool's answer for `export`: the recording as the
  * panel's JSON file or as a Trace Event Format file for Perfetto, redacted.
  * A file over {@link CD_EXPORT_MAX_CHARS} is never cut, since cut JSON does
- * not parse; the answer gives its size and counts instead.
+ * not parse; the answer gives its size and counts instead. `canRecord` is
+ * false when `record-change-detection` is not offered.
  */
 export function cdExportText(
   state: CdState,
   args: { page?: string; export: CdExportKind },
   max = CD_EXPORT_MAX_CHARS,
   angularOf: (pageId: string) => AngularPageInfo | undefined = () => undefined,
+  canRecord = true,
 ): string {
   const page = pickCdPage(state, args.page);
   if (!page) {
     return args.page
-      ? `Page ${code(args.page)} has no change detection recording to export yet. Record one first with \`record: "start"\`.`
-      : 'No change detection recording to export yet. Record one first with `record: "start"`.';
+      ? `Page ${code(args.page)} has no change detection recording to export yet. Record one first with ${cdStartHint(canRecord, args.page)}, then use the app.`
+      : `No change detection recording to export yet. Record one first with ${cdStartHint(canRecord)}, then use the app.`;
   }
   if (!page.supported) return cdUnsupportedText(page.pageId, angularOf(page.pageId));
   const { pageId } = page;
diff --git a/packages/devtools/src/rpc/cd-record-tool.ts b/packages/devtools/src/rpc/cd-record-tool.ts
index 945859ce..ce3d9857 100644
--- a/packages/devtools/src/rpc/cd-record-tool.ts
+++ b/packages/devtools/src/rpc/cd-record-tool.ts
@@ -27,7 +27,8 @@ const VERB: Record<CdRecordAction, string> = {
 };
 
 const NEXT: Record<CdRecordAction, string> = {
-  start: ' Use the app, then call this tool again without `record`.',
+  start:
+    ' Use the app, then read the recording with `pangular:change-detection`, or `pangular:diagnose-change-detection` for what started the cycles.',
   stop: ' The cycles recorded so far stay available.',
   clear: '',
 };
@@ -35,7 +36,7 @@ const NEXT: Record<CdRecordAction, string> = {
 const pageList = (ids: readonly string[]) => ids.map(code).join(', ');
 
 /**
- * `change-detection` with `record`: sends the request, then waits until the
+ * `record-change-detection` with `record`: sends the request, then waits until the
  * pages push a report that shows it took (recording on, off, or emptied), and
  * names the pages that confirmed. Nothing to send it to, or no page
  * confirming, is a refusal.
diff --git a/packages/devtools/src/rpc/cd-tools.ts b/packages/devtools/src/rpc/cd-tools.ts
index 29d86caa..e3055f66 100644
--- a/packages/devtools/src/rpc/cd-tools.ts
+++ b/packages/devtools/src/rpc/cd-tools.ts
@@ -132,7 +132,7 @@ export function expireCdPages(
 /**
  * The answer when `page` names a tab that is not connected: the shared
  * unknown-page text, listing the connected tabs. A connected tab that has not
- * recorded yet is not unknown, since `record` can start a recording there.
+ * recorded yet is not unknown, since `record-change-detection` can start a recording there.
  * Undefined when the page is known.
  */
 export function cdUnknownPageText(
@@ -267,17 +267,33 @@ export function cdUnsupportedText(pageId: string, info: AngularPageInfo | undefi
   return `Page ${code(pageId)} can't record change detection: it needs Angular 20 or later in a development build.`;
 }
 
-/** Markdown for the `change-detection` agent tool. */
+/**
+ * How an answer with no recording says to start one: `record-change-detection`
+ * and **Record** in the panel, or only **Record** when the agent can't record
+ * (`agent.readOnly` leaves the tool out). `page` names the page in the tool call.
+ */
+export function cdStartHint(canRecord: boolean, page?: string): string {
+  if (!canRecord) return '**Record** in the panel (this server is read-only for agents)';
+  return page
+    ? '`pangular:record-change-detection`, `record: "start"` and this `page` (or **Record** in the panel)'
+    : '`pangular:record-change-detection` and `record: "start"` (or **Record** in the panel)';
+}
+
+/**
+ * Markdown for the `change-detection` agent tool. `canRecord` is false when
+ * `record-change-detection` is not offered, so the answer names only the panel.
+ */
 export function changeDetectionText(
   state: CdState,
   args: { page?: string; limit?: number } = {},
   angularOf: (pageId: string) => AngularPageInfo | undefined = () => undefined,
+  canRecord = true,
 ): string {
   const page = pickCdPage(state, args.page);
   if (!page) {
     return args.page
-      ? `Page ${code(args.page)} has no change detection recording yet. Call this tool with \`record: "start"\` and this \`page\`, use the app, then call it again.`
-      : 'No change detection recording yet. Call this tool with `record: "start"`, use the app, then call it again.';
+      ? `Page ${code(args.page)} has no change detection recording yet. Start one with ${cdStartHint(canRecord, args.page)}, use the app, then call this tool again.`
+      : `No change detection recording yet. Start one with ${cdStartHint(canRecord)}, use the app, then call this tool again.`;
   }
   if (!page.supported) return cdUnsupportedText(page.pageId, angularOf(page.pageId));
   // Agents send strings, NaN and null too: anything that is not a finite number is the default.
diff --git a/packages/devtools/src/rpc/component-report-guard.ts b/packages/devtools/src/rpc/component-report-guard.ts
index 7c75c9ab..a150830d 100644
--- a/packages/devtools/src/rpc/component-report-guard.ts
+++ b/packages/devtools/src/rpc/component-report-guard.ts
@@ -121,6 +121,15 @@ function guardOwner(value: unknown): DeferBlockInfo['owner'] {
   return { id: value['id'], name: value['name'], tag: str(value['tag']) ? value['tag'] : '' };
 }
 
+/**
+ * The server clock minus the page clock, from the `pageNow` a push carried and
+ * the server time it arrived, or `undefined` when `pageNow` is not a time.
+ */
+export function guardClockOffset(pageNow: unknown, now: number): number | undefined {
+  const page = finite(pageNow);
+  return page !== undefined && page > 0 ? Math.round(now - page) : undefined;
+}
+
 /** The defer blocks that have an `id`, with every field the tools read set to a safe value. */
 export function guardDeferBlocks(value: unknown): DeferBlockInfo[] {
   return records(value)
diff --git a/packages/devtools/src/rpc/component-tools.ts b/packages/devtools/src/rpc/component-tools.ts
index d4ef9cb5..3fb3c2cf 100644
--- a/packages/devtools/src/rpc/component-tools.ts
+++ b/packages/devtools/src/rpc/component-tools.ts
@@ -1,16 +1,12 @@
-import type { AngularPageInfo } from '../config.ts';
+import { deferNotes, type AngularPageInfo } from '../config.ts';
 import { unsupportedToolText } from './angular-pages.ts';
 import { MAX_DEFER_BLOCKS } from '../defer-blocks.ts';
 import { MAX_FOR_BLOCKS } from '../for-blocks.ts';
-import type {
-  ComponentPage,
-  DeferBlockInfo,
-  HydrationReport,
-  LiveComponentNode,
-} from '../types.ts';
+import type { ComponentPage, HydrationReport, LiveComponentNode } from '../types.ts';
 import { redactMessage, redactUrl } from '../router.ts';
 import { untrusted } from './forms-tools.ts';
 import {
+  guardClockOffset,
   guardComponentDetail,
   guardComponentRoots,
   guardDeferBlocks,
@@ -33,7 +29,12 @@ export function isComponentReport(value: unknown): value is Omit<ComponentPage,
   );
 }
 
-export function toComponentPage(report: Omit<ComponentPage, 'reportedAt'>, now = Date.now()) {
+/** `pageNow` is the page clock the push carried, to age page times in page time. */
+export function toComponentPage(
+  report: Omit<ComponentPage, 'reportedAt'>,
+  now = Date.now(),
+  pageNow?: unknown,
+) {
   const page: ComponentPage = {
     pageId: report.pageId,
     // Checked node by node: one page's bad entry must not break the tools for every page.
@@ -76,6 +77,8 @@ export function toComponentPage(report: Omit<ComponentPage, 'reportedAt'>, now =
   if (report.platform === 'angular-native' || report.platform === 'nativescript') {
     page.platform = report.platform;
   }
+  const clockOffset = guardClockOffset(pageNow, now);
+  if (clockOffset !== undefined) page.clockOffset = clockOffset;
   return page;
 }
 
@@ -201,39 +204,6 @@ export function otherMatchesText(hits: ComponentHit[], query: string): string {
   return `${hits.length} instances match \`${query}\`: ${listed}${more}. This used the first one; pass an instance id to pick another.`;
 }
 
-export const STUCK_PLACEHOLDER_MS = 10_000;
-
-/** Triggers that wait for the user, so a long wait on the placeholder is normal. */
-const USER_TRIGGER = /^on (viewport|interaction|hover)\b/;
-
-/**
- * Whether a block waits only for the user: every main trigger (not `prefetch`
- * or `hydrate`) is `on viewport`, `on interaction` or `on hover`.
- */
-function waitsForUser(triggers: string[]): boolean {
-  const main = triggers.filter((trigger) => !/^(prefetch|hydrate) /.test(trigger));
-  return main.length > 0 && main.every((trigger) => USER_TRIGGER.test(trigger));
-}
-
-function deferNotes(block: DeferBlockInfo, now: number): string[] {
-  const notes: string[] = [];
-  const age = Math.max(0, Math.round((now - block.since) / 1000));
-  if (block.state === 'error') notes.push('failed to load');
-  if (
-    (block.state === 'placeholder' || block.state === 'initial') &&
-    age * 1000 >= STUCK_PLACEHOLDER_MS
-  ) {
-    notes.push(
-      waitsForUser(block.triggers)
-        ? `waiting for its trigger for ${age}s`
-        : `on its placeholder for ${age}s`,
-    );
-  }
-  if (block.hydrateNever) notes.push('hydrate never: the server HTML stays static');
-  else if (block.hydration === 'dehydrated') notes.push('still dehydrated');
-  return notes;
-}
-
 /** Table rows, and entries under "Needs attention", the defer-blocks tool lists per page. */
 export const DEFER_ROWS = 50;
 
@@ -263,10 +233,13 @@ export function deferBlocksText(
     }
     if (!page.deferBlocks.length) return `${title}: no \`@defer\` blocks are rendered.`;
     const attention: string[] = [];
+    // `since` is page clock: a page whose clock runs ahead must not read as stuck.
+    const pageNow = now - (page.clockOffset ?? 0);
     const rows = page.deferBlocks.map((block) => {
-      const notes = deferNotes(block, now);
+      const found = deferNotes(block, pageNow);
+      const notes = found.map((note) => note.text);
       const owner = block.owner ? `${block.owner.name} (\`${block.owner.id}\`)` : 'unknown';
-      if (block.state === 'error' || notes.some((n) => n.startsWith('on its placeholder'))) {
+      if (found.some((note) => note.kind === 'failed' || note.kind === 'stuck')) {
         attention.push(
           `- \`${block.id}\` in ${owner}: ${notes.join(', ')}. Triggers: ${block.triggers.join(', ') || 'none'}${block.hasErrorBlock ? '' : '. It has no @error block'}.`,
         );
diff --git a/packages/devtools/src/rpc/page-highlight-target.ts b/packages/devtools/src/rpc/page-highlight-target.ts
new file mode 100644
index 00000000..c8602659
--- /dev/null
+++ b/packages/devtools/src/rpc/page-highlight-target.ts
@@ -0,0 +1,34 @@
+/** The most elements one highlight request draws a box around. */
+export const MAX_HIGHLIGHT_IDS = 50;
+
+export type PageHighlightTarget =
+  | string
+  | { ids: string[]; pageId?: string; reveal?: true }
+  | { id: string; pageId?: string; reveal?: true }
+  | { selector: string; pageId?: string };
+
+/**
+ * What `request-page-highlight` broadcasts to the pages: a selector string,
+ * one element `id`, several `ids` (one box around all of them, such as the
+ * root elements of a `@defer` block) or a `selector` object. Anything else
+ * clears the box (`''`).
+ */
+export function pageHighlightTarget(raw: unknown): PageHighlightTarget {
+  if (typeof raw === 'string') return raw;
+  if (!raw || typeof raw !== 'object') return '';
+  const value = raw as Record<string, unknown>;
+  const page = typeof value['pageId'] === 'string' ? { pageId: value['pageId'] } : {};
+  const reveal = value['reveal'] === true ? { reveal: true as const } : {};
+  if (Array.isArray(value['ids'])) {
+    const ids = value['ids']
+      .filter((id): id is string => typeof id === 'string' && id.length > 0)
+      .slice(0, MAX_HIGHLIGHT_IDS)
+      .map((id) => id.slice(0, 50));
+    if (ids.length) return { ids, ...page, ...reveal };
+  }
+  if (typeof value['id'] === 'string') return { id: value['id'].slice(0, 50), ...page, ...reveal };
+  if (typeof value['selector'] === 'string') {
+    return { selector: value['selector'].slice(0, 500), ...page };
+  }
+  return '';
+}
diff --git a/packages/devtools/src/rpc/report-deltas.ts b/packages/devtools/src/rpc/report-deltas.ts
index cc86d0f5..153dbe33 100644
--- a/packages/devtools/src/rpc/report-deltas.ts
+++ b/packages/devtools/src/rpc/report-deltas.ts
@@ -288,27 +288,34 @@ export function createReportDeltas(shape: DeltaShape): ReportDeltas {
 
 /**
  * Wraps a push handler so it takes deltas. `store` gets the full report and
- * returns whether it kept it. A page that sent a delta mark is answered
- * `{delta: true}` once its report is stored, or `{known: false}` to ask for a
- * full one; a page that sends full reports only gets what `store` returns.
+ * the page clock the push carried as `pageNow` (outside the report, so it
+ * never makes a delta), and returns whether it kept the report. A page that
+ * sent a delta mark is answered `{delta: true}` once its report is stored, or
+ * `{known: false}` to ask for a full one; a page that sends full reports only
+ * gets what `store` returns.
  */
 export function deltaPush(
   deltas: ReportDeltas,
   owns: (pageId: unknown) => boolean,
-  store: (report: Record<string, unknown>) => unknown,
+  store: (report: Record<string, unknown>, pageNow?: unknown) => unknown,
 ) {
-  return (message: unknown) => {
+  return (raw: unknown) => {
+    let message = raw;
+    let pageNow: unknown;
+    if (isRecord(raw) && 'pageNow' in raw) {
+      ({ pageNow, ...message } = raw);
+    }
     const pageId = isRecord(message) ? message['pageId'] : undefined;
     const marked = isRecord(message) && isRecord(message['delta']);
     if (!marked) {
-      const answer = store(message as Record<string, unknown>);
+      const answer = store(message as Record<string, unknown>, pageNow);
       if (answer === true && typeof pageId === 'string') deltas.forget(pageId);
       return typeof answer === 'boolean' ? undefined : answer;
     }
     if (typeof pageId !== 'string' || !pageId || pageId.length >= 50 || !owns(pageId)) return;
     const receipt = deltas.receive(message);
     if (receipt.kind === 'unknown') return { known: false };
-    if (store(receipt.report) === false) {
+    if (store(receipt.report, pageNow) === false) {
       deltas.forget(pageId);
       return { known: false };
     }
diff --git a/packages/devtools/src/rpc/signal-peeks.ts b/packages/devtools/src/rpc/signal-peeks.ts
index 419e20b6..a216dccc 100644
--- a/packages/devtools/src/rpc/signal-peeks.ts
+++ b/packages/devtools/src/rpc/signal-peeks.ts
@@ -1,3 +1,5 @@
+import { isEnvironmentRequest } from '../signal-graph.ts';
+import type { SignalPeekTarget } from '../signal-peek.ts';
 import type { SignalGraph } from '../types.ts';
 
 type PageGraph = SignalGraph & { pageId?: string };
@@ -22,8 +24,8 @@ export function createSignalPeeks() {
    * that never reported a graph) do not count toward that early null.
    */
   function request(
-    send: (message: { requestId: string; env: string; pageId?: string }) => void,
-    env: string,
+    send: (message: SignalPeekTarget & { requestId: string; pageId?: string }) => void,
+    target: SignalPeekTarget,
     pageId: string | undefined,
     pages: readonly string[],
     timeoutMs: number,
@@ -39,7 +41,7 @@ export function createSignalPeeks() {
         resolve(graph);
       };
       pending.set(requestId, { pageId, waiting: new Set(pages), done });
-      send(pageId ? { requestId, env, pageId } : { requestId, env });
+      send(pageId ? { requestId, ...target, pageId } : { requestId, ...target });
     });
   }
 
@@ -60,3 +62,32 @@ export function createSignalPeeks() {
 
   return { request, answer };
 }
+
+/** A component tree match, as `findComponents` returns it. */
+interface ComponentHit {
+  pageId: string;
+  node: { id: string; kind?: string };
+}
+
+/**
+ * What inspect-signals asks the page for when no pushed graph matches: the
+ * CSS `selector` as given, an environment injector for `root`, a route path
+ * or an injector id, or the first component instance `hits` found for a tag,
+ * class name or instance id. `pageId` is the page that instance is on. Null
+ * when nothing can be asked: the component tree has no such component.
+ */
+export function signalPeekFor(
+  args: { component?: string; selector?: string },
+  hits: readonly ComponentHit[],
+): { target: SignalPeekTarget; pageId?: string } | null {
+  if (args.selector !== undefined) return { target: { selector: args.selector } };
+  const wanted = args.component ?? '';
+  if (isEnvironmentRequest(wanted)) return { target: { env: wanted } };
+  const hit = hits.find((entry) => entry.node.kind !== 'directive');
+  return hit ? { target: { id: hit.node.id }, pageId: hit.pageId } : null;
+}
+
+/** The inspect-signals refusal for a CSS selector that matched no component host. */
+export function noSelectorMatchText(selector: string, pageId: string | undefined): string {
+  return `No component host matches the CSS selector \`${selector}\`${pageId ? ` on page \`${pageId}\`` : ''}, so there is no signal graph to read. The selector must match the host element of a component. Pass a class name or instance id from pangular:list-components as \`component\` instead.`;
+}
diff --git a/packages/devtools/src/signal-graph.ts b/packages/devtools/src/signal-graph.ts
index d8a618a0..e228ce07 100644
--- a/packages/devtools/src/signal-graph.ts
+++ b/packages/devtools/src/signal-graph.ts
@@ -5,6 +5,7 @@ import { className, injectorRef } from './injector-tree.ts';
 import { serializeNamed } from './serialize.ts';
 import { frameworkNodes, type OwnSignal } from './signal-framework.ts';
 import { locateWritable, setRawValue } from './signal-locator.ts';
+import { setGraphSecrets, signalSecrets } from './signal-masks.ts';
 import { cleanValue, groupResources, rawNodeOf, type RawNode } from './signal-resources.ts';
 import type {
   SignalGraph,
@@ -28,8 +29,16 @@ const MAX_ENVIRONMENTS = 30;
 const MAX_FALLBACK_HOSTS = 50;
 const VALUE_LIMITS = { depth: 4, keys: 40, items: 40, text: 500 };
 
-export function graphValue(label: string | undefined, value: unknown): unknown {
-  return serializeNamed(label, value, VALUE_LIMITS);
+/**
+ * A node value as the graph sends it. `secrets` are the form values the graph
+ * masks wherever they appear (`signal-masks.ts`).
+ */
+export function graphValue(
+  label: string | undefined,
+  value: unknown,
+  secrets?: ReadonlySet<string>,
+): unknown {
+  return serializeNamed(label, value, secrets?.size ? { ...VALUE_LIMITS, secrets } : VALUE_LIMITS);
 }
 
 function read<T>(fn: () => T, fallback: T): T {
@@ -216,8 +225,10 @@ function buildGraph<H extends object>(
   raw: RawGraph,
   instance: object | null,
   ng: SignalDebugNg<H>,
+  secrets: ReadonlySet<string>,
   componentId?: string,
 ) {
+  const value = (label: string | undefined, raw: unknown) => graphValue(label, raw, secrets);
   let linked: LinkedReader[] | null = null;
   const kept = raw.nodes.slice(0, MAX_NODES);
   const located =
@@ -240,10 +251,10 @@ function buildGraph<H extends object>(
     // Angular sends no value for linkedSignal nodes; the matched field holds it.
     const fieldValue = field && !('value' in n) ? cleanValue(field.node) : null;
     if ('value' in n) {
-      node.value = graphValue(n.label, n.value);
+      node.value = value(n.label, n.value);
       setRawValue(node, n.value);
     } else if (fieldValue) {
-      node.value = graphValue(n.label, fieldValue.value);
+      node.value = value(n.label, fieldValue.value);
       setRawValue(node, fieldValue.value);
     } else if (
       n.kind === 'linkedSignal' &&
@@ -254,7 +265,7 @@ function buildGraph<H extends object>(
       linked ??= linkedSignalReaders(ng, instance);
       const found = linkedValue(linked, n.label, node.epoch);
       if (found) {
-        node.value = graphValue(n.label, found.value);
+        node.value = value(n.label, found.value);
         setRawValue(node, found.value);
       }
     }
@@ -263,10 +274,9 @@ function buildGraph<H extends object>(
   const edges = (raw.edges ?? []).filter(
     (e) => e.consumer < kept.length && e.producer < kept.length,
   );
-  const resources = groupResources(nodes, edges, instance ? [instance] : [], (label, value) =>
-    graphValue(label, value),
-  );
+  const resources = groupResources(nodes, edges, instance ? [instance] : [], value);
   markFramework(nodes, edges, new Set(resources.flatMap((r) => r.nodeIds)), instance, ng);
+  setGraphSecrets(nodes, secrets);
   const graph: Pick<SignalGraph, 'nodes' | 'edges' | 'resources' | 'nodeCount'> = { nodes, edges };
   if (resources.length) graph.resources = resources;
   if (raw.nodes.length > kept.length) graph.nodeCount = raw.nodes.length;
@@ -300,7 +310,8 @@ function graphFor<H extends object>(
   const tag = tree.tag(el);
   const id = elementId(el);
   return {
-    ...buildGraph(raw, instance, ng, id),
+    // Secret form fields of the component, masked before the graph leaves the page.
+    ...buildGraph(raw, instance, ng, signalSecrets(ng, el, instance), id),
     componentSelector: tag,
     component: {
       id,
@@ -371,7 +382,7 @@ function graphForEnvironment<H extends object>(
   if (!raw) return null;
   if (!hasIds(raw)) return UNSUPPORTED;
   return {
-    ...buildGraph(raw, null, ng),
+    ...buildGraph(raw, null, ng, signalSecrets(ng, null, null)),
     injector: { id: env.id, name: env.name },
     source: 'selected',
   };
diff --git a/packages/devtools/src/signal-history.ts b/packages/devtools/src/signal-history.ts
index d809e0ba..57bd671d 100644
--- a/packages/devtools/src/signal-history.ts
+++ b/packages/devtools/src/signal-history.ts
@@ -196,7 +196,10 @@ export function createSignalHistory(
 
   function sameValue(raw: RawSignalNode, node: SignalGraphNode): boolean {
     if (!('value' in node)) return true;
-    return JSON.stringify(snapshot(raw.value, node.label)) === JSON.stringify(node.value);
+    // The node's `value` can be masked; compare with the raw value kept on the page instead.
+    const kept = rawValueOf(node);
+    const nodeValue = kept ? snapshot(kept.value, node.label) : node.value;
+    return JSON.stringify(snapshot(raw.value, node.label)) === JSON.stringify(nodeValue);
   }
 
   function findTrack(node: SignalGraphNode, taken: Set<string>): Track | undefined {
diff --git a/packages/devtools/src/signal-masks.ts b/packages/devtools/src/signal-masks.ts
new file mode 100644
index 00000000..b99d2cf4
--- /dev/null
+++ b/packages/devtools/src/signal-masks.ts
@@ -0,0 +1,169 @@
+import { maskedFormValues, rememberMaskedValues } from './component-form-masks.ts';
+import { isFieldTree } from './forms.ts';
+import { REDACTED, longestFirst, redactMessageWith, redactReason } from './forms-privacy.ts';
+import type { SignalChange, SignalGraphNode } from './types.ts';
+
+/**
+ * The secret form values a signal graph must not show. Signal Forms keeps
+ * each field's value in signals of its own: an unnamed `computed` that reads
+ * the field's key from the model, and an unnamed `linkedSignal` for the
+ * control value. Those nodes have no label, so the name rules never apply to
+ * them, and their value is the bare field value. The graph masks them by
+ * value instead, against:
+ *
+ * - the form fields in the component's template that the forms inspector
+ *   masks (secret names, `type="password"`, a credential `autocomplete`,
+ *   `data-pangular="mask"` and the other markers), from `maskedFormValues`,
+ *   with the values those fields held earlier and the page's form secrets;
+ * - the secret fields of the Signal Forms forms the component instance holds,
+ *   found by name (and by their bound element, when there is one), so a field
+ *   the template doesn't bind is covered too.
+ *
+ * A value found this way is replaced with `[redacted]` in every node and
+ * resource of the graph, and in the history entries sent with it, wherever it
+ * appears: as the whole value, inside an object or array, or inside a string.
+ */
+
+type AnyRecord = Record<string, any>;
+
+/** Most instance fields, form fields and values one scan reads, so a huge component stays cheap. */
+const MAX_KEYS = 200;
+const MAX_FIELDS = 500;
+const MAX_DEPTH = 8;
+const MAX_ITEMS = 50;
+
+function read<T>(fn: () => T, fallback: T): T {
+  try {
+    return fn();
+  } catch {
+    return fallback;
+  }
+}
+
+/** Every string and number inside a secret field's value. */
+function addValues(out: Set<string>, value: unknown, depth = 0) {
+  if (typeof value === 'string' || typeof value === 'number') {
+    out.add(String(value));
+    return;
+  }
+  if (!value || typeof value !== 'object' || depth >= 3) return;
+  const items = Array.isArray(value) ? value : read(() => Object.values(value), []);
+  for (const item of items.slice(0, MAX_ITEMS)) addValues(out, item, depth + 1);
+}
+
+/** The element a Signal Forms field is bound to with `[formField]`, if any. */
+function boundElement(node: AnyRecord): Element | null {
+  const bindings = read(() => node['formFieldBindings']() as AnyRecord[], []);
+  const element = bindings[0]?.['element'];
+  return typeof Element !== 'undefined' && element instanceof Element ? element : null;
+}
+
+/**
+ * The values of the secret fields under one Signal Forms field node. Reads
+ * only the children the form already created (`materializedChildren`), so it
+ * makes no field and writes nothing.
+ */
+function fieldSecrets(
+  node: AnyRecord,
+  out: Set<string>,
+  budget: { left: number },
+  key = '',
+  depth = 0,
+) {
+  if (--budget.left < 0) return;
+  if (key && redactReason(key, boundElement(node))) {
+    addValues(
+      out,
+      read(() => node['value'](), undefined),
+    );
+    return;
+  }
+  if (depth >= MAX_DEPTH) return;
+  for (const child of read(() => node['structure'].materializedChildren() as AnyRecord[], [])) {
+    const childKey = read(() => String(child['keyInParent']()), '');
+    fieldSecrets(child, out, budget, childKey, depth + 1);
+  }
+}
+
+/** The values of the secret Signal Forms fields the component instance holds. */
+export function instanceFormSecrets(instance: object): Set<string> {
+  const out = new Set<string>();
+  const budget = { left: MAX_FIELDS };
+  for (const key of read(() => Object.keys(instance), [] as string[]).slice(0, MAX_KEYS)) {
+    const value = read(() => (instance as AnyRecord)[key], undefined);
+    if (typeof value !== 'function' || !isFieldTree(value)) continue;
+    const root = read(() => value(), null);
+    // The form's own property name (`login`) is not a field name; a secret one masks it all.
+    if (root) fieldSecrets(root, out, budget, redactReason(key) ? key : '');
+  }
+  return out;
+}
+
+/**
+ * The secret values for the graph of `host`'s component, or for an
+ * environment injector's graph when `host` is null (the page-wide masked
+ * values only).
+ */
+export function signalSecrets<H extends object>(
+  ng: Parameters<typeof maskedFormValues<H>>[0],
+  host: H | null,
+  instance: object | null,
+): ReadonlySet<string> {
+  if (instance) rememberMaskedValues(instanceFormSecrets(instance));
+  return maskedFormValues(ng, host);
+}
+
+/** The secrets each graph was built with, keyed by its node list, which copies of the graph share. */
+const graphSecrets = new WeakMap<SignalGraphNode[], ReadonlySet<string>>();
+
+export function setGraphSecrets(nodes: SignalGraphNode[], secrets: ReadonlySet<string>) {
+  graphSecrets.set(nodes, secrets);
+}
+
+export function secretsOfGraph(graph: { nodes: SignalGraphNode[] }): ReadonlySet<string> {
+  return graphSecrets.get(graph.nodes) ?? new Set();
+}
+
+/** A serialized value with every secret in it replaced, without changing `value`. */
+function maskValue(
+  value: unknown,
+  secrets: ReadonlySet<string>,
+  ordered: readonly string[],
+  depth = 0,
+): unknown {
+  if (typeof value === 'string') {
+    if (value === REDACTED) return value;
+    return secrets.has(value) ? REDACTED : redactMessageWith(value, ordered);
+  }
+  if (typeof value === 'number') return secrets.has(String(value)) ? REDACTED : value;
+  if (!value || typeof value !== 'object' || depth > 20) return value;
+  if (Array.isArray(value))
+    return value.map((item) => maskValue(item, secrets, ordered, depth + 1));
+  const out: AnyRecord = {};
+  for (const [key, item] of Object.entries(value)) {
+    out[key] = maskValue(item, secrets, ordered, depth + 1);
+  }
+  return out;
+}
+
+/**
+ * History entries with the graph's secret values masked. An entry was
+ * serialized when it was recorded, maybe before the value was known to be
+ * secret (a write, or a sample from an earlier graph), so it is masked again
+ * on the way out. The kept entries stay as they are, for restores.
+ */
+export function maskHistory(
+  history: Record<string, SignalChange[]>,
+  secrets: ReadonlySet<string>,
+): Record<string, SignalChange[]> {
+  if (!secrets.size) return history;
+  const ordered = longestFirst(secrets);
+  const out: Record<string, SignalChange[]> = {};
+  for (const [id, changes] of Object.entries(history)) {
+    out[id] = changes.map((change) => {
+      const value = maskValue(change.value, secrets, ordered);
+      return value === change.value ? change : { ...change, value };
+    });
+  }
+  return out;
+}
diff --git a/packages/devtools/src/signal-peek.ts b/packages/devtools/src/signal-peek.ts
index 1a5f540c..042fb1ad 100644
--- a/packages/devtools/src/signal-peek.ts
+++ b/packages/devtools/src/signal-peek.ts
@@ -1,9 +1,11 @@
 import { injectorMatches, type SignalTarget } from './signal-graph.ts';
+import { maskHistory, secretsOfGraph } from './signal-masks.ts';
 import type { SignalChange, SignalGraph, SignalGraphNode } from './types.ts';
 
 /**
- * One-shot reads of an environment injector's signal graph for the
- * inspect-signals agent tool. Unlike `select-signal-component`, a peek leaves
+ * One-shot reads of one injector's signal graph for the inspect-signals agent
+ * tool: an environment injector (`env`), or a component's (`id` from the
+ * component tree, or a CSS `selector` matching its host). Unlike `select-signal-component`, a peek leaves
  * the page's selected target alone, so the Signals page keeps showing what the
  * user picked.
  */
@@ -13,11 +15,10 @@ export const PEEK_EVENT = 'peek-signal-graph';
 /** Server action the page calls with the answer. */
 export const PEEK_RESULT = 'signal-graph-peek-result';
 
-export interface SignalPeekRequest {
-  requestId: string;
-  env: string;
-  pageId?: string;
-}
+/** The injector a peek reads: exactly one of these. */
+export type SignalPeekTarget = { env: string } | { id: string } | { selector: string };
+
+export type SignalPeekRequest = SignalPeekTarget & { requestId: string; pageId?: string };
 
 export interface SignalPeekAnswer {
   requestId: string;
@@ -30,20 +31,41 @@ interface PeekHistory {
   changesOf(id: string): number;
 }
 
+const text = (value: unknown, max: number): value is string =>
+  typeof value === 'string' && !!value && value.length <= max;
+
 /** The request when it is well formed and meant for this page, otherwise undefined. */
 export function toPeekRequest(request: unknown, pageId: string): SignalPeekRequest | undefined {
   if (!request || typeof request !== 'object') return undefined;
-  const { requestId, env, pageId: forPage } = request as Record<string, unknown>;
-  if (typeof requestId !== 'string' || !requestId || requestId.length > 50) return undefined;
-  if (typeof env !== 'string' || !env || env.length > 500) return undefined;
+  const { requestId, env, id, selector, pageId: forPage } = request as Record<string, unknown>;
+  if (!text(requestId, 50)) return undefined;
   if (typeof forPage === 'string' && forPage && forPage !== pageId) return undefined;
-  return { requestId, env };
+  const given = [env, id, selector].filter((value) => value !== undefined);
+  if (given.length !== 1) return undefined;
+  if (text(env, 500)) return { requestId, env };
+  if (text(id, 100)) return { requestId, id };
+  if (text(selector, 500)) return { requestId, selector };
+  return undefined;
+}
+
+/** Whether the collected graph is the one the request asked for, not a fallback. */
+function answers(graph: SignalGraph, request: SignalPeekRequest): boolean {
+  if ('env' in request) return !!graph.injector && injectorMatches(graph.injector, request.env);
+  // `selected` means the target resolved to a component host; anything else is a fallback.
+  if (graph.source !== 'selected' || !graph.component) return false;
+  return 'id' in request ? graph.component.id === request.id : true;
+}
+
+function targetOf(request: SignalPeekRequest): SignalTarget {
+  if ('env' in request) return { env: request.env };
+  if ('id' in request) return { id: request.id };
+  return { selector: request.selector };
 }
 
 /**
- * Collects the graph of the environment injector the request names. Answers
- * with `graph: null` when the page has no such injector, rather than the
- * component graph the collector falls back to.
+ * Collects the graph of the injector the request names. Answers with
+ * `graph: null` when the page has no such injector, or no component host
+ * matches the id or selector, rather than the graph the collector falls back to.
  */
 export function answerPeek(
   request: SignalPeekRequest,
@@ -51,8 +73,8 @@ export function answerPeek(
   collect: (target: SignalTarget) => SignalGraph | null,
   history?: PeekHistory,
 ): SignalPeekAnswer {
-  const graph = collect({ env: request.env });
-  if (!graph?.injector || !injectorMatches(graph.injector, request.env)) {
+  const graph = collect(targetOf(request));
+  if (!graph || !answers(graph, request)) {
     return { requestId: request.requestId, pageId, graph: null };
   }
   if (history) {
@@ -65,7 +87,10 @@ export function answerPeek(
         epoch: r.epoch,
         value: r.status,
       }));
-    graph.history = history.collect([...graph.nodes, ...statuses]);
+    graph.history = maskHistory(
+      history.collect([...graph.nodes, ...statuses]),
+      secretsOfGraph(graph),
+    );
     for (const item of [...graph.nodes, ...(graph.resources ?? [])]) {
       const changes = history.changesOf(item.id);
       if (changes) item.changes = changes;
diff --git a/packages/devtools/src/types.ts b/packages/devtools/src/types.ts
index 9010e053..f0b94a23 100644
--- a/packages/devtools/src/types.ts
+++ b/packages/devtools/src/types.ts
@@ -309,6 +309,13 @@ export interface ComponentTreeReport {
 
 export interface ComponentPage extends ComponentTreeReport {
   reportedAt: number;
+  /**
+   * The server clock minus the page clock, in ms, from the page clock
+   * (`pageNow`) the last push carried. Page times such as a defer block's
+   * `since` are aged against `Date.now() - clockOffset`. Missing when the
+   * page sent no clock.
+   */
+  clockOffset?: number;
 }
 
 export interface InjectorInfo {
diff --git a/scripts/e2e-mcp.mjs b/scripts/e2e-mcp.mjs
index 5cf7845f..5a0dc530 100644
--- a/scripts/e2e-mcp.mjs
+++ b/scripts/e2e-mcp.mjs
@@ -727,6 +727,7 @@ const READ_PLAN = [
     () => ({ component: 'app-signals-example', node: 'count', history: false }),
   ],
   ['inspect-signals', '/examples/signals', () => ({ component: 'root' })],
+  ['inspect-signals', '/examples/signals', () => ({ selector: 'app-signals-example' })],
 
   ['inspect-providers', '/examples/di', () => ({})],
   ['inspect-providers', '/examples/di', () => ({ injector: 'Root' })],
diff --git a/scripts/panel-axe.mjs b/scripts/panel-axe.mjs
index 68f38e67..812a6bb4 100644
--- a/scripts/panel-axe.mjs
+++ b/scripts/panel-axe.mjs
@@ -291,6 +291,167 @@ const HTTP_SEED = {
   ],
 };
 
+// A library plugin that reports a view, so the Plugins tab shows, and one that failed.
+const PLUGINS_SEED = {
+  server: [],
+  pages: {
+    tab1: {
+      pageId: 'tab1',
+      url: '/trips',
+      title: 'Trips',
+      reportedAt: now,
+      plugins: [
+        {
+          id: 'cart',
+          version: '1.0.0',
+          title: 'Cart',
+          description: 'The cart store of the trips app.',
+          status: 'running',
+          actions: [],
+          view: {
+            summary: '2 items in the cart',
+            badges: [{ label: 'synced', tone: 'ok' }],
+            sections: [
+              {
+                kind: 'table',
+                title: 'Items',
+                columns: [
+                  { key: 'trip', label: 'Trip' },
+                  { key: 'seats', label: 'Seats' },
+                ],
+                rows: [
+                  { trip: 'Lisbon', seats: 2 },
+                  { trip: 'Porto', seats: { text: 'sold out', tone: 'danger' } },
+                ],
+                empty: 'The cart is empty.',
+              },
+              {
+                kind: 'list',
+                title: 'Coupons',
+                items: [{ label: 'SPRING', detail: '10% off', badge: { label: 'active' } }],
+              },
+            ],
+          },
+        },
+        {
+          id: 'broken',
+          version: '0.1.0',
+          title: 'Broken',
+          status: 'error',
+          error: 'TypeError: cannot read properties of undefined',
+          actions: [],
+          view: null,
+        },
+      ],
+    },
+  },
+};
+
+// A page with a QueryClient: one cached query, one failed query and a mutation.
+const query = (id, extra = {}) => ({
+  id,
+  clientId: 'qc1',
+  key: ['trips', id],
+  keyText: `["trips","${id}"]`,
+  status: 'success',
+  fetchStatus: 'idle',
+  stale: false,
+  invalidated: false,
+  observers: 1,
+  active: true,
+  disabled: false,
+  dataUpdatedAt: now - 5_000,
+  errorUpdatedAt: 0,
+  dataUpdateCount: 1,
+  failureCount: 0,
+  hasData: true,
+  ...extra,
+});
+const QUERIES_SEED = {
+  pages: {
+    tab1: {
+      pageId: 'tab1',
+      url: '/trips',
+      title: 'Trips',
+      at: now,
+      reportedAt: now,
+      clients: [{ id: 'qc1', scope: 'root', queries: 2, mutations: 1 }],
+      queries: [
+        query('q1'),
+        query('q2', {
+          status: 'error',
+          error: 'HttpErrorResponse: 500',
+          hasData: false,
+          failureCount: 3,
+          errorUpdatedAt: now - 2_000,
+        }),
+      ],
+      mutations: [
+        {
+          id: 'm1',
+          clientId: 'qc1',
+          keyText: '["book"]',
+          status: 'success',
+          isPaused: false,
+          submittedAt: now - 1_000,
+          failureCount: 0,
+        },
+      ],
+    },
+  },
+};
+
+// A reactive form with an invalid field, so the Forms tab has fields to filter.
+const FORMS_SEED = {
+  forms: [
+    {
+      id: 'f1@tab1',
+      kind: 'reactive',
+      owner: 'SignupForm',
+      label: 'signup',
+      root: {
+        key: '',
+        path: '',
+        type: 'group',
+        status: 'INVALID',
+        touched: true,
+        dirty: true,
+        bound: true,
+        errors: [],
+        children: [
+          {
+            key: 'email',
+            path: 'email',
+            type: 'control',
+            status: 'INVALID',
+            touched: true,
+            dirty: true,
+            bound: true,
+            required: true,
+            value: '',
+            errors: [{ kind: 'required', message: 'Email is required' }],
+          },
+          {
+            key: 'name',
+            path: 'name',
+            type: 'control',
+            status: 'VALID',
+            touched: false,
+            dirty: false,
+            bound: true,
+            value: 'Ada',
+            errors: [],
+          },
+        ],
+      },
+    },
+  ],
+  events: [],
+  instrumented: [],
+  dropped: {},
+  webMcp: [],
+};
+
 /** The dump's record format (@ungap/structured-clone JSON), for plain JSON values. */
 function encodeRecord(value) {
   const out = [];
@@ -318,9 +479,12 @@ const SEEDS = {
   'pangular:errors': ERRORS_SEED,
   'pangular:component-tree': COMPONENTS_SEED,
   'pangular:http': HTTP_SEED,
+  'pangular:plugins': PLUGINS_SEED,
+  'pangular:tanstack-query': QUERIES_SEED,
+  'pangular:forms': FORMS_SEED,
 };
 
-/** Serves the seeded Capacitor and Errors pages in place of the report's empty state. */
+/** Serves the seeded pages in place of the report's empty state for the `SEEDS` keys. */
 async function seedPages(context) {
   await context.route(
     '**/__rpc-dump/devframe~rpc~server-state~get.record.*.json',
@@ -340,12 +504,99 @@ async function seedPages(context) {
   );
 }
 
+// The report's own files, which the panel needs to connect at all.
+const REPORT_FILES = /__rpc-dump\/(?!index\.json$|pangular~build-meta\.)/;
+
+/** Every source scan in the report comes back empty, as for a project with nothing in it. */
+async function emptySource(context) {
+  await context.route(/__rpc-dump\/pangular~[^/]+\.(record\.[^/]+|fallback)\.json$/, (route) =>
+    route.fulfill({
+      contentType: 'application/json',
+      body: JSON.stringify({ inputs: [], output: [] }),
+    }),
+  );
+}
+
+/** Every RPC answer fails, as when the devtools server stops answering. */
+async function unreachable(context) {
+  await context.route(REPORT_FILES, (route) => route.fulfill({ status: 500, body: 'down' }));
+}
+
+/** Every RPC answer stays pending, so each tab shows its loading state. */
+async function neverAnswers(context) {
+  await context.route(REPORT_FILES, () => new Promise(() => {}));
+}
+
 const VIEWS = ['ngrx', 'analog', 'angular-native', 'nativescript', 'capacitor'];
+const NO_MATCH = 'zz-no-such-thing';
 const failures = [];
 const browser = await chromium.launch();
 
-async function check(page, name) {
-  await page.waitForLoadState('networkidle');
+/** A browser context for one color scheme, with the routes `setup` adds. */
+async function newPanel(colorScheme, setup) {
+  const context = await browser.newContext({
+    colorScheme,
+    reducedMotion: 'reduce',
+    viewport: { width: 1280, height: 800 },
+  });
+  await setup?.(context);
+  return context;
+}
+
+/** Visits every tab in the bar and checks it; `ready` waits for the state under test. */
+async function checkTabs(page, name, { ready, after, idle = true } = {}) {
+  const tabs = page.locator('nav[aria-label="Inspectors"] button');
+  const count = await tabs.count();
+  if (!count) failures.push(`${name}: no inspector tabs rendered`);
+  for (let i = 0; i < count; i++) {
+    const tab = tabs.nth(i);
+    const label = (await tab.innerText()).trim();
+    await tab.click();
+    await ready?.(page, label);
+    await check(page, `${name} ${label}`, { idle });
+    await after?.(page, `${name} ${label}`);
+  }
+}
+
+/**
+ * Types a filter that matches nothing into every search box the tab shows,
+ * checks the "no match" state, then clears them. Returns whether it found one.
+ */
+async function filterToNothing(page, name) {
+  const boxes = page.locator('main input[type="search"]:visible');
+  const count = await boxes.count();
+  if (!count) return false;
+  for (let i = 0; i < count; i++) await boxes.nth(i).fill(NO_MATCH);
+  // The pages filter as the viewer types, and some wait a moment before they do.
+  await page.waitForTimeout(700);
+  await check(page, `${name} filtered to nothing`);
+  for (let i = count - 1; i >= 0; i--) await boxes.nth(i).fill('');
+  return true;
+}
+
+/** Like `filterToNothing`, for a page that must have a search box. */
+async function mustFilter(page, name) {
+  if (!(await filterToNothing(page, name))) failures.push(`${name}: no search box to filter`);
+}
+
+// What a tab shows when the server fails, and while it has not answered yet.
+const ERROR_STATE = 'main [role="alert"], main :text("Count unavailable")';
+const LOADING_STATE = 'main :text-matches("Loading|Scanning|Counting|Connecting")';
+// The Audit tab reads no RPC in a static report, so it shows the same notice in every state.
+const NO_RPC_TABS = new Set(['Audit']);
+
+/** Waits for a tab's error or loading state, and fails when it does not show. */
+async function waitForState(page, label, selector, state) {
+  if (NO_RPC_TABS.has(label)) return;
+  try {
+    await page.locator(selector).first().waitFor({ timeout: 10_000 });
+  } catch {
+    failures.push(`${label}: no ${state} state showed`);
+  }
+}
+
+async function check(page, name, { idle = true } = {}) {
+  if (idle) await page.waitForLoadState('networkidle');
   const { violations } = await new AxeBuilder({ page }).analyze();
   for (const v of violations) {
     const targets = v.nodes.map((node) => node.target.join(' ')).join(', ');
@@ -365,114 +616,167 @@ try {
   }
   await rootPage.close();
 
-  for (const colorScheme of ['dark', 'light']) {
-    const context = await browser.newContext({
-      colorScheme,
-      reducedMotion: 'reduce',
-      viewport: { width: 1280, height: 800 },
-    });
-    const page = await context.newPage();
-    page.on('pageerror', (error) => failures.push(`${colorScheme}: page error ${error.message}`));
-
-    await page.goto(base);
-    await page.locator('.status.connected').waitFor();
-    const tabs = page.locator('nav[aria-label="Inspectors"] button');
-    const count = await tabs.count();
-    if (!count) failures.push(`${colorScheme}: no inspector tabs rendered`);
-    for (let i = 0; i < count; i++) {
-      const tab = tabs.nth(i);
-      const label = (await tab.innerText()).trim();
-      await tab.click();
-      await check(page, `${colorScheme} ${label}`);
-    }
-
-    await page.locator('header button[aria-label="Settings"]').click();
-    await page.locator('#settings-browser-agents').waitFor();
-    await check(page, `${colorScheme} Settings`);
+  // The two color schemes run side by side, each in its own browser contexts.
+  await Promise.all(
+    ['dark', 'light'].map(async (colorScheme) => {
+      const context = await newPanel(colorScheme);
+      const page = await context.newPage();
+      page.on('pageerror', (error) => failures.push(`${colorScheme}: page error ${error.message}`));
 
-    for (const view of VIEWS) {
-      await page.goto(`${base}?view=${view}`);
+      await page.goto(base);
       await page.locator('.status.connected').waitFor();
-      // Every view links to the full panel, so axe checks the link in each one.
-      if (!(await page.locator('header a.full-panel').count())) {
-        failures.push(`${colorScheme} view=${view}: no Open full panel link`);
+      // The report as built: source scans, and the empty state of every live tab.
+      await checkTabs(page, colorScheme, { after: filterToNothing });
+
+      await page.locator('header button[aria-label="Settings"]').click();
+      await page.locator('#settings-browser-agents').waitFor();
+      await check(page, `${colorScheme} Settings`);
+
+      for (const view of VIEWS) {
+        await page.goto(`${base}?view=${view}`);
+        await page.locator('.status.connected').waitFor();
+        // Every view links to the full panel, so axe checks the link in each one.
+        if (!(await page.locator('header a.full-panel').count())) {
+          failures.push(`${colorScheme} view=${view}: no Open full panel link`);
+        }
+        await check(page, `${colorScheme} view=${view}`);
       }
-      await check(page, `${colorScheme} view=${view}`);
-    }
-    await context.close();
-
-    const seeded = await browser.newContext({
-      colorScheme,
-      reducedMotion: 'reduce',
-      viewport: { width: 1280, height: 800 },
-    });
-    await seedPages(seeded);
-    const capacitor = await seeded.newPage();
-    capacitor.on('pageerror', (error) =>
-      failures.push(`${colorScheme} Capacitor: page error ${error.message}`),
-    );
-    await capacitor.goto(`${base}?view=capacitor`);
-    await capacitor.locator('.status.connected').waitFor();
-    try {
-      await capacitor.locator('.calls .call').first().waitFor({ timeout: 15_000 });
-      await capacitor.locator('.calls .call').nth(1).click();
-      await capacitor.locator('#cap-detail').waitFor();
-      await capacitor.locator('app-capacitor-state article').waitFor();
-      await capacitor.getByText('possible leak').first().waitFor();
-      await check(capacitor, `${colorScheme} view=capacitor with an app reporting`);
-      await capacitor.locator('#cap-tab-outcome').click();
-      await check(capacitor, `${colorScheme} view=capacitor on the Error tab`);
-      await capacitor.locator('#cap-tab-timing').click();
-      await capacitor.locator('.strip [data-filter="slow"]').click();
-      await check(capacitor, `${colorScheme} view=capacitor with the Slow filter`);
-      await capacitor.locator('.page-picker [role="combobox"]').click();
-      await capacitor.locator('.page-picker [role="option"]', { hasText: 'Desktop' }).click();
-      await capacitor.getByText("Plugin calls aren't shown on this page.").waitFor();
-      await check(capacitor, `${colorScheme} view=capacitor on a web page`);
-    } catch (error) {
-      failures.push(`${colorScheme} Capacitor: the seeded app did not show (${error.message})`);
-    }
-    const errors = await seeded.newPage();
-    errors.on('pageerror', (error) =>
-      failures.push(`${colorScheme} Errors: page error ${error.message}`),
-    );
-    await errors.goto(`${base}#tab=errors`);
-    await errors.locator('.status.connected').waitFor();
-    try {
-      await errors.locator('ol.errors > li').first().waitFor({ timeout: 15_000 });
-      await errors.locator('ol.errors details summary').first().click();
-      await check(errors, `${colorScheme} Errors with errors reported`);
-      await errors.getByRole('button', { name: /^Console/ }).click();
-      await errors.locator('ol.console > li').first().waitFor();
-      await check(errors, `${colorScheme} Errors on the console log`);
-    } catch (error) {
-      failures.push(`${colorScheme} Errors: the seeded page did not show (${error.message})`);
-    }
-    const long = await seeded.newPage();
-    long.on('pageerror', (error) =>
-      failures.push(`${colorScheme} long lists: page error ${error.message}`),
-    );
-    try {
-      await long.goto(`${base}#tab=components`);
-      await long.locator('.status.connected').waitFor();
-      await long.locator('.tree.windowed [role="treeitem"]').first().waitFor({ timeout: 15_000 });
-      const rows = await long.locator('.tree [role="treeitem"]').count();
-      if (rows >= LONG) failures.push(`${colorScheme} components: ${rows} rows rendered`);
-      await check(long, `${colorScheme} Components with ${LONG} instances`);
-      await long.locator('.tree [role="treeitem"][tabindex="0"]').focus();
-      await long.keyboard.press('End');
-      await long.locator('.tree [role="treeitem"][data-id="c1998"]:focus').waitFor();
-      await check(long, `${colorScheme} Components at the last instance`);
-      const network = await seeded.newPage();
-      await network.goto(`${base}#tab=network`);
-      await network.locator('.status.connected').waitFor();
-      await network.locator('tbody tr[data-vindex]').first().waitFor({ timeout: 15_000 });
-      await check(network, `${colorScheme} Network with ${LONG} calls`);
-    } catch (error) {
-      failures.push(`${colorScheme} long lists: did not show (${error.message})`);
-    }
-    await seeded.close();
-  }
+      await context.close();
+
+      const seeded = await newPanel(colorScheme, seedPages);
+      const capacitor = await seeded.newPage();
+      capacitor.on('pageerror', (error) =>
+        failures.push(`${colorScheme} Capacitor: page error ${error.message}`),
+      );
+      await capacitor.goto(`${base}?view=capacitor`);
+      await capacitor.locator('.status.connected').waitFor();
+      try {
+        await capacitor.locator('.calls .call').first().waitFor({ timeout: 15_000 });
+        await capacitor.locator('.calls .call').nth(1).click();
+        await capacitor.locator('#cap-detail').waitFor();
+        await capacitor.locator('app-capacitor-state article').waitFor();
+        await capacitor.getByText('possible leak').first().waitFor();
+        await check(capacitor, `${colorScheme} view=capacitor with an app reporting`);
+        await mustFilter(capacitor, `${colorScheme} view=capacitor`);
+        await capacitor.locator('#cap-tab-outcome').click();
+        await check(capacitor, `${colorScheme} view=capacitor on the Error tab`);
+        await capacitor.locator('#cap-tab-timing').click();
+        await capacitor.locator('.strip [data-filter="slow"]').click();
+        await check(capacitor, `${colorScheme} view=capacitor with the Slow filter`);
+        await capacitor.locator('.page-picker [role="combobox"]').click();
+        await capacitor.locator('.page-picker [role="option"]', { hasText: 'Desktop' }).click();
+        await capacitor.getByText("Plugin calls aren't shown on this page.").waitFor();
+        await check(capacitor, `${colorScheme} view=capacitor on a web page`);
+      } catch (error) {
+        failures.push(`${colorScheme} Capacitor: the seeded app did not show (${error.message})`);
+      }
+      const errors = await seeded.newPage();
+      errors.on('pageerror', (error) =>
+        failures.push(`${colorScheme} Errors: page error ${error.message}`),
+      );
+      await errors.goto(`${base}#tab=errors`);
+      await errors.locator('.status.connected').waitFor();
+      try {
+        await errors.locator('ol.errors > li').first().waitFor({ timeout: 15_000 });
+        await errors.locator('ol.errors details summary').first().click();
+        await check(errors, `${colorScheme} Errors with errors reported`);
+        await mustFilter(errors, `${colorScheme} Errors`);
+        await errors.getByRole('button', { name: /^Console/ }).click();
+        await errors.locator('ol.console > li').first().waitFor();
+        await check(errors, `${colorScheme} Errors on the console log`);
+      } catch (error) {
+        failures.push(`${colorScheme} Errors: the seeded page did not show (${error.message})`);
+      }
+      const long = await seeded.newPage();
+      long.on('pageerror', (error) =>
+        failures.push(`${colorScheme} long lists: page error ${error.message}`),
+      );
+      try {
+        await long.goto(`${base}#tab=components`);
+        await long.locator('.status.connected').waitFor();
+        await long.locator('.tree.windowed [role="treeitem"]').first().waitFor({ timeout: 15_000 });
+        const rows = await long.locator('.tree [role="treeitem"]').count();
+        if (rows >= LONG) failures.push(`${colorScheme} components: ${rows} rows rendered`);
+        await check(long, `${colorScheme} Components with ${LONG} instances`);
+        await long.locator('.tree [role="treeitem"][tabindex="0"]').focus();
+        await long.keyboard.press('End');
+        await long.locator('.tree [role="treeitem"][data-id="c1998"]:focus').waitFor();
+        await check(long, `${colorScheme} Components at the last instance`);
+        const network = await seeded.newPage();
+        await network.goto(`${base}#tab=network`);
+        await network.locator('.status.connected').waitFor();
+        await network.locator('tbody tr[data-vindex]').first().waitFor({ timeout: 15_000 });
+        await check(network, `${colorScheme} Network with ${LONG} calls`);
+        await mustFilter(network, `${colorScheme} Network`);
+      } catch (error) {
+        failures.push(`${colorScheme} long lists: did not show (${error.message})`);
+      }
+      // The live tabs that show nothing to filter until a page reports.
+      for (const [tab, label, shown] of [
+        ['plugins', 'Plugins', '#plugin-title'],
+        ['queries', 'Queries', 'main input[type="search"]'],
+        ['forms', 'Forms', 'main input[type="search"]'],
+      ]) {
+        const live = await seeded.newPage();
+        live.on('pageerror', (error) =>
+          failures.push(`${colorScheme} ${label}: page error ${error.message}`),
+        );
+        try {
+          await live.goto(`${base}#tab=${tab}`);
+          await live.locator('.status.connected').waitFor();
+          await live.locator(shown).first().waitFor({ timeout: 15_000 });
+          await check(live, `${colorScheme} ${label} with a page reporting`);
+          await mustFilter(live, `${colorScheme} ${label}`);
+        } catch (error) {
+          failures.push(`${colorScheme} ${label}: the seeded page did not show (${error.message})`);
+        }
+      }
+      await seeded.close();
+
+      // A project whose source declares nothing: the empty state of the source scans.
+      const empty = await newPanel(colorScheme, emptySource);
+      const emptyPage = await empty.newPage();
+      emptyPage.on('pageerror', (error) =>
+        failures.push(`${colorScheme} empty project: page error ${error.message}`),
+      );
+      await emptyPage.goto(base);
+      await emptyPage.locator('.status.connected').waitFor();
+      await checkTabs(emptyPage, `${colorScheme} empty project`);
+      await empty.close();
+
+      // The devtools server stops answering: each tab's error state.
+      const down = await newPanel(colorScheme, unreachable);
+      const downPage = await down.newPage();
+      downPage.on('pageerror', (error) =>
+        failures.push(`${colorScheme} server down: page error ${error.message}`),
+      );
+      await downPage.goto(base);
+      await downPage.locator('.status.connected').waitFor();
+      await checkTabs(downPage, `${colorScheme} server down`, {
+        ready: (page, label) => waitForState(page, label, ERROR_STATE, 'error'),
+      });
+      for (const view of VIEWS) {
+        await downPage.goto(`${base}?view=${view}`);
+        await downPage.locator('.status.connected').waitFor();
+        await check(downPage, `${colorScheme} server down view=${view}`);
+      }
+      await down.close();
+
+      // The devtools server has not answered yet: each tab's loading state.
+      const slow = await newPanel(colorScheme, neverAnswers);
+      const slowPage = await slow.newPage();
+      slowPage.on('pageerror', (error) =>
+        failures.push(`${colorScheme} loading: page error ${error.message}`),
+      );
+      await slowPage.goto(base);
+      await slowPage.locator('.status.connected').waitFor();
+      await checkTabs(slowPage, `${colorScheme} loading`, {
+        idle: false,
+        ready: (page, label) => waitForState(page, label, LOADING_STATE, 'loading'),
+      });
+      await slow.close();
+    }),
+  );
 } finally {
   await browser.close();
   server.close();