@ng-prism/core 21.12.0 → 22.0.0-beta.1

package/dist/app/icons/prism-icon.component.js

@@ -30,8 +30,10 @@ const ICONS = {
 };
 const SVG_NS = 'http://www.w3.org/2000/svg';
 export class PrismIconComponent {
-    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
-    size = input(16, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    name = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    size = input(16, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     el = inject((ElementRef));
     constructor() {
         effect(() => {
@@ -58,7 +60,7 @@ export class PrismIconComponent {
         });
     }
     static ɵfac = function PrismIconComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismIconComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismIconComponent, selectors: [["prism-icon"]], inputs: { name: [1, "name"], size: [1, "size"] }, decls: 0, vars: 0, template: function PrismIconComponent_Template(rf, ctx) { }, styles: ["[_nghost-%COMP%] { display: inline-flex; align-items: center; justify-content: center; }"], changeDetection: 0 });
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismIconComponent, selectors: [["prism-icon"]], inputs: { name: [1, "name"], size: [1, "size"] }, decls: 0, vars: 0, template: function PrismIconComponent_Template(rf, ctx) { }, styles: ["[_nghost-%COMP%] { display: inline-flex; align-items: center; justify-content: center; }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismIconComponent, [{
         type: Component,

package/dist/app/layout-menu/prism-layout-menu.component.js

@@ -68,7 +68,8 @@ function PrismLayoutMenuComponent_Conditional_6_Template(rf, ctx) { if (rf & 1)
 } }
 export class PrismLayoutMenuComponent {
     layout = inject(PrismLayoutService);
-    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    open = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
     toggle(target) {
         this.open.set(false);
         switch (target) {

package/dist/app/page-renderer/prism-page-renderer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-page-renderer.component.d.ts","sourceRoot":"","sources":["../../../src/app/page-renderer/prism-page-renderer.component.ts"],"names":[],"mappings":";AAIA,qBAiDa,0BAA0B;IACrC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkC;IACtD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAmC;IACxD,SAAS,CAAC,QAAQ,CAAC,IAAI,iFAAuB;;yCAHnC,0BAA0B;2CAA1B,0BAA0B;CAWtC"}
+{"version":3,"file":"prism-page-renderer.component.d.ts","sourceRoot":"","sources":["../../../src/app/page-renderer/prism-page-renderer.component.ts"],"names":[],"mappings":";AAIA,qBA8Ca,0BAA0B;IACrC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkC;IACtD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAmC;IACxD,SAAS,CAAC,QAAQ,CAAC,IAAI,iFAAuB;;yCAHnC,0BAA0B;2CAA1B,0BAA0B;CAWtC"}

package/dist/app/page-renderer/prism-page-renderer.component.js

@@ -1,5 +1,5 @@
 import { Component, effect, ElementRef, inject } from '@angular/core';
-import { NgComponentOutlet } from '@angular/common';
+import { JsonPipe, NgComponentOutlet } from '@angular/common';
 import { PrismNavigationService } from '../services/prism-navigation.service.js';
 import * as i0 from "@angular/core";
 function PrismPageRendererComponent_Conditional_0_Case_3_Template(rf, ctx) { if (rf & 1) {
@@ -54,26 +54,23 @@ export class PrismPageRendererComponent {
         } if (rf & 2) {
             let tmp_0_0;
             i0.ɵɵconditional((tmp_0_0 = ctx.page()) ? 0 : -1, tmp_0_0);
-        } }, dependencies: [NgComponentOutlet], styles: ["[_nghost-%COMP%] { display: block; flex: 1; overflow-y: auto; }\n    .prism-page-renderer__title[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 16px 20px;\n      font-size: 18px;\n      font-weight: 600;\n      letter-spacing: -0.01em;\n      color: var(--prism-text);\n      font-family: var(--prism-font-sans);\n      border-bottom: 1px solid var(--prism-border);\n      border-left: 3px solid;\n      border-image: linear-gradient(180deg, var(--prism-primary-from), var(--prism-primary-to)) 1;\n      background: var(--prism-bg-surface);\n    }\n    .prism-page-renderer__component[_ngcontent-%COMP%] {\n      padding: 16px 20px;\n    }\n    .prism-page-renderer__json[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 24px;\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--prism-text-muted);\n      white-space: pre-wrap;\n    }"] });
+        } }, dependencies: [NgComponentOutlet, JsonPipe], styles: ["[_nghost-%COMP%] { display: block; flex: 1; overflow-y: auto; }\n    .prism-page-renderer__title[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 16px 20px;\n      font-size: 18px;\n      font-weight: 600;\n      letter-spacing: -0.01em;\n      color: var(--prism-text);\n      font-family: var(--prism-font-sans);\n      border-bottom: 1px solid var(--prism-border);\n      border-left: 3px solid;\n      border-image: linear-gradient(180deg, var(--prism-primary-from), var(--prism-primary-to)) 1;\n      background: var(--prism-bg-surface);\n    }\n    .prism-page-renderer__component[_ngcontent-%COMP%] {\n      padding: 16px 20px;\n    }\n    .prism-page-renderer__json[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 24px;\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--prism-text-muted);\n      white-space: pre-wrap;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismPageRendererComponent, [{
         type: Component,
-        args: [{ selector: 'prism-page-renderer', standalone: true, imports: [NgComponentOutlet], template: `
+        args: [{ selector: 'prism-page-renderer', standalone: true, imports: [JsonPipe, NgComponentOutlet], template: `
     @if (page(); as p) {
-      <div class="prism-page-renderer">
-        <h2 class="prism-page-renderer__title">{{ p.title }}</h2>
-        @switch (p.type) {
-          @case ('custom') {
-            <pre class="prism-page-renderer__json">{{ $any(p).data | json }}</pre>
-          }
-          @case ('component') {
-            <div class="prism-page-renderer__component">
-              <ng-container *ngComponentOutlet="$any(p).component" />
-            </div>
-          }
-        }
+    <div class="prism-page-renderer">
+      <h2 class="prism-page-renderer__title">{{ p.title }}</h2>
+      @switch (p.type) { @case ('custom') {
+      <pre class="prism-page-renderer__json">{{ $any(p).data | json }}</pre>
+      } @case ('component') {
+      <div class="prism-page-renderer__component">
+        <ng-container *ngComponentOutlet="$any(p).component" />
       </div>
+      } }
+    </div>
     }
   `, styles: ["\n    :host { display: block; flex: 1; overflow-y: auto; }\n    .prism-page-renderer__title {\n      margin: 0;\n      padding: 16px 20px;\n      font-size: 18px;\n      font-weight: 600;\n      letter-spacing: -0.01em;\n      color: var(--prism-text);\n      font-family: var(--prism-font-sans);\n      border-bottom: 1px solid var(--prism-border);\n      border-left: 3px solid;\n      border-image: linear-gradient(180deg, var(--prism-primary-from), var(--prism-primary-to)) 1;\n      background: var(--prism-bg-surface);\n    }\n    .prism-page-renderer__component {\n      padding: 16px 20px;\n    }\n    .prism-page-renderer__json {\n      margin: 0;\n      padding: 24px;\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--prism-text-muted);\n      white-space: pre-wrap;\n    }\n  "] }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismPageRendererComponent, { className: "PrismPageRendererComponent", filePath: "app/page-renderer/prism-page-renderer.component.ts", lineNumber: 54 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismPageRendererComponent, { className: "PrismPageRendererComponent", filePath: "app/page-renderer/prism-page-renderer.component.ts", lineNumber: 51 }); })();

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

@@ -30,13 +30,17 @@ export async function runCoreAudit(element, config) {
     return axe.default.run(element, options);
 }
 export class A11yAuditService {
-    results = signal(null, ...(ngDevMode ? [{ debugName: "results" }] : []));
-    running = signal(false, ...(ngDevMode ? [{ debugName: "running" }] : []));
-    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    results = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "results" }] : /* istanbul ignore next */ []));
+    running = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "running" }] : /* istanbul ignore next */ []));
+    error = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
     scoreResult = computed(() => {
         const r = this.results();
         return r ? calculateScore(r) : null;
-    }, ...(ngDevMode ? [{ debugName: "scoreResult" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scoreResult" }] : /* istanbul ignore next */ []));
     timer = null;
     destroyed = false;
     constructor() {

package/dist/app/panels/a11y/a11y-header-badge.component.js

@@ -41,7 +41,8 @@ export class A11yHeaderBadgeComponent {
                 `Violations: ${meta.total.critical} critical · ${meta.total.serious} serious · ` +
                 `${meta.total.moderate} moderate · ${meta.total.minor} minor`,
         };
-    }, ...(ngDevMode ? [{ debugName: "data" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
     computeVariant(score, total, thresholds) {
         if (total.critical > thresholds.critical)
             return 'danger';
@@ -61,7 +62,7 @@ export class A11yHeaderBadgeComponent {
         } if (rf & 2) {
             let tmp_0_0;
             i0.ɵɵconditional((tmp_0_0 = ctx.data()) ? 0 : -1, tmp_0_0);
-        } }, styles: ["[_nghost-%COMP%] { display: inline-flex; align-items: center; }\n\n    .a11y-pill[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      padding: 2px 10px;\n      border-radius: 9999px;\n      line-height: 1.4;\n      border: 1px solid var(--prism-border);\n      background: var(--prism-input-bg);\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n    }\n\n    .a11y-pill__dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: currentColor;\n    }\n\n    .a11y-pill__label[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      letter-spacing: 0.02em;\n    }\n\n    .a11y-pill__value[_ngcontent-%COMP%] {\n      color: var(--prism-text);\n      font-weight: 600;\n    }\n    .a11y-pill__value[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n      font-size: 9px;\n      margin-left: 1px;\n      color: var(--prism-text-muted);\n      font-weight: 500;\n    }\n\n    .a11y-pill--ok[_ngcontent-%COMP%] {\n      color: var(--prism-success);\n      border-color: color-mix(in srgb, var(--prism-success) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-success) 12%, transparent);\n    }\n    .a11y-pill--ok[_ngcontent-%COMP%]   .a11y-pill__label[_ngcontent-%COMP%], \n   .a11y-pill--ok[_ngcontent-%COMP%]   .a11y-pill__value[_ngcontent-%COMP%] { color: var(--prism-success); }\n\n    .a11y-pill--warn[_ngcontent-%COMP%] {\n      color: var(--prism-warn);\n      border-color: color-mix(in srgb, var(--prism-warn) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-warn) 12%, transparent);\n    }\n    .a11y-pill--warn[_ngcontent-%COMP%]   .a11y-pill__label[_ngcontent-%COMP%], \n   .a11y-pill--warn[_ngcontent-%COMP%]   .a11y-pill__value[_ngcontent-%COMP%] { color: var(--prism-warn); }\n\n    .a11y-pill--danger[_ngcontent-%COMP%] {\n      color: var(--prism-danger);\n      border-color: color-mix(in srgb, var(--prism-danger) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-danger) 12%, transparent);\n    }\n    .a11y-pill--danger[_ngcontent-%COMP%]   .a11y-pill__label[_ngcontent-%COMP%], \n   .a11y-pill--danger[_ngcontent-%COMP%]   .a11y-pill__value[_ngcontent-%COMP%] { color: var(--prism-danger); }"], changeDetection: 0 });
+        } }, styles: ["[_nghost-%COMP%] { display: inline-flex; align-items: center; }\n\n    .a11y-pill[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      padding: 2px 10px;\n      border-radius: 9999px;\n      line-height: 1.4;\n      border: 1px solid var(--prism-border);\n      background: var(--prism-input-bg);\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n    }\n\n    .a11y-pill__dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: currentColor;\n    }\n\n    .a11y-pill__label[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      letter-spacing: 0.02em;\n    }\n\n    .a11y-pill__value[_ngcontent-%COMP%] {\n      color: var(--prism-text);\n      font-weight: 600;\n    }\n    .a11y-pill__value[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n      font-size: 9px;\n      margin-left: 1px;\n      color: var(--prism-text-muted);\n      font-weight: 500;\n    }\n\n    .a11y-pill--ok[_ngcontent-%COMP%] {\n      color: var(--prism-success);\n      border-color: color-mix(in srgb, var(--prism-success) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-success) 12%, transparent);\n    }\n    .a11y-pill--ok[_ngcontent-%COMP%]   .a11y-pill__label[_ngcontent-%COMP%], \n   .a11y-pill--ok[_ngcontent-%COMP%]   .a11y-pill__value[_ngcontent-%COMP%] { color: var(--prism-success); }\n\n    .a11y-pill--warn[_ngcontent-%COMP%] {\n      color: var(--prism-warn);\n      border-color: color-mix(in srgb, var(--prism-warn) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-warn) 12%, transparent);\n    }\n    .a11y-pill--warn[_ngcontent-%COMP%]   .a11y-pill__label[_ngcontent-%COMP%], \n   .a11y-pill--warn[_ngcontent-%COMP%]   .a11y-pill__value[_ngcontent-%COMP%] { color: var(--prism-warn); }\n\n    .a11y-pill--danger[_ngcontent-%COMP%] {\n      color: var(--prism-danger);\n      border-color: color-mix(in srgb, var(--prism-danger) 35%, transparent);\n      background: color-mix(in srgb, var(--prism-danger) 12%, transparent);\n    }\n    .a11y-pill--danger[_ngcontent-%COMP%]   .a11y-pill__label[_ngcontent-%COMP%], \n   .a11y-pill--danger[_ngcontent-%COMP%]   .a11y-pill__value[_ngcontent-%COMP%] { color: var(--prism-danger); }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yHeaderBadgeComponent, [{
         type: Component,

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

@@ -29,7 +29,8 @@ export class A11yKeyboardOverlayComponent {
     rendererService = inject(PrismRendererService);
     keyboardService = inject(A11yKeyboardService);
     elementRef = inject((ElementRef));
-    badges = signal([], ...(ngDevMode ? [{ debugName: "badges" }] : []));
+    badges = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "badges" }] : /* istanbul ignore next */ []));
     rafId = null;
     constructor() {
         effect(() => {
@@ -77,7 +78,7 @@ export class A11yKeyboardOverlayComponent {
             i0.ɵɵconditionalCreate(0, A11yKeyboardOverlayComponent_Conditional_0_Template, 2, 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.panelState.activeTab() === "keyboard" ? 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-kbd-ov__highlight[_ngcontent-%COMP%] {\n      position: absolute;\n      border: 2px solid rgba(129, 140, 248, 0.5);\n      border-radius: 4px;\n      background: rgba(129, 140, 248, 0.06);\n      box-shadow: 0 0 0 4px rgba(129, 140, 248, 0.08);\n      pointer-events: none;\n    }\n\n    .prism-a11y-kbd-ov__badge[_ngcontent-%COMP%] {\n      position: absolute;\n      width: 20px;\n      height: 20px;\n      background: var(--prism-primary);\n      color: white;\n      border-radius: 50%;\n      font-size: 10px;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 0 0 2px white, 0 2px 6px rgba(0, 0, 0, 0.3);\n      font-family: var(--prism-font-sans, system-ui, sans-serif);\n      pointer-events: auto;\n      cursor: default;\n    }"], changeDetection: 0 });
+        } }, 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-kbd-ov__highlight[_ngcontent-%COMP%] {\n      position: absolute;\n      border: 2px solid rgba(129, 140, 248, 0.5);\n      border-radius: 4px;\n      background: rgba(129, 140, 248, 0.06);\n      box-shadow: 0 0 0 4px rgba(129, 140, 248, 0.08);\n      pointer-events: none;\n    }\n\n    .prism-a11y-kbd-ov__badge[_ngcontent-%COMP%] {\n      position: absolute;\n      width: 20px;\n      height: 20px;\n      background: var(--prism-primary);\n      color: white;\n      border-radius: 50%;\n      font-size: 10px;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 0 0 2px white, 0 2px 6px rgba(0, 0, 0, 0.3);\n      font-family: var(--prism-font-sans, system-ui, sans-serif);\n      pointer-events: auto;\n      cursor: default;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yKeyboardOverlayComponent, [{
         type: Component,

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

@@ -60,7 +60,8 @@ export class A11yKeyboardComponent {
             return [];
         const doc = root.ownerDocument;
         return this.keyboardService.extractTabOrder(root, doc ? (id) => doc.getElementById(id) : undefined);
-    }, ...(ngDevMode ? [{ debugName: "items" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     typeAttr(el) {
         const type = el.getAttribute('type');
         return type ? `[type=${type}]` : '';
@@ -70,7 +71,7 @@ export class A11yKeyboardComponent {
             i0.ɵɵconditionalCreate(0, A11yKeyboardComponent_Conditional_0_Template, 2, 0, "div", 0)(1, A11yKeyboardComponent_Conditional_1_Template, 2, 0, "div", 0)(2, A11yKeyboardComponent_Conditional_2_Template, 3, 0, "div", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(!ctx.rendererService.renderedElement() ? 0 : !ctx.items().length ? 1 : 2);
-        } }, styles: ["[_nghost-%COMP%] { display: block; height: 100%; overflow: auto; }\n\n    .kb-empty[_ngcontent-%COMP%] {\n      display: flex; align-items: center; justify-content: center;\n      min-height: 100px; color: var(--prism-text-muted); font-size: 13px;\n    }\n\n    .kb-body[_ngcontent-%COMP%] {\n      padding: 16px 20px;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .kb-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 110px 1fr auto;\n      align-items: center;\n      gap: 12px;\n      padding: 9px 14px;\n      background: var(--prism-bg-surface);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n    }\n\n    .kb-keys[_ngcontent-%COMP%] { display: flex; gap: 4px; }\n    .kb-keys[_ngcontent-%COMP%]   kbd[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 10.5px;\n      padding: 1px 5px;\n      border-radius: 4px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      color: var(--prism-text-muted);\n    }\n\n    .kb-desc[_ngcontent-%COMP%] {\n      font-size: 12.5px;\n      color: var(--prism-text-2);\n    }\n\n    .kb-tgt[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      color: var(--prism-primary);\n      padding: 2px 7px;\n      background: color-mix(in srgb, var(--prism-primary) 10%, transparent);\n      border-radius: var(--radius-xs);\n    }"], changeDetection: 0 });
+        } }, styles: ["[_nghost-%COMP%] { display: block; height: 100%; overflow: auto; }\n\n    .kb-empty[_ngcontent-%COMP%] {\n      display: flex; align-items: center; justify-content: center;\n      min-height: 100px; color: var(--prism-text-muted); font-size: 13px;\n    }\n\n    .kb-body[_ngcontent-%COMP%] {\n      padding: 16px 20px;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .kb-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 110px 1fr auto;\n      align-items: center;\n      gap: 12px;\n      padding: 9px 14px;\n      background: var(--prism-bg-surface);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n    }\n\n    .kb-keys[_ngcontent-%COMP%] { display: flex; gap: 4px; }\n    .kb-keys[_ngcontent-%COMP%]   kbd[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 10.5px;\n      padding: 1px 5px;\n      border-radius: 4px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      color: var(--prism-text-muted);\n    }\n\n    .kb-desc[_ngcontent-%COMP%] {\n      font-size: 12.5px;\n      color: var(--prism-text-2);\n    }\n\n    .kb-tgt[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      color: var(--prism-primary);\n      padding: 2px 7px;\n      background: color-mix(in srgb, var(--prism-primary) 10%, transparent);\n      border-radius: var(--radius-xs);\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yKeyboardComponent, [{
         type: Component,

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

@@ -37,10 +37,12 @@ function A11yOverlayHostComponent_Conditional_0_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵconditional(ctx_r1.tabLabel() ? 2 : -1);
 } }
 export class A11yOverlayHostComponent {
-    rendererService = input.required(...(ngDevMode ? [{ debugName: "rendererService" }] : []));
+    rendererService = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rendererService" }] : /* istanbul ignore next */ []));
     keyboardService = inject(A11yKeyboardService);
     elementRef = inject((ElementRef));
-    layoutTick = signal(0, ...(ngDevMode ? [{ debugName: "layoutTick" }] : []));
+    layoutTick = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "layoutTick" }] : /* istanbul ignore next */ []));
     bounds = computed(() => {
         const el = this.rendererService().renderedElement();
         this.layoutTick();
@@ -57,14 +59,16 @@ export class A11yOverlayHostComponent {
             width: elRect.width,
             height: elRect.height,
         };
-    }, ...(ngDevMode ? [{ debugName: "bounds" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bounds" }] : /* istanbul ignore next */ []));
     roleLabel = computed(() => {
         const el = this.rendererService().renderedElement();
         if (!el)
             return null;
         const role = el.getAttribute('role') ?? implicitRole(el);
         return role ? `role="${role}"` : null;
-    }, ...(ngDevMode ? [{ debugName: "roleLabel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "roleLabel" }] : /* istanbul ignore next */ []));
     tabLabel = computed(() => {
         const el = this.rendererService().renderedElement();
         if (!el)
@@ -74,7 +78,8 @@ export class A11yOverlayHostComponent {
         if (items.length === 0)
             return null;
         return `Tab ${items[0].index}`;
-    }, ...(ngDevMode ? [{ debugName: "tabLabel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabLabel" }] : /* istanbul ignore next */ []));
     constructor() {
         effect((onCleanup) => {
             const el = this.rendererService().renderedElement();
@@ -99,7 +104,7 @@ export class A11yOverlayHostComponent {
         } if (rf & 2) {
             let tmp_0_0;
             i0.ɵɵconditional((tmp_0_0 = ctx.bounds()) ? 0 : -1, tmp_0_0);
-        } }, styles: ["[_nghost-%COMP%] { display: contents; }\n    .a11y-mark[_ngcontent-%COMP%] {\n      position: absolute;\n      pointer-events: none;\n      z-index: 1;\n    }\n    .outline[_ngcontent-%COMP%] {\n      border: 2px solid rgba(59, 130, 246, 0.95);\n      border-radius: 4px;\n      background: rgba(59, 130, 246, 0.08);\n    }\n    .tag[_ngcontent-%COMP%] {\n      display: inline-block;\n      padding: 2px 6px;\n      border-radius: 4px;\n      background: rgba(17, 24, 39, 0.92);\n      color: var(--prism-text-light, #fff);\n      font: 11px/1.4 var(--font-mono);\n      white-space: nowrap;\n      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);\n    }\n    .kb[_ngcontent-%COMP%]   .tag[_ngcontent-%COMP%] { background: rgba(5, 150, 105, 0.95); }"], changeDetection: 0 });
+        } }, styles: ["[_nghost-%COMP%] { display: contents; }\n    .a11y-mark[_ngcontent-%COMP%] {\n      position: absolute;\n      pointer-events: none;\n      z-index: 1;\n    }\n    .outline[_ngcontent-%COMP%] {\n      border: 2px solid rgba(59, 130, 246, 0.95);\n      border-radius: 4px;\n      background: rgba(59, 130, 246, 0.08);\n    }\n    .tag[_ngcontent-%COMP%] {\n      display: inline-block;\n      padding: 2px 6px;\n      border-radius: 4px;\n      background: rgba(17, 24, 39, 0.92);\n      color: var(--prism-text-light, #fff);\n      font: 11px/1.4 var(--font-mono);\n      white-space: nowrap;\n      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);\n    }\n    .kb[_ngcontent-%COMP%]   .tag[_ngcontent-%COMP%] { background: rgba(5, 150, 105, 0.95); }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yOverlayHostComponent, [{
         type: Component,

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

@@ -1,7 +1,8 @@
 import { Injectable, signal } from '@angular/core';
 import * as i0 from "@angular/core";
 export class A11yPanelStateService {
-    activeTab = signal('violations', ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    activeTab = signal('violations', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
     static ɵfac = function A11yPanelStateService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || A11yPanelStateService)(); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: A11yPanelStateService, factory: A11yPanelStateService.ɵfac, providedIn: 'root' });
 }

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

@@ -43,16 +43,19 @@ function A11yPanelComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
 export class A11yPanelComponent {
     auditService = inject(A11yAuditService);
     state = inject(A11yPanelStateService);
-    activeComponent = input(null, ...(ngDevMode ? [{ debugName: "activeComponent" }] : []));
+    activeComponent = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeComponent" }] : /* istanbul ignore next */ []));
     disabled = computed(() => {
         const comp = this.activeComponent();
         const config = comp?.meta.showcaseConfig.meta?.['a11y'];
         return config?.disable === true;
-    }, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     violationCount = computed(() => {
         const r = this.auditService.results();
         return r ? r.violations.length : null;
-    }, ...(ngDevMode ? [{ debugName: "violationCount" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "violationCount" }] : /* istanbul ignore next */ []));
     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: 14, vars: 10, consts: [[1, "a11y-panel"], [1, "subtabs"], [1, "st-tab", 3, "click"], [1, "st-badge", 3, "st-badge--ok", "st-badge--warn"], [1, "a11y-content"], [1, "a11y-disabled"], [1, "st-badge"]], template: function A11yPanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
@@ -91,7 +94,7 @@ export class A11yPanelComponent {
         } }, dependencies: [A11yViolationsComponent,
             A11yKeyboardComponent,
             A11yTreeComponent,
-            A11ySrComponent], styles: ["[_nghost-%COMP%] { display: flex; flex-direction: column; height: 100%; }\n\n    .a11y-panel[_ngcontent-%COMP%] { display: flex; flex-direction: column; height: 100%; }\n\n    .subtabs[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 2px;\n      padding: 10px 20px 0;\n      border-bottom: 1px solid var(--prism-border);\n      background: var(--prism-bg-elevated);\n      position: sticky;\n      top: 0;\n      z-index: 2;\n    }\n\n    .st-tab[_ngcontent-%COMP%] {\n      padding: 7px 12px;\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n      transition: color var(--dur-fast);\n    }\n    .st-tab[_ngcontent-%COMP%]:hover { color: var(--prism-text-2); }\n    .st-tab--active[_ngcontent-%COMP%] { color: var(--prism-text); }\n    .st-tab--active[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      left: 8px;\n      right: 8px;\n      bottom: -1px;\n      height: 2px;\n      background: var(--prism-primary);\n      border-radius: 1px;\n    }\n\n    .st-badge[_ngcontent-%COMP%] {\n      min-width: 16px;\n      height: 16px;\n      padding: 0 5px;\n      border-radius: 8px;\n      font-family: var(--font-mono);\n      font-size: 10px;\n      font-weight: 700;\n      display: grid;\n      place-items: center;\n      background: color-mix(in srgb, var(--prism-primary) 18%, transparent);\n      color: var(--prism-primary);\n    }\n    .st-badge--ok[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--prism-success) 18%, transparent);\n      color: var(--prism-success);\n    }\n    .st-badge--warn[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--prism-warn) 18%, transparent);\n      color: var(--prism-warn);\n    }\n\n    .a11y-content[_ngcontent-%COMP%] { flex: 1; overflow: auto; min-height: 0; }\n\n    .a11y-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 });
+            A11ySrComponent], styles: ["[_nghost-%COMP%] { display: flex; flex-direction: column; height: 100%; }\n\n    .a11y-panel[_ngcontent-%COMP%] { display: flex; flex-direction: column; height: 100%; }\n\n    .subtabs[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 2px;\n      padding: 10px 20px 0;\n      border-bottom: 1px solid var(--prism-border);\n      background: var(--prism-bg-elevated);\n      position: sticky;\n      top: 0;\n      z-index: 2;\n    }\n\n    .st-tab[_ngcontent-%COMP%] {\n      padding: 7px 12px;\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n      transition: color var(--dur-fast);\n    }\n    .st-tab[_ngcontent-%COMP%]:hover { color: var(--prism-text-2); }\n    .st-tab--active[_ngcontent-%COMP%] { color: var(--prism-text); }\n    .st-tab--active[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      left: 8px;\n      right: 8px;\n      bottom: -1px;\n      height: 2px;\n      background: var(--prism-primary);\n      border-radius: 1px;\n    }\n\n    .st-badge[_ngcontent-%COMP%] {\n      min-width: 16px;\n      height: 16px;\n      padding: 0 5px;\n      border-radius: 8px;\n      font-family: var(--font-mono);\n      font-size: 10px;\n      font-weight: 700;\n      display: grid;\n      place-items: center;\n      background: color-mix(in srgb, var(--prism-primary) 18%, transparent);\n      color: var(--prism-primary);\n    }\n    .st-badge--ok[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--prism-success) 18%, transparent);\n      color: var(--prism-success);\n    }\n    .st-badge--warn[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--prism-warn) 18%, transparent);\n      color: var(--prism-warn);\n    }\n\n    .a11y-content[_ngcontent-%COMP%] { flex: 1; overflow: auto; min-height: 0; }\n\n    .a11y-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    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yPanelComponent, [{
         type: Component,

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

@@ -1,7 +1,8 @@
 import { Injectable, signal } from '@angular/core';
 import * as i0 from "@angular/core";
 export class A11yPerspectiveService {
-    mode = signal('visual', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    mode = signal('visual', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
     static ɵfac = function A11yPerspectiveService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || A11yPerspectiveService)(); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: A11yPerspectiveService, factory: A11yPerspectiveService.ɵfac, providedIn: 'root' });
 }

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

@@ -16,12 +16,15 @@ const R = 54;
 const CIRCUMFERENCE = 2 * Math.PI * R;
 let nextId = 0;
 export class A11yScoreComponent {
-    score = input.required(...(ngDevMode ? [{ debugName: "score" }] : []));
-    compact = input(false, ...(ngDevMode ? [{ debugName: "compact" }] : []));
+    score = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "score" }] : /* istanbul ignore next */ []));
+    compact = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "compact" }] : /* istanbul ignore next */ []));
     gradientId = `prism-sg-${nextId++}`;
     R = R;
     CIRC = CIRCUMFERENCE;
-    dashOffset = computed(() => CIRCUMFERENCE - (this.score() / 100) * CIRCUMFERENCE, ...(ngDevMode ? [{ debugName: "dashOffset" }] : []));
+    dashOffset = computed(() => CIRCUMFERENCE - (this.score() / 100) * CIRCUMFERENCE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dashOffset" }] : /* istanbul ignore next */ []));
     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: 9, vars: 7, consts: [[1, "score-ring"], ["viewBox", "0 0 128 128"], ["x1", "0", "y1", "0", "x2", "1", "y2", "1", 3, "id"], ["offset", "0%", 1, "gradient-start"], ["offset", "100%", 1, "gradient-end"], ["cx", "64", "cy", "64", 1, "track"], ["cx", "64", "cy", "64", 1, "fill"], [1, "score-val"], [1, "score-num"], [1, "score-max"]], template: function A11yScoreComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵdomElementStart(0, "div", 0);
@@ -42,7 +45,7 @@ export class A11yScoreComponent {
             i0.ɵɵattribute("r", ctx.R)("stroke-dasharray", ctx.CIRC)("stroke-dashoffset", ctx.dashOffset())("stroke", "url(#" + ctx.gradientId + ")");
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.compact() ? 8 : -1);
-        } }, styles: ["[_nghost-%COMP%] { display: inline-flex; }\n\n    .score-ring[_ngcontent-%COMP%] {\n      position: relative;\n      width: 128px;\n      height: 128px;\n    }\n    .compact[_nghost-%COMP%]   .score-ring[_ngcontent-%COMP%], .compact   [_nghost-%COMP%]   .score-ring[_ngcontent-%COMP%], \n   [style*=\"width:18px\"][_nghost-%COMP%]   .score-ring[_ngcontent-%COMP%] {\n      width: 100%;\n      height: 100%;\n    }\n\n    .score-ring[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n      transform: rotate(-90deg);\n      width: 100%;\n      height: 100%;\n    }\n\n    .score-ring[_ngcontent-%COMP%]   circle[_ngcontent-%COMP%] {\n      fill: none;\n      stroke-width: 10;\n    }\n    .track[_ngcontent-%COMP%] { stroke: var(--prism-input-bg); }\n    .gradient-start[_ngcontent-%COMP%] { stop-color: var(--prism-primary); }\n    .gradient-end[_ngcontent-%COMP%] { stop-color: var(--prism-accent); }\n    .fill[_ngcontent-%COMP%] {\n      stroke-linecap: round;\n      transition: stroke-dashoffset 0.5s ease;\n    }\n\n    .score-val[_ngcontent-%COMP%] {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 0;\n    }\n    .score-num[_ngcontent-%COMP%] {\n      font-size: 30px;\n      font-weight: 700;\n      letter-spacing: -0.02em;\n      background: linear-gradient(135deg, var(--prism-primary), var(--prism-accent));\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      font-family: var(--font-mono);\n    }\n    .score-max[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--prism-text-ghost);\n      font-weight: 500;\n    }"], changeDetection: 0 });
+        } }, styles: ["[_nghost-%COMP%] { display: inline-flex; }\n\n    .score-ring[_ngcontent-%COMP%] {\n      position: relative;\n      width: 128px;\n      height: 128px;\n    }\n    .compact[_nghost-%COMP%]   .score-ring[_ngcontent-%COMP%], .compact   [_nghost-%COMP%]   .score-ring[_ngcontent-%COMP%], \n   [style*=\"width:18px\"][_nghost-%COMP%]   .score-ring[_ngcontent-%COMP%] {\n      width: 100%;\n      height: 100%;\n    }\n\n    .score-ring[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n      transform: rotate(-90deg);\n      width: 100%;\n      height: 100%;\n    }\n\n    .score-ring[_ngcontent-%COMP%]   circle[_ngcontent-%COMP%] {\n      fill: none;\n      stroke-width: 10;\n    }\n    .track[_ngcontent-%COMP%] { stroke: var(--prism-input-bg); }\n    .gradient-start[_ngcontent-%COMP%] { stop-color: var(--prism-primary); }\n    .gradient-end[_ngcontent-%COMP%] { stop-color: var(--prism-accent); }\n    .fill[_ngcontent-%COMP%] {\n      stroke-linecap: round;\n      transition: stroke-dashoffset 0.5s ease;\n    }\n\n    .score-val[_ngcontent-%COMP%] {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 0;\n    }\n    .score-num[_ngcontent-%COMP%] {\n      font-size: 30px;\n      font-weight: 700;\n      letter-spacing: -0.02em;\n      background: linear-gradient(135deg, var(--prism-primary), var(--prism-accent));\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      font-family: var(--font-mono);\n    }\n    .score-max[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--prism-text-ghost);\n      font-weight: 500;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yScoreComponent, [{
         type: Component,

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

@@ -37,8 +37,10 @@ export class A11ySrOverlayComponent {
     rendererService = inject(PrismRendererService);
     srService = inject(A11ySrService);
     elementRef = inject((ElementRef));
-    badges = signal([], ...(ngDevMode ? [{ debugName: "badges" }] : []));
-    showOverlay = signal(false, ...(ngDevMode ? [{ debugName: "showOverlay" }] : []));
+    badges = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "badges" }] : /* istanbul ignore next */ []));
+    showOverlay = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showOverlay" }] : /* istanbul ignore next */ []));
     activeIdx = 0;
     rafId = null;
     constructor() {
@@ -98,7 +100,7 @@ export class A11ySrOverlayComponent {
             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 var(--prism-primary);\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: var(--prism-primary);\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: var(--prism-primary-from);\n      box-shadow: 0 0 0 2px white, 0 0 0 4px rgba(124, 58, 237, 0.4);\n    }"], changeDetection: 0 });
+        } }, 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 var(--prism-primary);\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: var(--prism-primary);\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: var(--prism-primary-from);\n      box-shadow: 0 0 0 2px white, 0 0 0 4px rgba(124, 58, 237, 0.4);\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11ySrOverlayComponent, [{
         type: Component,

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

@@ -70,13 +70,14 @@ export class A11ySrComponent {
             return [];
         const doc = root.ownerDocument;
         return this.srService.buildAnnouncementList(root, doc ? (id) => doc.getElementById(id) : undefined);
-    }, ...(ngDevMode ? [{ debugName: "announcements" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "announcements" }] : /* istanbul ignore next */ []));
     static ɵfac = function A11ySrComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || A11ySrComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: A11ySrComponent, selectors: [["prism-a11y-sr"]], decls: 3, vars: 1, consts: [[1, "sr-empty"], [1, "sr-body"], [1, "sr-line"], [1, "sr-step"], [1, "sr-text"], [1, "sr-name"]], template: function A11ySrComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, A11ySrComponent_Conditional_0_Template, 2, 0, "div", 0)(1, A11ySrComponent_Conditional_1_Template, 2, 0, "div", 0)(2, A11ySrComponent_Conditional_2_Template, 3, 0, "div", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(!ctx.rendererService.renderedElement() ? 0 : !ctx.announcements().length ? 1 : 2);
-        } }, styles: ["[_nghost-%COMP%] { display: block; height: 100%; overflow: auto; }\n\n    .sr-empty[_ngcontent-%COMP%] {\n      display: flex; align-items: center; justify-content: center;\n      min-height: 100px; color: var(--prism-text-muted); font-size: 13px;\n    }\n\n    .sr-body[_ngcontent-%COMP%] {\n      padding: 16px 20px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .sr-line[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 56px 1fr;\n      gap: 12px;\n      padding: 10px 12px;\n      background: var(--prism-bg-surface);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n    }\n\n    .sr-step[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      color: var(--prism-text-ghost);\n      font-weight: 600;\n    }\n\n    .sr-text[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: var(--prism-text);\n      line-height: 1.5;\n    }\n\n    .sr-name[_ngcontent-%COMP%] {\n      color: var(--prism-primary);\n      font-weight: 600;\n      font-style: normal;\n    }\n\n    .sr-text[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 11.5px;\n      color: var(--prism-text-muted);\n      padding: 1px 5px;\n      background: var(--prism-input-bg);\n      border-radius: var(--radius-xs);\n    }"], changeDetection: 0 });
+        } }, styles: ["[_nghost-%COMP%] { display: block; height: 100%; overflow: auto; }\n\n    .sr-empty[_ngcontent-%COMP%] {\n      display: flex; align-items: center; justify-content: center;\n      min-height: 100px; color: var(--prism-text-muted); font-size: 13px;\n    }\n\n    .sr-body[_ngcontent-%COMP%] {\n      padding: 16px 20px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .sr-line[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 56px 1fr;\n      gap: 12px;\n      padding: 10px 12px;\n      background: var(--prism-bg-surface);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n    }\n\n    .sr-step[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      color: var(--prism-text-ghost);\n      font-weight: 600;\n    }\n\n    .sr-text[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: var(--prism-text);\n      line-height: 1.5;\n    }\n\n    .sr-name[_ngcontent-%COMP%] {\n      color: var(--prism-primary);\n      font-weight: 600;\n      font-style: normal;\n    }\n\n    .sr-text[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 11.5px;\n      color: var(--prism-text-muted);\n      padding: 1px 5px;\n      background: var(--prism-input-bg);\n      border-radius: var(--radius-xs);\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11ySrComponent, [{
         type: Component,

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

@@ -69,10 +69,14 @@ function A11yTreeComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("node", ctx_r0.tree())("depth", 0)("isLast", true);
 } }
 export class A11yTreeNodeComponent {
-    node = input.required(...(ngDevMode ? [{ debugName: "node" }] : []));
-    depth = input(0, ...(ngDevMode ? [{ debugName: "depth" }] : []));
-    isLast = input(false, ...(ngDevMode ? [{ debugName: "isLast" }] : []));
-    expanded = signal(true, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    node = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    depth = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "depth" }] : /* istanbul ignore next */ []));
+    isLast = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLast" }] : /* istanbul ignore next */ []));
+    expanded = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
     lastElement = null;
     constructor() {
         effect(() => {
@@ -93,7 +97,8 @@ export class A11yTreeNodeComponent {
             key,
             label: value === true ? key : `${key}=${value}`,
         }));
-    }, ...(ngDevMode ? [{ debugName: "stateEntries" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stateEntries" }] : /* istanbul ignore next */ []));
     toggleExpanded() {
         if (this.node().children.length) {
             this.expanded.update((v) => !v);
@@ -128,7 +133,7 @@ export class A11yTreeNodeComponent {
             i0.ɵɵrepeater(ctx.stateEntries());
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.expanded() && ctx.node().children.length ? 9 : -1);
-        } }, dependencies: [A11yTreeNodeComponent], styles: ["[_nghost-%COMP%] { display: block; }\n\n    .aria-tree-line[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 2px 0;\n      font-family: var(--font-mono);\n      font-size: 12.5px;\n      line-height: 1.8;\n      color: var(--prism-text-2);\n    }\n    .aria-tree-line--hidden[_ngcontent-%COMP%] { opacity: 0.4; }\n\n    .indent[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      opacity: 0.5;\n      user-select: none;\n      flex-shrink: 0;\n      white-space: pre;\n      font-size: 12px;\n      text-align: right;\n    }\n\n    .tree-toggle[_ngcontent-%COMP%] {\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-size: 10px;\n      color: var(--prism-text-muted);\n      padding: 0;\n      width: 12px;\n      flex-shrink: 0;\n    }\n\n    .role[_ngcontent-%COMP%] { color: var(--prism-primary); font-weight: 600; }\n    .name[_ngcontent-%COMP%] { color: var(--prism-text); }\n    .attr[_ngcontent-%COMP%] { color: var(--prism-text-ghost); }"], changeDetection: 0 });
+        } }, dependencies: [A11yTreeNodeComponent], styles: ["[_nghost-%COMP%] { display: block; }\n\n    .aria-tree-line[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 2px 0;\n      font-family: var(--font-mono);\n      font-size: 12.5px;\n      line-height: 1.8;\n      color: var(--prism-text-2);\n    }\n    .aria-tree-line--hidden[_ngcontent-%COMP%] { opacity: 0.4; }\n\n    .indent[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      opacity: 0.5;\n      user-select: none;\n      flex-shrink: 0;\n      white-space: pre;\n      font-size: 12px;\n      text-align: right;\n    }\n\n    .tree-toggle[_ngcontent-%COMP%] {\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-size: 10px;\n      color: var(--prism-text-muted);\n      padding: 0;\n      width: 12px;\n      flex-shrink: 0;\n    }\n\n    .role[_ngcontent-%COMP%] { color: var(--prism-primary); font-weight: 600; }\n    .name[_ngcontent-%COMP%] { color: var(--prism-text); }\n    .attr[_ngcontent-%COMP%] { color: var(--prism-text-ghost); }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yTreeNodeComponent, [{
         type: Component,
@@ -171,13 +176,14 @@ export class A11yTreeComponent {
             return null;
         const doc = root.ownerDocument;
         return this.treeService.buildTree(root, doc ? (id) => doc.getElementById(id) : undefined);
-    }, ...(ngDevMode ? [{ debugName: "tree" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []));
     static ɵfac = function A11yTreeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || A11yTreeComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: A11yTreeComponent, selectors: [["prism-a11y-tree"]], decls: 2, vars: 1, consts: [[1, "tree-empty"], [1, "aria-tree"], [3, "node", "depth", "isLast"]], template: function A11yTreeComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, A11yTreeComponent_Conditional_0_Template, 2, 0, "div", 0)(1, A11yTreeComponent_Conditional_1_Template, 2, 3, "div", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(!ctx.rendererService.renderedElement() ? 0 : ctx.tree() ? 1 : -1);
-        } }, dependencies: [A11yTreeNodeComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; overflow: auto; }\n\n    .aria-tree[_ngcontent-%COMP%] {\n      padding: 14px 20px;\n    }\n\n    .tree-empty[_ngcontent-%COMP%] {\n      display: flex; align-items: center; justify-content: center;\n      min-height: 100px; color: var(--prism-text-muted); font-size: 13px;\n    }"], changeDetection: 0 });
+        } }, dependencies: [A11yTreeNodeComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; overflow: auto; }\n\n    .aria-tree[_ngcontent-%COMP%] {\n      padding: 14px 20px;\n    }\n\n    .tree-empty[_ngcontent-%COMP%] {\n      display: flex; align-items: center; justify-content: center;\n      min-height: 100px; color: var(--prism-text-muted); font-size: 13px;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yTreeComponent, [{
         type: Component,

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

@@ -4,7 +4,7 @@ export declare class A11yViolationsComponent {
     protected readonly auditService: A11yAuditService;
     protected readonly scoreResult: import("@angular/core").Signal<import("./a11y.types.js").A11yScoreResult | null>;
     protected readonly allResults: import("@angular/core").Signal<import("axe-core").Result[]>;
-    protected sevColor(impact: string | undefined): string;
+    protected sevColor(impact: string | null | undefined): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<A11yViolationsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<A11yViolationsComponent, "prism-a11y-violations", never, {}, {}, never, never, true, never>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"a11y-violations.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y-violations.component.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;;AAqB3D,qBA0Ka,uBAAuB;IAClC,SAAS,CAAC,QAAQ,CAAC,YAAY,mBAA4B;IAE3D,SAAS,CAAC,QAAQ,CAAC,WAAW,mFAE5B;IAEF,SAAS,CAAC,QAAQ,CAAC,UAAU,8DAU1B;IAEH,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM;yCAnB3C,uBAAuB;2CAAvB,uBAAuB;CAsBnC"}
+{"version":3,"file":"a11y-violations.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/a11y/a11y-violations.component.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;;AAqB3D,qBA0Ka,uBAAuB;IAClC,SAAS,CAAC,QAAQ,CAAC,YAAY,mBAA4B;IAE3D,SAAS,CAAC,QAAQ,CAAC,WAAW,mFAE5B;IAEF,SAAS,CAAC,QAAQ,CAAC,UAAU,8DAU1B;IAEH,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM;yCAnBlD,uBAAuB;2CAAvB,uBAAuB;CAsBnC"}

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

@@ -94,20 +94,16 @@ function A11yViolationsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵrepeaterCreate(12, A11yViolationsComponent_Conditional_1_For_13_Template, 9, 6, "div", 10, _forTrack0, false, A11yViolationsComponent_Conditional_1_ForEmpty_14_Template, 1, 1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_2_0;
-    let tmp_3_0;
-    let tmp_4_0;
-    let tmp_5_0;
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("a11y-body--loading", ctx_r0.auditService.running());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("score", ((tmp_2_0 = ctx_r0.scoreResult()) == null ? null : tmp_2_0.score) ?? 0);
+    i0.ɵɵproperty("score", ctx_r0.scoreResult()?.score ?? 0);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(((tmp_3_0 = ctx_r0.scoreResult()) == null ? null : tmp_3_0.critical) ? 6 : -1);
+    i0.ɵɵconditional(ctx_r0.scoreResult()?.critical ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_4_0 = ctx_r0.scoreResult()) == null ? null : tmp_4_0.moderate) ? 7 : -1);
+    i0.ɵɵconditional(ctx_r0.scoreResult()?.moderate ? 7 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("", ((tmp_5_0 = ctx_r0.scoreResult()) == null ? null : tmp_5_0.passes) ?? 0, " pass");
+    i0.ɵɵtextInterpolate1("", ctx_r0.scoreResult()?.passes ?? 0, " pass");
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r0.allResults());
 } }
@@ -133,7 +129,8 @@ function sevColor(impact) {
 }
 export class A11yViolationsComponent {
     auditService = inject(A11yAuditService);
-    scoreResult = computed(() => this.auditService.scoreResult(), ...(ngDevMode ? [{ debugName: "scoreResult" }] : []));
+    scoreResult = computed(() => this.auditService.scoreResult(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scoreResult" }] : /* istanbul ignore next */ []));
     allResults = computed(() => {
         const results = this.auditService.results();
         if (!results)
@@ -142,7 +139,8 @@ export class A11yViolationsComponent {
             (IMPACT_ORDER[b.impact ?? ''] ?? 4));
         const passes = results.passes.slice(0, 4);
         return [...violations, ...passes];
-    }, ...(ngDevMode ? [{ debugName: "allResults" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "allResults" }] : /* istanbul ignore next */ []));
     sevColor(impact) {
         return sevColor(impact);
     }
@@ -151,7 +149,7 @@ export class A11yViolationsComponent {
             i0.ɵɵconditionalCreate(0, A11yViolationsComponent_Conditional_0_Template, 2, 1, "div", 0)(1, A11yViolationsComponent_Conditional_1_Template, 15, 7, "div", 1)(2, A11yViolationsComponent_Conditional_2_Template, 2, 0, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.auditService.error() ? 0 : ctx.auditService.results() || ctx.auditService.running() ? 1 : 2);
-        } }, dependencies: [A11yScoreComponent], styles: ["[_nghost-%COMP%] { display: flex; flex-direction: column; height: 100%; overflow: auto; }\n\n    .a11y-body[_ngcontent-%COMP%] {\n      padding: 18px 20px;\n      display: grid;\n      grid-template-columns: 220px 1fr;\n      gap: 20px;\n      min-height: 0;\n    }\n    .a11y-body--loading[_ngcontent-%COMP%] { opacity: 0.55; transition: opacity var(--dur-base); }\n\n    .score-wrap[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 10px;\n      padding: 14px;\n      background: var(--prism-bg-surface);\n      border: 1px solid var(--prism-border);\n      border-radius: 10px;\n      align-self: start;\n    }\n\n    .score-label[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--prism-text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      font-weight: 600;\n    }\n    .score-meta[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      margin-top: 2px;\n      font-size: 11px;\n      color: var(--prism-text-muted);\n    }\n    .score-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 4px; }\n    .score-meta[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { width: 6px; height: 6px; border-radius: 50%; display: block; }\n\n    .viol-list[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      min-width: 0;\n    }\n\n    .viol[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: auto 1fr auto;\n      align-items: center;\n      gap: 12px;\n      padding: 10px 12px;\n      background: var(--prism-bg-surface);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n      border-left: 3px solid var(--sev-color, var(--prism-primary));\n      transition: border-color var(--dur-fast);\n    }\n    .viol[_ngcontent-%COMP%]:hover { border-color: var(--prism-border-strong); }\n\n    .viol-sev[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 9.5px;\n      font-weight: 700;\n      padding: 2px 6px;\n      border-radius: var(--radius-xs);\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      background: color-mix(in srgb, var(--sev-color) 15%, transparent);\n      color: var(--sev-color);\n    }\n\n    .viol-text[_ngcontent-%COMP%] {\n      font-size: 12.5px;\n      color: var(--prism-text);\n      min-width: 0;\n    }\n    .viol-text[_ngcontent-%COMP%]   b[_ngcontent-%COMP%] {\n      display: block;\n      font-weight: 600;\n      margin-bottom: 1px;\n    }\n    .viol-text[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted);\n      font-size: 11.5px;\n    }\n\n    .viol-rule[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      color: var(--prism-text-ghost);\n      padding: 2px 7px;\n      background: var(--prism-input-bg);\n      border-radius: var(--radius-xs);\n      white-space: nowrap;\n    }\n\n    .a11y-status[_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    }\n    .a11y-status--error[_ngcontent-%COMP%] { color: var(--prism-danger); }\n\n    @media (max-width: 1100px) {\n      .a11y-body[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n    }"], changeDetection: 0 });
+        } }, dependencies: [A11yScoreComponent], styles: ["[_nghost-%COMP%] { display: flex; flex-direction: column; height: 100%; overflow: auto; }\n\n    .a11y-body[_ngcontent-%COMP%] {\n      padding: 18px 20px;\n      display: grid;\n      grid-template-columns: 220px 1fr;\n      gap: 20px;\n      min-height: 0;\n    }\n    .a11y-body--loading[_ngcontent-%COMP%] { opacity: 0.55; transition: opacity var(--dur-base); }\n\n    .score-wrap[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 10px;\n      padding: 14px;\n      background: var(--prism-bg-surface);\n      border: 1px solid var(--prism-border);\n      border-radius: 10px;\n      align-self: start;\n    }\n\n    .score-label[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--prism-text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      font-weight: 600;\n    }\n    .score-meta[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      margin-top: 2px;\n      font-size: 11px;\n      color: var(--prism-text-muted);\n    }\n    .score-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 4px; }\n    .score-meta[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { width: 6px; height: 6px; border-radius: 50%; display: block; }\n\n    .viol-list[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      min-width: 0;\n    }\n\n    .viol[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: auto 1fr auto;\n      align-items: center;\n      gap: 12px;\n      padding: 10px 12px;\n      background: var(--prism-bg-surface);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n      border-left: 3px solid var(--sev-color, var(--prism-primary));\n      transition: border-color var(--dur-fast);\n    }\n    .viol[_ngcontent-%COMP%]:hover { border-color: var(--prism-border-strong); }\n\n    .viol-sev[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 9.5px;\n      font-weight: 700;\n      padding: 2px 6px;\n      border-radius: var(--radius-xs);\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      background: color-mix(in srgb, var(--sev-color) 15%, transparent);\n      color: var(--sev-color);\n    }\n\n    .viol-text[_ngcontent-%COMP%] {\n      font-size: 12.5px;\n      color: var(--prism-text);\n      min-width: 0;\n    }\n    .viol-text[_ngcontent-%COMP%]   b[_ngcontent-%COMP%] {\n      display: block;\n      font-weight: 600;\n      margin-bottom: 1px;\n    }\n    .viol-text[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted);\n      font-size: 11.5px;\n    }\n\n    .viol-rule[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      color: var(--prism-text-ghost);\n      padding: 2px 7px;\n      background: var(--prism-input-bg);\n      border-radius: var(--radius-xs);\n      white-space: nowrap;\n    }\n\n    .a11y-status[_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    }\n    .a11y-status--error[_ngcontent-%COMP%] { color: var(--prism-danger); }\n\n    @media (max-width: 1100px) {\n      .a11y-body[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yViolationsComponent, [{
         type: Component,

package/dist/app/panels/controls/prism-controls-panel.component.js

@@ -144,7 +144,8 @@ export class PrismControlsPanelComponent {
     navigationService = inject(PrismNavigationService);
     rendererService = inject(PrismRendererService);
     pluginService = inject(PrismPluginService);
-    activeComponent = input(null, ...(ngDevMode ? [{ debugName: "activeComponent" }] : []));
+    activeComponent = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeComponent" }] : /* istanbul ignore next */ []));
     getCustomControl(input) {
         return (this.pluginService.controls().find((ctrl) => ctrl.matchType(input)) ??
             null);
@@ -169,7 +170,7 @@ export class PrismControlsPanelComponent {
             StringControlComponent,
             NumberControlComponent,
             UnionControlComponent,
-            JsonControlComponent], styles: [".ctl-panel[_ngcontent-%COMP%] {\n      overflow-y: auto;\n      height: 100%;\n    }\n\n    .ctl-toolbar[_ngcontent-%COMP%] {\n      position: sticky;\n      top: 0;\n      z-index: 2;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n      background: var(--prism-bg-elevated);\n      border-bottom: 1px solid var(--prism-border);\n    }\n    .ctl-dirty-info[_ngcontent-%COMP%] {\n      font-size: 11.5px;\n      font-family: var(--font-mono);\n      color: var(--prism-text-muted);\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n    }\n    .ctl-dirty-dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--prism-primary);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--prism-primary) 60%, transparent);\n    }\n    .ctl-reset-btn[_ngcontent-%COMP%] {\n      height: 24px;\n      padding: 0 10px;\n      border-radius: 5px;\n      font-size: 11.5px;\n      font-weight: 500;\n      font-family: var(--font-sans);\n      color: var(--prism-text-muted);\n      background: transparent;\n      border: 1px solid var(--prism-border);\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n      transition: color var(--dur-fast), background var(--dur-fast), border-color var(--dur-fast);\n    }\n    .ctl-reset-btn[_ngcontent-%COMP%]:hover {\n      color: var(--prism-text);\n      border-color: color-mix(in srgb, var(--prism-primary) 40%, var(--prism-border));\n      background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    }\n    .ctl-reset-btn[_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 1px;\n    }\n\n    .ctl-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 180px 1fr;\n      align-items: center;\n      gap: 12px;\n      padding: 8px 20px;\n      min-height: 40px;\n      border-bottom: 1px solid var(--prism-border);\n    }\n    .ctl-row[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--prism-primary) 3%, transparent);\n    }\n\n    .ctl-label[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n    .ctl-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: var(--prism-text);\n      font-weight: 500;\n    }\n    .ctl-type[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 10.5px;\n      color: var(--prism-text-ghost);\n    }\n    .ctl-type[_ngcontent-%COMP%]   b[_ngcontent-%COMP%] {\n      color: var(--prism-primary);\n      font-weight: 500;\n    }\n\n    .ctl-input[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      min-width: 0;\n    }\n\n    .ctl-empty[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      font-size: 13px;\n      margin: 0;\n      padding: 16px 20px;\n    }"], changeDetection: 0 });
+            JsonControlComponent], styles: [".ctl-panel[_ngcontent-%COMP%] {\n      overflow-y: auto;\n      height: 100%;\n    }\n\n    .ctl-toolbar[_ngcontent-%COMP%] {\n      position: sticky;\n      top: 0;\n      z-index: 2;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n      background: var(--prism-bg-elevated);\n      border-bottom: 1px solid var(--prism-border);\n    }\n    .ctl-dirty-info[_ngcontent-%COMP%] {\n      font-size: 11.5px;\n      font-family: var(--font-mono);\n      color: var(--prism-text-muted);\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n    }\n    .ctl-dirty-dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--prism-primary);\n      box-shadow: 0 0 6px color-mix(in srgb, var(--prism-primary) 60%, transparent);\n    }\n    .ctl-reset-btn[_ngcontent-%COMP%] {\n      height: 24px;\n      padding: 0 10px;\n      border-radius: 5px;\n      font-size: 11.5px;\n      font-weight: 500;\n      font-family: var(--font-sans);\n      color: var(--prism-text-muted);\n      background: transparent;\n      border: 1px solid var(--prism-border);\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n      transition: color var(--dur-fast), background var(--dur-fast), border-color var(--dur-fast);\n    }\n    .ctl-reset-btn[_ngcontent-%COMP%]:hover {\n      color: var(--prism-text);\n      border-color: color-mix(in srgb, var(--prism-primary) 40%, var(--prism-border));\n      background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    }\n    .ctl-reset-btn[_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 1px;\n    }\n\n    .ctl-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 180px 1fr;\n      align-items: center;\n      gap: 12px;\n      padding: 8px 20px;\n      min-height: 40px;\n      border-bottom: 1px solid var(--prism-border);\n    }\n    .ctl-row[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--prism-primary) 3%, transparent);\n    }\n\n    .ctl-label[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n    .ctl-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: var(--prism-text);\n      font-weight: 500;\n    }\n    .ctl-type[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 10.5px;\n      color: var(--prism-text-ghost);\n    }\n    .ctl-type[_ngcontent-%COMP%]   b[_ngcontent-%COMP%] {\n      color: var(--prism-primary);\n      font-weight: 500;\n    }\n\n    .ctl-input[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      min-width: 0;\n    }\n\n    .ctl-empty[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      font-size: 13px;\n      margin: 0;\n      padding: 16px 20px;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismControlsPanelComponent, [{
         type: Component,