@ng-prism/core 21.0.0

package/dist/app/panels/a11y/a11y-overlay-host.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class A11yOverlayHostComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<A11yOverlayHostComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<A11yOverlayHostComponent, "prism-a11y-overlay-host", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=a11y-overlay-host.component.d.ts.map

package/dist/app/panels/a11y/a11y-overlay-host.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-overlay-host.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y-overlay-host.component.ts"],"names":[],"mappings":";AAIA,qBAea,wBAAwB;yCAAxB,wBAAwB;2CAAxB,wBAAwB;CAAG"}

package/dist/app/panels/a11y/a11y-overlay-host.component.js

@@ -0,0 +1,18 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { A11yKeyboardOverlayComponent } from './a11y-keyboard-overlay.component.js';
+import { A11ySrOverlayComponent } from './a11y-sr-overlay.component.js';
+import * as i0 from "@angular/core";
+export class A11yOverlayHostComponent {
+    static ɵfac = function A11yOverlayHostComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || A11yOverlayHostComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: A11yOverlayHostComponent, selectors: [["prism-a11y-overlay-host"]], decls: 2, vars: 0, template: function A11yOverlayHostComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "prism-a11y-kbd-overlay")(1, "prism-a11y-sr-overlay");
+        } }, dependencies: [A11yKeyboardOverlayComponent, A11ySrOverlayComponent], styles: ["[_nghost-%COMP%] {\n      display: contents;\n    }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yOverlayHostComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-a11y-overlay-host', standalone: true, imports: [A11yKeyboardOverlayComponent, A11ySrOverlayComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <prism-a11y-kbd-overlay />
+    <prism-a11y-sr-overlay />
+  `, styles: ["\n    :host {\n      display: contents;\n    }\n  "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(A11yOverlayHostComponent, { className: "A11yOverlayHostComponent", filePath: "app/panels/a11y/a11y-overlay-host.component.ts", lineNumber: 20 }); })();

package/dist/app/panels/a11y/a11y-panel-state.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export type A11ySubTab = 'violations' | 'keyboard' | 'tree' | 'sr';
+export declare class A11yPanelStateService {
+    readonly activeTab: import("@angular/core").WritableSignal<A11ySubTab>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<A11yPanelStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<A11yPanelStateService>;
+}
+//# sourceMappingURL=a11y-panel-state.service.d.ts.map

package/dist/app/panels/a11y/a11y-panel-state.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-panel-state.service.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y-panel-state.service.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;AAEnE,qBACa,qBAAqB;IAChC,QAAQ,CAAC,SAAS,qDAAoC;yCAD3C,qBAAqB;6CAArB,qBAAqB;CAEjC"}

package/dist/app/panels/a11y/a11y-panel-state.service.js

@@ -0,0 +1,11 @@
+import { Injectable, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+export class A11yPanelStateService {
+    activeTab = signal('violations', ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    static ɵfac = function A11yPanelStateService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || A11yPanelStateService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: A11yPanelStateService, factory: A11yPanelStateService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yPanelStateService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();

package/dist/app/panels/a11y/a11y-panel.component.d.ts

@@ -0,0 +1,14 @@
+import { A11yPanelStateService } from './a11y-panel-state.service.js';
+import * as i0 from "@angular/core";
+export declare class A11yPanelComponent {
+    private readonly auditService;
+    private readonly rendererService;
+    protected readonly state: A11yPanelStateService;
+    readonly activeComponent: import("@angular/core").InputSignal<unknown>;
+    protected readonly disabled: import("@angular/core").Signal<boolean>;
+    protected readonly violationCount: import("@angular/core").Signal<number | null>;
+    protected readonly focusableCount: import("@angular/core").Signal<number | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<A11yPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<A11yPanelComponent, "prism-a11y-panel", never, { "activeComponent": { "alias": "activeComponent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=a11y-panel.component.d.ts.map

package/dist/app/panels/a11y/a11y-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y-panel.component.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;;AAItE,qBAqIa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA4B;IACzD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAChE,SAAS,CAAC,QAAQ,CAAC,KAAK,wBAAiC;IAEzD,QAAQ,CAAC,eAAe,+CAAwB;IAEhD,SAAS,CAAC,QAAQ,CAAC,QAAQ,0CAIxB;IAEH,SAAS,CAAC,QAAQ,CAAC,cAAc,gDAG9B;IAEH,SAAS,CAAC,QAAQ,CAAC,cAAc,gDAM9B;yCAxBQ,kBAAkB;2CAAlB,kBAAkB;CAyB9B"}

package/dist/app/panels/a11y/a11y-panel.component.js

@@ -0,0 +1,183 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, } from '@angular/core';
+import { A11yAuditService } from './a11y-audit.service.js';
+import { A11yViolationsComponent } from './a11y-violations.component.js';
+import { A11yKeyboardComponent } from './a11y-keyboard.component.js';
+import { A11yTreeComponent } from './a11y-tree.component.js';
+import { A11ySrComponent } from './a11y-sr.component.js';
+import { A11yPanelStateService } from './a11y-panel-state.service.js';
+import { PrismRendererService } from '../../services/prism-renderer.service.js';
+import * as i0 from "@angular/core";
+function A11yPanelComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("prism-a11y-panel__sub-badge--ok", ctx_r0.violationCount() === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.violationCount());
+} }
+function A11yPanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.focusableCount(), " ");
+} }
+function A11yPanelComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtext(1, "Accessibility audit disabled for this component.");
+    i0.ɵɵelementEnd();
+} }
+function A11yPanelComponent_Conditional_14_Case_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-a11y-violations");
+} }
+function A11yPanelComponent_Conditional_14_Case_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-a11y-keyboard", 8);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("activeComponent", ctx_r0.activeComponent());
+} }
+function A11yPanelComponent_Conditional_14_Case_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-a11y-tree", 8);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("activeComponent", ctx_r0.activeComponent());
+} }
+function A11yPanelComponent_Conditional_14_Case_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-a11y-sr", 8);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("activeComponent", ctx_r0.activeComponent());
+} }
+function A11yPanelComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, A11yPanelComponent_Conditional_14_Case_0_Template, 1, 0, "prism-a11y-violations")(1, A11yPanelComponent_Conditional_14_Case_1_Template, 1, 1, "prism-a11y-keyboard", 8)(2, A11yPanelComponent_Conditional_14_Case_2_Template, 1, 1, "prism-a11y-tree", 8)(3, A11yPanelComponent_Conditional_14_Case_3_Template, 1, 1, "prism-a11y-sr", 8);
+} if (rf & 2) {
+    let tmp_1_0;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional((tmp_1_0 = ctx_r0.state.activeTab()) === "violations" ? 0 : tmp_1_0 === "keyboard" ? 1 : tmp_1_0 === "tree" ? 2 : tmp_1_0 === "sr" ? 3 : -1);
+} }
+export class A11yPanelComponent {
+    auditService = inject(A11yAuditService);
+    rendererService = inject(PrismRendererService);
+    state = inject(A11yPanelStateService);
+    activeComponent = input(null, ...(ngDevMode ? [{ debugName: "activeComponent" }] : []));
+    disabled = computed(() => {
+        const comp = this.activeComponent();
+        const config = comp?.meta?.showcaseConfig?.meta?.['a11y'];
+        return config?.disable === true;
+    }, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    violationCount = computed(() => {
+        const r = this.auditService.results();
+        return r ? r.violations.length : null;
+    }, ...(ngDevMode ? [{ debugName: "violationCount" }] : []));
+    focusableCount = computed(() => {
+        const el = this.rendererService.renderedElement();
+        if (!el)
+            return null;
+        return el.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable="true"]').length;
+    }, ...(ngDevMode ? [{ debugName: "focusableCount" }] : []));
+    static ɵfac = function A11yPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || A11yPanelComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: A11yPanelComponent, selectors: [["prism-a11y-panel"]], inputs: { activeComponent: [1, "activeComponent"] }, decls: 15, vars: 11, consts: [[1, "prism-a11y-panel"], [1, "prism-a11y-panel__sub-tabs"], [1, "prism-a11y-panel__sub-tab", 3, "click"], [1, "prism-a11y-panel__sub-badge", 3, "prism-a11y-panel__sub-badge--ok"], [1, "prism-a11y-panel__sub-badge", "prism-a11y-panel__sub-badge--kbd"], [1, "prism-a11y-panel__content"], [1, "prism-a11y-panel__disabled"], [1, "prism-a11y-panel__sub-badge"], [3, "activeComponent"]], template: function A11yPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
+            i0.ɵɵlistener("click", function A11yPanelComponent_Template_button_click_2_listener() { return ctx.state.activeTab.set("violations"); });
+            i0.ɵɵtext(3, " Violations ");
+            i0.ɵɵconditionalCreate(4, A11yPanelComponent_Conditional_4_Template, 2, 3, "span", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "button", 2);
+            i0.ɵɵlistener("click", function A11yPanelComponent_Template_button_click_5_listener() { return ctx.state.activeTab.set("keyboard"); });
+            i0.ɵɵtext(6, " Keyboard ");
+            i0.ɵɵconditionalCreate(7, A11yPanelComponent_Conditional_7_Template, 2, 1, "span", 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "button", 2);
+            i0.ɵɵlistener("click", function A11yPanelComponent_Template_button_click_8_listener() { return ctx.state.activeTab.set("tree"); });
+            i0.ɵɵtext(9, " ARIA Tree ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "button", 2);
+            i0.ɵɵlistener("click", function A11yPanelComponent_Template_button_click_10_listener() { return ctx.state.activeTab.set("sr"); });
+            i0.ɵɵtext(11, " Screen Reader ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(12, "div", 5);
+            i0.ɵɵconditionalCreate(13, A11yPanelComponent_Conditional_13_Template, 2, 0, "div", 6)(14, A11yPanelComponent_Conditional_14_Template, 4, 1);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("prism-a11y-panel__sub-tab--active", ctx.state.activeTab() === "violations");
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.violationCount() !== null ? 4 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("prism-a11y-panel__sub-tab--active", ctx.state.activeTab() === "keyboard");
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.focusableCount() !== null ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("prism-a11y-panel__sub-tab--active", ctx.state.activeTab() === "tree");
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("prism-a11y-panel__sub-tab--active", ctx.state.activeTab() === "sr");
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.disabled() ? 13 : 14);
+        } }, dependencies: [A11yViolationsComponent, A11yKeyboardComponent, A11yTreeComponent, A11ySrComponent], styles: ["[_nghost-%COMP%] { display: flex; flex-direction: column; height: 100%; }\n\n    .prism-a11y-panel[_ngcontent-%COMP%] { display: flex; flex-direction: column; height: 100%; }\n\n    .prism-a11y-panel__sub-tabs[_ngcontent-%COMP%] {\n      display: flex;\n      border-bottom: 1px solid var(--prism-border);\n      padding: 0 8px;\n      flex-shrink: 0;\n      background: var(--prism-bg-elevated);\n    }\n\n    .prism-a11y-panel__sub-tab[_ngcontent-%COMP%] {\n      padding: 8px 12px;\n      font-size: 12px;\n      font-family: var(--prism-font-sans, system-ui, sans-serif);\n      border: none;\n      background: none;\n      color: var(--prism-text-muted);\n      cursor: pointer;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 5px;\n      transition: color 0.12s;\n    }\n    .prism-a11y-panel__sub-tab[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      bottom: -1px; left: 6px; right: 6px;\n      height: 2px;\n      background: var(--prism-primary);\n      opacity: 0;\n    }\n    .prism-a11y-panel__sub-tab[_ngcontent-%COMP%]:hover { color: var(--prism-text-2); }\n    .prism-a11y-panel__sub-tab--active[_ngcontent-%COMP%] { color: var(--prism-primary); font-weight: 500; }\n    .prism-a11y-panel__sub-tab--active[_ngcontent-%COMP%]::after { opacity: 1; }\n    .prism-a11y-panel__sub-tab--soon[_ngcontent-%COMP%] { opacity: 0.45; cursor: default; }\n\n    .prism-a11y-panel__sub-badge[_ngcontent-%COMP%] {\n      padding: 0 5px;\n      border-radius: 8px;\n      font-size: 10px;\n      font-weight: 700;\n      background: color-mix(in srgb, #f87171 18%, transparent);\n      color: #f87171;\n    }\n    .prism-a11y-panel__sub-badge--ok[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, #4ade80 12%, transparent);\n      color: #4ade80;\n    }\n    .prism-a11y-panel__sub-badge--kbd[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, #818cf8 15%, transparent);\n      color: #818cf8;\n    }\n\n    .prism-a11y-panel__content[_ngcontent-%COMP%] { flex: 1; overflow: auto; min-height: 0; }\n\n    .prism-a11y-panel__soon[_ngcontent-%COMP%], \n   .prism-a11y-panel__disabled[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 100px;\n      color: var(--prism-text-muted);\n      font-size: 13px;\n    }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yPanelComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-a11y-panel', standalone: true, imports: [A11yViolationsComponent, A11yKeyboardComponent, A11yTreeComponent, A11ySrComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="prism-a11y-panel">
+      <div class="prism-a11y-panel__sub-tabs">
+        <button
+          class="prism-a11y-panel__sub-tab"
+          [class.prism-a11y-panel__sub-tab--active]="state.activeTab() === 'violations'"
+          (click)="state.activeTab.set('violations')"
+        >
+          Violations
+          @if (violationCount() !== null) {
+            <span
+              class="prism-a11y-panel__sub-badge"
+              [class.prism-a11y-panel__sub-badge--ok]="violationCount() === 0"
+            >{{ violationCount() }}</span>
+          }
+        </button>
+        <button
+          class="prism-a11y-panel__sub-tab"
+          [class.prism-a11y-panel__sub-tab--active]="state.activeTab() === 'keyboard'"
+          (click)="state.activeTab.set('keyboard')"
+        >
+          Keyboard
+          @if (focusableCount() !== null) {
+            <span class="prism-a11y-panel__sub-badge prism-a11y-panel__sub-badge--kbd">
+              {{ focusableCount() }}
+            </span>
+          }
+        </button>
+        <button
+          class="prism-a11y-panel__sub-tab"
+          [class.prism-a11y-panel__sub-tab--active]="state.activeTab() === 'tree'"
+          (click)="state.activeTab.set('tree')"
+        >
+          ARIA Tree
+        </button>
+        <button
+          class="prism-a11y-panel__sub-tab"
+          [class.prism-a11y-panel__sub-tab--active]="state.activeTab() === 'sr'"
+          (click)="state.activeTab.set('sr')"
+        >
+          Screen Reader
+        </button>
+      </div>
+
+      <div class="prism-a11y-panel__content">
+        @if (disabled()) {
+          <div class="prism-a11y-panel__disabled">Accessibility audit disabled for this component.</div>
+        } @else {
+          @switch (state.activeTab()) {
+            @case ('violations') { <prism-a11y-violations /> }
+            @case ('keyboard')   { <prism-a11y-keyboard [activeComponent]="activeComponent()" /> }
+            @case ('tree')       { <prism-a11y-tree [activeComponent]="activeComponent()" /> }
+            @case ('sr')         { <prism-a11y-sr [activeComponent]="activeComponent()" /> }
+          }
+        }
+      </div>
+    </div>
+  `, styles: ["\n    :host { display: flex; flex-direction: column; height: 100%; }\n\n    .prism-a11y-panel { display: flex; flex-direction: column; height: 100%; }\n\n    .prism-a11y-panel__sub-tabs {\n      display: flex;\n      border-bottom: 1px solid var(--prism-border);\n      padding: 0 8px;\n      flex-shrink: 0;\n      background: var(--prism-bg-elevated);\n    }\n\n    .prism-a11y-panel__sub-tab {\n      padding: 8px 12px;\n      font-size: 12px;\n      font-family: var(--prism-font-sans, system-ui, sans-serif);\n      border: none;\n      background: none;\n      color: var(--prism-text-muted);\n      cursor: pointer;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 5px;\n      transition: color 0.12s;\n    }\n    .prism-a11y-panel__sub-tab::after {\n      content: '';\n      position: absolute;\n      bottom: -1px; left: 6px; right: 6px;\n      height: 2px;\n      background: var(--prism-primary);\n      opacity: 0;\n    }\n    .prism-a11y-panel__sub-tab:hover { color: var(--prism-text-2); }\n    .prism-a11y-panel__sub-tab--active { color: var(--prism-primary); font-weight: 500; }\n    .prism-a11y-panel__sub-tab--active::after { opacity: 1; }\n    .prism-a11y-panel__sub-tab--soon { opacity: 0.45; cursor: default; }\n\n    .prism-a11y-panel__sub-badge {\n      padding: 0 5px;\n      border-radius: 8px;\n      font-size: 10px;\n      font-weight: 700;\n      background: color-mix(in srgb, #f87171 18%, transparent);\n      color: #f87171;\n    }\n    .prism-a11y-panel__sub-badge--ok {\n      background: color-mix(in srgb, #4ade80 12%, transparent);\n      color: #4ade80;\n    }\n    .prism-a11y-panel__sub-badge--kbd {\n      background: color-mix(in srgb, #818cf8 15%, transparent);\n      color: #818cf8;\n    }\n\n    .prism-a11y-panel__content { flex: 1; overflow: auto; min-height: 0; }\n\n    .prism-a11y-panel__soon,\n    .prism-a11y-panel__disabled {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 100px;\n      color: var(--prism-text-muted);\n      font-size: 13px;\n    }\n  "] }]
+    }], null, { activeComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeComponent", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(A11yPanelComponent, { className: "A11yPanelComponent", filePath: "app/panels/a11y/a11y-panel.component.ts", lineNumber: 150 }); })();

package/dist/app/panels/a11y/a11y-perspective.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export type A11yPerspectiveMode = 'visual' | 'screen-reader';
+export declare class A11yPerspectiveService {
+    readonly mode: import("@angular/core").WritableSignal<A11yPerspectiveMode>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<A11yPerspectiveService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<A11yPerspectiveService>;
+}
+//# sourceMappingURL=a11y-perspective.service.d.ts.map

package/dist/app/panels/a11y/a11y-perspective.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-perspective.service.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y-perspective.service.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,eAAe,CAAC;AAE7D,qBACa,sBAAsB;IACjC,QAAQ,CAAC,IAAI,8DAAyC;yCAD3C,sBAAsB;6CAAtB,sBAAsB;CAElC"}

package/dist/app/panels/a11y/a11y-perspective.service.js

@@ -0,0 +1,11 @@
+import { Injectable, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+export class A11yPerspectiveService {
+    mode = signal('visual', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    static ɵfac = function A11yPerspectiveService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || A11yPerspectiveService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: A11yPerspectiveService, factory: A11yPerspectiveService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yPerspectiveService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();

package/dist/app/panels/a11y/a11y-score.component.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class A11yScoreComponent {
+    readonly score: import("@angular/core").InputSignal<number>;
+    readonly compact: import("@angular/core").InputSignal<boolean>;
+    protected readonly CIRC: number;
+    protected readonly dashOffset: import("@angular/core").Signal<number>;
+    protected readonly level: import("@angular/core").Signal<"good" | "warn" | "bad">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<A11yScoreComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<A11yScoreComponent, "prism-a11y-score", never, { "score": { "alias": "score"; "required": true; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=a11y-score.component.d.ts.map

package/dist/app/panels/a11y/a11y-score.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-score.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y-score.component.ts"],"names":[],"mappings":";AAIA,qBAwDa,kBAAkB;IAC7B,QAAQ,CAAC,KAAK,8CAA4B;IAC1C,QAAQ,CAAC,OAAO,+CAAgB;IAEhC,SAAS,CAAC,QAAQ,CAAC,IAAI,SAAiB;IAExC,SAAS,CAAC,QAAQ,CAAC,UAAU,yCAE3B;IAEF,SAAS,CAAC,QAAQ,CAAC,KAAK,0DAKrB;yCAfQ,kBAAkB;2CAAlB,kBAAkB;CAgB9B"}

package/dist/app/panels/a11y/a11y-score.component.js

@@ -0,0 +1,72 @@
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import * as i0 from "@angular/core";
+function A11yScoreComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵdomElementStart(0, "text", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.score());
+} }
+const CIRCUMFERENCE = 2 * Math.PI * 14;
+export class A11yScoreComponent {
+    score = input.required(...(ngDevMode ? [{ debugName: "score" }] : []));
+    compact = input(false, ...(ngDevMode ? [{ debugName: "compact" }] : []));
+    CIRC = CIRCUMFERENCE;
+    dashOffset = computed(() => CIRCUMFERENCE - (this.score() / 100) * CIRCUMFERENCE, ...(ngDevMode ? [{ debugName: "dashOffset" }] : []));
+    level = computed(() => {
+        const s = this.score();
+        if (s >= 80)
+            return 'good';
+        if (s >= 50)
+            return 'warn';
+        return 'bad';
+    }, ...(ngDevMode ? [{ debugName: "level" }] : []));
+    static ɵfac = function A11yScoreComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || A11yScoreComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: A11yScoreComponent, selectors: [["prism-a11y-score"]], inputs: { score: [1, "score"], compact: [1, "compact"] }, decls: 4, vars: 5, consts: [["viewBox", "0 0 36 36", "role", "img", 1, "prism-score-ring"], ["cx", "18", "cy", "18", "r", "14", "fill", "none", "stroke-width", "3.5", 1, "prism-score-ring__track"], ["cx", "18", "cy", "18", "r", "14", "fill", "none", "stroke-width", "3.5", "stroke-linecap", "round", "transform", "rotate(-90 18 18)", 1, "prism-score-ring__arc"], ["x", "18", "y", "23", "text-anchor", "middle", 1, "prism-score-ring__label"]], template: function A11yScoreComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵdomElementStart(0, "svg", 0);
+            i0.ɵɵdomElement(1, "circle", 1)(2, "circle", 2);
+            i0.ɵɵconditionalCreate(3, A11yScoreComponent_Conditional_3_Template, 2, 1, ":svg:text", 3);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵattribute("data-level", ctx.level())("aria-label", "Accessibility score: " + ctx.score() + " out of 100");
+            i0.ɵɵadvance(2);
+            i0.ɵɵattribute("stroke-dasharray", ctx.CIRC + " " + ctx.CIRC)("stroke-dashoffset", ctx.dashOffset());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.compact() ? 3 : -1);
+        } }, styles: ["[_nghost-%COMP%] { display: inline-flex; }\n\n    .prism-score-ring[_ngcontent-%COMP%] { overflow: visible; }\n\n    .prism-score-ring__track[_ngcontent-%COMP%] {\n      stroke: rgba(255, 255, 255, 0.08);\n    }\n\n    .prism-score-ring__arc[_ngcontent-%COMP%] {\n      transition: stroke-dashoffset 0.4s ease, stroke 0.3s ease;\n    }\n\n    [data-level=\"good\"][_ngcontent-%COMP%]   .prism-score-ring__arc[_ngcontent-%COMP%] { stroke: #4ade80; }\n    [data-level=\"warn\"][_ngcontent-%COMP%]   .prism-score-ring__arc[_ngcontent-%COMP%] { stroke: #fbbf24; }\n    [data-level=\"bad\"][_ngcontent-%COMP%]   .prism-score-ring__arc[_ngcontent-%COMP%] { stroke: #f87171; }\n\n    .prism-score-ring__label[_ngcontent-%COMP%] {\n      fill: var(--prism-text, #e2e4e9);\n      font-size: 9px;\n      font-weight: 700;\n      font-family: var(--prism-font-sans, system-ui, sans-serif);\n    }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yScoreComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-a11y-score', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <svg
+      class="prism-score-ring"
+      viewBox="0 0 36 36"
+      [attr.data-level]="level()"
+      [attr.aria-label]="'Accessibility score: ' + score() + ' out of 100'"
+      role="img"
+    >
+      <circle
+        class="prism-score-ring__track"
+        cx="18" cy="18" r="14"
+        fill="none" stroke-width="3.5"
+      />
+      <circle
+        class="prism-score-ring__arc"
+        cx="18" cy="18" r="14"
+        fill="none" stroke-width="3.5"
+        stroke-linecap="round"
+        transform="rotate(-90 18 18)"
+        [attr.stroke-dasharray]="CIRC + ' ' + CIRC"
+        [attr.stroke-dashoffset]="dashOffset()"
+      />
+      @if (!compact()) {
+        <text x="18" y="23" class="prism-score-ring__label" text-anchor="middle">{{ score() }}</text>
+      }
+    </svg>
+  `, styles: ["\n    :host { display: inline-flex; }\n\n    .prism-score-ring { overflow: visible; }\n\n    .prism-score-ring__track {\n      stroke: rgba(255, 255, 255, 0.08);\n    }\n\n    .prism-score-ring__arc {\n      transition: stroke-dashoffset 0.4s ease, stroke 0.3s ease;\n    }\n\n    [data-level=\"good\"]  .prism-score-ring__arc { stroke: #4ade80; }\n    [data-level=\"warn\"]  .prism-score-ring__arc { stroke: #fbbf24; }\n    [data-level=\"bad\"]   .prism-score-ring__arc { stroke: #f87171; }\n\n    .prism-score-ring__label {\n      fill: var(--prism-text, #e2e4e9);\n      font-size: 9px;\n      font-weight: 700;\n      font-family: var(--prism-font-sans, system-ui, sans-serif);\n    }\n  "] }]
+    }], null, { score: [{ type: i0.Input, args: [{ isSignal: true, alias: "score", required: true }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(A11yScoreComponent, { className: "A11yScoreComponent", filePath: "app/panels/a11y/a11y-score.component.ts", lineNumber: 61 }); })();

package/dist/app/panels/a11y/a11y-sr-overlay.component.d.ts

@@ -0,0 +1,27 @@
+import * as i0 from "@angular/core";
+interface SrBadgePosition {
+    index: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    isActive: boolean;
+}
+export declare class A11ySrOverlayComponent {
+    private readonly perspective;
+    private readonly panelState;
+    private readonly rendererService;
+    private readonly srService;
+    private readonly elementRef;
+    protected readonly badges: import("@angular/core").WritableSignal<SrBadgePosition[]>;
+    protected readonly showOverlay: import("@angular/core").WritableSignal<boolean>;
+    private activeIdx;
+    private rafId;
+    constructor();
+    setActiveIndex(idx: number): void;
+    private computeBadges;
+    static ɵfac: i0.ɵɵFactoryDeclaration<A11ySrOverlayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<A11ySrOverlayComponent, "prism-a11y-sr-overlay", never, {}, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=a11y-sr-overlay.component.d.ts.map

package/dist/app/panels/a11y/a11y-sr-overlay.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-sr-overlay.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y-sr-overlay.component.ts"],"names":[],"mappings":";AAaA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,qBAiEa,sBAAsB;IACjC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAkC;IAC9D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAiC;IAC5D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAChE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAyB;IACnD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAmC;IAE9D,SAAS,CAAC,QAAQ,CAAC,MAAM,4DAAiC;IAC1D,SAAS,CAAC,QAAQ,CAAC,WAAW,kDAAiB;IAE/C,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,KAAK,CAAuB;;IA0BpC,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKjC,OAAO,CAAC,aAAa;yCA1CV,sBAAsB;2CAAtB,sBAAsB;CA0ElC"}

package/dist/app/panels/a11y/a11y-sr-overlay.component.js

@@ -0,0 +1,127 @@
+import { ChangeDetectionStrategy, Component, effect, ElementRef, inject, signal, } from '@angular/core';
+import { A11ySrService } from './a11y-sr.service.js';
+import { A11yPerspectiveService } from './a11y-perspective.service.js';
+import { A11yPanelStateService } from './a11y-panel-state.service.js';
+import { PrismRendererService } from '../../services/prism-renderer.service.js';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.index;
+function A11ySrOverlayComponent_Conditional_0_For_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElement(0, "div", 2);
+} if (rf & 2) {
+    const badge_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵstyleProp("left", badge_r1.x, "px")("top", badge_r1.y, "px")("width", badge_r1.width, "px")("height", badge_r1.height, "px");
+} }
+function A11ySrOverlayComponent_Conditional_0_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, A11ySrOverlayComponent_Conditional_0_For_1_Conditional_0_Template, 1, 8, "div", 0);
+    i0.ɵɵdomElementStart(1, "div", 1);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const badge_r1 = ctx.$implicit;
+    i0.ɵɵconditional(badge_r1.isActive ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("left", badge_r1.x - 10, "px")("top", badge_r1.y - 10, "px");
+    i0.ɵɵclassProp("prism-a11y-sr-ov__badge--active", badge_r1.isActive);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(badge_r1.index);
+} }
+function A11ySrOverlayComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, A11ySrOverlayComponent_Conditional_0_For_1_Template, 3, 8, null, null, _forTrack0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵrepeater(ctx_r1.badges());
+} }
+export class A11ySrOverlayComponent {
+    perspective = inject(A11yPerspectiveService);
+    panelState = inject(A11yPanelStateService);
+    rendererService = inject(PrismRendererService);
+    srService = inject(A11ySrService);
+    elementRef = inject((ElementRef));
+    badges = signal([], ...(ngDevMode ? [{ debugName: "badges" }] : []));
+    showOverlay = signal(false, ...(ngDevMode ? [{ debugName: "showOverlay" }] : []));
+    activeIdx = 0;
+    rafId = null;
+    constructor() {
+        effect(() => {
+            const isSrMode = this.perspective.mode() === 'screen-reader';
+            const isSrTab = this.panelState.activeTab() === 'sr';
+            const root = this.rendererService.renderedElement();
+            this.rendererService.inputValues();
+            this.rendererService.activeVariantIndex();
+            const shouldShow = isSrMode && isSrTab && !!root;
+            this.showOverlay.set(shouldShow);
+            if (!shouldShow || !root) {
+                this.badges.set([]);
+                return;
+            }
+            if (this.rafId !== null)
+                cancelAnimationFrame(this.rafId);
+            this.rafId = requestAnimationFrame(() => {
+                this.rafId = null;
+                this.computeBadges(root);
+            });
+        });
+    }
+    setActiveIndex(idx) {
+        this.activeIdx = idx;
+        this.badges.update((bs) => bs.map((b, i) => ({ ...b, isActive: i === idx })));
+    }
+    computeBadges(root) {
+        const canvas = this.elementRef.nativeElement.closest('.prism-renderer__canvas');
+        if (!canvas)
+            return;
+        const doc = root.ownerDocument;
+        const announcements = this.srService.buildAnnouncementList(root, doc ? (id) => doc.getElementById(id) : undefined);
+        const canvasRect = canvas.getBoundingClientRect();
+        const scrollLeft = canvas.scrollLeft;
+        const scrollTop = canvas.scrollTop;
+        const positions = announcements
+            .map((a, i) => {
+            const el = a.element;
+            const rect = el.getBoundingClientRect();
+            if (!rect.width && !rect.height)
+                return null;
+            return {
+                index: a.index,
+                x: rect.left - canvasRect.left + scrollLeft,
+                y: rect.top - canvasRect.top + scrollTop,
+                width: rect.width,
+                height: rect.height,
+                isActive: i === this.activeIdx,
+            };
+        })
+            .filter((p) => p !== null);
+        this.badges.set(positions);
+    }
+    static ɵfac = function A11ySrOverlayComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || A11ySrOverlayComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: A11ySrOverlayComponent, selectors: [["prism-a11y-sr-overlay"]], decls: 1, vars: 1, consts: [[1, "prism-a11y-sr-ov__focus", 3, "left", "top", "width", "height"], [1, "prism-a11y-sr-ov__badge"], [1, "prism-a11y-sr-ov__focus"]], template: function A11ySrOverlayComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, A11ySrOverlayComponent_Conditional_0_Template, 2, 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.showOverlay() ? 0 : -1);
+        } }, styles: ["[_nghost-%COMP%] {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      z-index: 100;\n      overflow: hidden;\n    }\n\n    .prism-a11y-sr-ov__focus[_ngcontent-%COMP%] {\n      position: absolute;\n      border: 2px solid #a78bfa;\n      border-radius: 4px;\n      background: rgba(167, 139, 250, 0.08);\n      box-shadow: 0 0 0 4px rgba(167, 139, 250, 0.12);\n    }\n\n    .prism-a11y-sr-ov__badge[_ngcontent-%COMP%] {\n      position: absolute;\n      height: 18px;\n      padding: 0 5px;\n      min-width: 18px;\n      background: #a78bfa;\n      color: white;\n      border-radius: 9px;\n      font-size: 9px;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 0 0 1.5px white, 0 2px 4px rgba(0, 0, 0, 0.25);\n      font-family: var(--prism-font-sans, system-ui, sans-serif);\n    }\n\n    .prism-a11y-sr-ov__badge--active[_ngcontent-%COMP%] {\n      background: #7c3aed;\n      box-shadow: 0 0 0 2px white, 0 0 0 4px rgba(124, 58, 237, 0.4);\n    }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11ySrOverlayComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-a11y-sr-overlay', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (showOverlay()) {
+      @for (badge of badges(); track badge.index) {
+        @if (badge.isActive) {
+          <div
+            class="prism-a11y-sr-ov__focus"
+            [style.left.px]="badge.x"
+            [style.top.px]="badge.y"
+            [style.width.px]="badge.width"
+            [style.height.px]="badge.height"
+          ></div>
+        }
+        <div
+          class="prism-a11y-sr-ov__badge"
+          [class.prism-a11y-sr-ov__badge--active]="badge.isActive"
+          [style.left.px]="badge.x - 10"
+          [style.top.px]="badge.y - 10"
+        >{{ badge.index }}</div>
+      }
+    }
+  `, styles: ["\n    :host {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      z-index: 100;\n      overflow: hidden;\n    }\n\n    .prism-a11y-sr-ov__focus {\n      position: absolute;\n      border: 2px solid #a78bfa;\n      border-radius: 4px;\n      background: rgba(167, 139, 250, 0.08);\n      box-shadow: 0 0 0 4px rgba(167, 139, 250, 0.12);\n    }\n\n    .prism-a11y-sr-ov__badge {\n      position: absolute;\n      height: 18px;\n      padding: 0 5px;\n      min-width: 18px;\n      background: #a78bfa;\n      color: white;\n      border-radius: 9px;\n      font-size: 9px;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 0 0 1.5px white, 0 2px 4px rgba(0, 0, 0, 0.25);\n      font-family: var(--prism-font-sans, system-ui, sans-serif);\n    }\n\n    .prism-a11y-sr-ov__badge--active {\n      background: #7c3aed;\n      box-shadow: 0 0 0 2px white, 0 0 0 4px rgba(124, 58, 237, 0.4);\n    }\n  "] }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(A11ySrOverlayComponent, { className: "A11ySrOverlayComponent", filePath: "app/panels/a11y/a11y-sr-overlay.component.ts", lineNumber: 88 }); })();

package/dist/app/panels/a11y/a11y-sr.component.d.ts

@@ -0,0 +1,19 @@
+import { A11yPerspectiveService } from './a11y-perspective.service.js';
+import { PrismRendererService } from '../../services/prism-renderer.service.js';
+import type { SrAnnouncement } from './a11y.types.js';
+import * as i0 from "@angular/core";
+export declare class A11ySrComponent {
+    protected readonly rendererService: PrismRendererService;
+    private readonly srService;
+    protected readonly perspective: A11yPerspectiveService;
+    readonly activeComponent: import("@angular/core").InputSignal<unknown>;
+    protected readonly activeIndex: import("@angular/core").WritableSignal<number>;
+    protected readonly announcements: import("@angular/core").Signal<SrAnnouncement[]>;
+    protected readonly active: import("@angular/core").Signal<SrAnnouncement | null>;
+    protected readonly activeStates: import("@angular/core").Signal<string[]>;
+    protected next(): void;
+    protected prev(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<A11ySrComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<A11ySrComponent, "prism-a11y-sr", never, { "activeComponent": { "alias": "activeComponent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=a11y-sr.component.d.ts.map

package/dist/app/panels/a11y/a11y-sr.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-sr.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y-sr.component.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;;AAEtD,qBAkRa,eAAe;IAC1B,SAAS,CAAC,QAAQ,CAAC,eAAe,uBAAgC;IAClE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAyB;IACnD,SAAS,CAAC,QAAQ,CAAC,WAAW,yBAAkC;IAEhE,QAAQ,CAAC,eAAe,+CAAwB;IAEhD,SAAS,CAAC,QAAQ,CAAC,WAAW,iDAAa;IAE3C,SAAS,CAAC,QAAQ,CAAC,aAAa,mDAQ7B;IAEH,SAAS,CAAC,QAAQ,CAAC,MAAM,wDAItB;IAEH,SAAS,CAAC,QAAQ,CAAC,YAAY,2CAE7B;IAEF,SAAS,CAAC,IAAI,IAAI,IAAI;IAItB,SAAS,CAAC,IAAI,IAAI,IAAI;yCAjCX,eAAe;2CAAf,eAAe;CAoC3B"}