@ng-prism/core 21.7.2 → 21.8.1

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

@@ -113,9 +113,12 @@ export class PrismRendererComponent {
                     return;
                 }
                 this.activeOverlay.set(null);
+                const requestedPanelId = panel.id;
                 panel.loadOverlayComponent().then((c) => {
-                    this.overlayCache.set(panel.id, c);
-                    this.activeOverlay.set(c);
+                    this.overlayCache.set(requestedPanelId, c);
+                    if (this.panelService.activePanelId() === requestedPanelId) {
+                        this.activeOverlay.set(c);
+                    }
                 });
                 return;
             }
@@ -220,7 +223,7 @@ export class PrismRendererComponent {
             i0.ɵɵstyleProp("--zoom", ctx.canvasService.zoom());
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(ctx.activeOverlay() ? 9 : -1);
-        } }, dependencies: [PrismCanvasRulersComponent, NgComponentOutlet], styles: ["[_nghost-%COMP%] { display: block; min-height: 0; flex: 1; }\n\n    .prism-canvas-stage[_ngcontent-%COMP%] {\n      position: relative;\n      overflow: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 32px;\n      min-height: 200px;\n      height: 100%;\n      background-color: var(--prism-bg-surface);\n      background-image: radial-gradient(circle, var(--prism-dot) 1px, transparent 1px);\n      background-size: 20px 20px;\n      transition: filter var(--dur-base);\n    }\n\n    .prism-canvas-stage[data-bg=\"plain\"][_ngcontent-%COMP%] {\n      background-image: none;\n    }\n    .prism-canvas-stage[data-bg=\"light\"][_ngcontent-%COMP%] {\n      background-color: var(--prism-void-light, #f7f5fc);\n      background-image: radial-gradient(circle, color-mix(in srgb, var(--prism-primary-from) 15%, transparent) 1px, transparent 1px);\n    }\n    .prism-canvas-stage[data-bg=\"dark\"][_ngcontent-%COMP%] {\n      background-color: var(--prism-void-dark, #07050f);\n      background-image: radial-gradient(circle, color-mix(in srgb, var(--prism-primary) 18%, transparent) 1px, transparent 1px);\n    }\n    .prism-canvas-stage[data-bg=\"checker\"][_ngcontent-%COMP%] {\n      background-image:\n        linear-gradient(45deg, var(--prism-border) 25%, transparent 25%),\n        linear-gradient(-45deg, var(--prism-border) 25%, transparent 25%),\n        linear-gradient(45deg, transparent 75%, var(--prism-border) 75%),\n        linear-gradient(-45deg, transparent 75%, var(--prism-border) 75%);\n      background-size: 16px 16px;\n      background-position: 0 0, 0 8px, 8px -8px, -8px 0;\n    }\n\n    .stage-crosshair[_ngcontent-%COMP%] {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity var(--dur-base);\n    }\n    .stage-crosshair.visible[_ngcontent-%COMP%] { opacity: 1; }\n    .stage-crosshair[_ngcontent-%COMP%]::before, \n   .stage-crosshair[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      background: color-mix(in srgb, var(--prism-primary) 20%, transparent);\n    }\n    .stage-crosshair[_ngcontent-%COMP%]::before { left: 0; right: 0; top: 50%; height: 1px; }\n    .stage-crosshair[_ngcontent-%COMP%]::after { top: 0; bottom: 0; left: 50%; width: 1px; }\n\n    .canvas-badges[_ngcontent-%COMP%] {\n      position: absolute;\n      top: 12px;\n      left: 20px;\n      display: flex;\n      gap: 6px;\n      pointer-events: none;\n    }\n    .c-badge[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      padding: 3px 7px;\n      border-radius: 4px;\n      background: color-mix(in srgb, var(--prism-bg-elevated) 90%, transparent);\n      border: 1px solid var(--prism-border);\n      color: var(--prism-text-muted);\n      backdrop-filter: blur(8px);\n    }\n\n    .demo-wrap[_ngcontent-%COMP%] {\n      position: relative;\n      transform: scale(var(--zoom, 1));\n      transition: transform 0.18s;\n    }"], changeDetection: 0 });
+        } }, dependencies: [PrismCanvasRulersComponent, NgComponentOutlet], styles: ["[_nghost-%COMP%] { display: block; min-height: 0; flex: 1; }\n\n    .prism-canvas-stage[_ngcontent-%COMP%] {\n      position: relative;\n      overflow: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 32px;\n      min-height: 200px;\n      height: 100%;\n      background-color: var(--prism-bg-surface);\n      background-image: radial-gradient(circle, var(--prism-dot) 1px, transparent 1px);\n      background-size: 20px 20px;\n      transition: filter var(--dur-base);\n    }\n\n    .prism-canvas-stage[data-bg=\"plain\"][_ngcontent-%COMP%] {\n      background-image: none;\n    }\n    .prism-canvas-stage[data-bg=\"light\"][_ngcontent-%COMP%] {\n      background-color: var(--prism-void-light, #f7f5fc);\n      background-image: radial-gradient(circle, color-mix(in srgb, var(--prism-primary-from) 15%, transparent) 1px, transparent 1px);\n    }\n    .prism-canvas-stage[data-bg=\"dark\"][_ngcontent-%COMP%] {\n      background-color: var(--prism-void-dark, #07050f);\n      background-image: radial-gradient(circle, color-mix(in srgb, var(--prism-primary) 18%, transparent) 1px, transparent 1px);\n    }\n    .prism-canvas-stage[data-bg=\"checker\"][_ngcontent-%COMP%] {\n      background-image:\n        linear-gradient(45deg, var(--prism-border) 25%, transparent 25%),\n        linear-gradient(-45deg, var(--prism-border) 25%, transparent 25%),\n        linear-gradient(45deg, transparent 75%, var(--prism-border) 75%),\n        linear-gradient(-45deg, transparent 75%, var(--prism-border) 75%);\n      background-size: 16px 16px;\n      background-position: 0 0, 0 8px, 8px -8px, -8px 0;\n    }\n\n    .stage-crosshair[_ngcontent-%COMP%] {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity var(--dur-base);\n    }\n    .stage-crosshair.visible[_ngcontent-%COMP%] { opacity: 1; }\n    .stage-crosshair[_ngcontent-%COMP%]::before, \n   .stage-crosshair[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      background: color-mix(in srgb, var(--prism-primary) 20%, transparent);\n    }\n    .stage-crosshair[_ngcontent-%COMP%]::before { left: 0; right: 0; top: 50%; height: 1px; }\n    .stage-crosshair[_ngcontent-%COMP%]::after { top: 0; bottom: 0; left: 50%; width: 1px; }\n\n    .canvas-badges[_ngcontent-%COMP%] {\n      position: absolute;\n      top: 12px;\n      left: 20px;\n      display: flex;\n      gap: 6px;\n      pointer-events: none;\n    }\n    .c-badge[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      padding: 3px 7px;\n      border-radius: 4px;\n      background: color-mix(in srgb, var(--prism-bg-elevated) 90%, transparent);\n      border: 1px solid var(--prism-border);\n      color: var(--prism-text-muted);\n      backdrop-filter: blur(8px);\n    }\n\n    .demo-wrap[_ngcontent-%COMP%] {\n      position: relative;\n      transform: scale(var(--zoom, 1));\n      transition: transform 0.18s;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n    }"], changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismRendererComponent, [{
         type: Component,
@@ -250,11 +253,11 @@ export class PrismRendererComponent {
         }
       </div>
     </div>
-  `, styles: ["\n    :host { display: block; min-height: 0; flex: 1; }\n\n    .prism-canvas-stage {\n      position: relative;\n      overflow: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 32px;\n      min-height: 200px;\n      height: 100%;\n      background-color: var(--prism-bg-surface);\n      background-image: radial-gradient(circle, var(--prism-dot) 1px, transparent 1px);\n      background-size: 20px 20px;\n      transition: filter var(--dur-base);\n    }\n\n    .prism-canvas-stage[data-bg=\"plain\"] {\n      background-image: none;\n    }\n    .prism-canvas-stage[data-bg=\"light\"] {\n      background-color: var(--prism-void-light, #f7f5fc);\n      background-image: radial-gradient(circle, color-mix(in srgb, var(--prism-primary-from) 15%, transparent) 1px, transparent 1px);\n    }\n    .prism-canvas-stage[data-bg=\"dark\"] {\n      background-color: var(--prism-void-dark, #07050f);\n      background-image: radial-gradient(circle, color-mix(in srgb, var(--prism-primary) 18%, transparent) 1px, transparent 1px);\n    }\n    .prism-canvas-stage[data-bg=\"checker\"] {\n      background-image:\n        linear-gradient(45deg, var(--prism-border) 25%, transparent 25%),\n        linear-gradient(-45deg, var(--prism-border) 25%, transparent 25%),\n        linear-gradient(45deg, transparent 75%, var(--prism-border) 75%),\n        linear-gradient(-45deg, transparent 75%, var(--prism-border) 75%);\n      background-size: 16px 16px;\n      background-position: 0 0, 0 8px, 8px -8px, -8px 0;\n    }\n\n    .stage-crosshair {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity var(--dur-base);\n    }\n    .stage-crosshair.visible { opacity: 1; }\n    .stage-crosshair::before,\n    .stage-crosshair::after {\n      content: '';\n      position: absolute;\n      background: color-mix(in srgb, var(--prism-primary) 20%, transparent);\n    }\n    .stage-crosshair::before { left: 0; right: 0; top: 50%; height: 1px; }\n    .stage-crosshair::after { top: 0; bottom: 0; left: 50%; width: 1px; }\n\n    .canvas-badges {\n      position: absolute;\n      top: 12px;\n      left: 20px;\n      display: flex;\n      gap: 6px;\n      pointer-events: none;\n    }\n    .c-badge {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      padding: 3px 7px;\n      border-radius: 4px;\n      background: color-mix(in srgb, var(--prism-bg-elevated) 90%, transparent);\n      border: 1px solid var(--prism-border);\n      color: var(--prism-text-muted);\n      backdrop-filter: blur(8px);\n    }\n\n    .demo-wrap {\n      position: relative;\n      transform: scale(var(--zoom, 1));\n      transition: transform 0.18s;\n    }\n\n  "] }]
+  `, styles: ["\n    :host { display: block; min-height: 0; flex: 1; }\n\n    .prism-canvas-stage {\n      position: relative;\n      overflow: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 32px;\n      min-height: 200px;\n      height: 100%;\n      background-color: var(--prism-bg-surface);\n      background-image: radial-gradient(circle, var(--prism-dot) 1px, transparent 1px);\n      background-size: 20px 20px;\n      transition: filter var(--dur-base);\n    }\n\n    .prism-canvas-stage[data-bg=\"plain\"] {\n      background-image: none;\n    }\n    .prism-canvas-stage[data-bg=\"light\"] {\n      background-color: var(--prism-void-light, #f7f5fc);\n      background-image: radial-gradient(circle, color-mix(in srgb, var(--prism-primary-from) 15%, transparent) 1px, transparent 1px);\n    }\n    .prism-canvas-stage[data-bg=\"dark\"] {\n      background-color: var(--prism-void-dark, #07050f);\n      background-image: radial-gradient(circle, color-mix(in srgb, var(--prism-primary) 18%, transparent) 1px, transparent 1px);\n    }\n    .prism-canvas-stage[data-bg=\"checker\"] {\n      background-image:\n        linear-gradient(45deg, var(--prism-border) 25%, transparent 25%),\n        linear-gradient(-45deg, var(--prism-border) 25%, transparent 25%),\n        linear-gradient(45deg, transparent 75%, var(--prism-border) 75%),\n        linear-gradient(-45deg, transparent 75%, var(--prism-border) 75%);\n      background-size: 16px 16px;\n      background-position: 0 0, 0 8px, 8px -8px, -8px 0;\n    }\n\n    .stage-crosshair {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity var(--dur-base);\n    }\n    .stage-crosshair.visible { opacity: 1; }\n    .stage-crosshair::before,\n    .stage-crosshair::after {\n      content: '';\n      position: absolute;\n      background: color-mix(in srgb, var(--prism-primary) 20%, transparent);\n    }\n    .stage-crosshair::before { left: 0; right: 0; top: 50%; height: 1px; }\n    .stage-crosshair::after { top: 0; bottom: 0; left: 50%; width: 1px; }\n\n    .canvas-badges {\n      position: absolute;\n      top: 12px;\n      left: 20px;\n      display: flex;\n      gap: 6px;\n      pointer-events: none;\n    }\n    .c-badge {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      padding: 3px 7px;\n      border-radius: 4px;\n      background: color-mix(in srgb, var(--prism-bg-elevated) 90%, transparent);\n      border: 1px solid var(--prism-border);\n      color: var(--prism-text-muted);\n      backdrop-filter: blur(8px);\n    }\n\n    .demo-wrap {\n      position: relative;\n      transform: scale(var(--zoom, 1));\n      transition: transform 0.18s;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n    }\n\n  "] }]
     }], () => [], { outlet: [{ type: i0.ViewChild, args: ['outlet', { ...{
                         read: ViewContainerRef,
                     }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismRendererComponent, { className: "PrismRendererComponent", filePath: "app/renderer/prism-renderer.component.ts", lineNumber: 150 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismRendererComponent, { className: "PrismRendererComponent", filePath: "app/renderer/prism-renderer.component.ts", lineNumber: 155 }); })();
 function parseContentToNodes(content) {
     if (typeof content === 'string') {
         return [htmlToNodes(content)];

package/dist/app/renderer/snippet-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snippet-generator.d.ts","sourceRoot":"","sources":["../../../src/app/renderer/snippet-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;CAC/B;AAgBD,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,SAAS,EAAE,EACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EAClC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACzC,gBAAgB,CAAC,EAAE,uBAAuB,GACzC,MAAM,CA2DR"}
+{"version":3,"file":"snippet-generator.d.ts","sourceRoot":"","sources":["../../../src/app/renderer/snippet-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;CAC/B;AAoBD,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,SAAS,EAAE,EACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EAClC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACzC,gBAAgB,CAAC,EAAE,uBAAuB,GACzC,MAAM,CA2DR"}

package/dist/app/renderer/snippet-generator.js

@@ -1,6 +1,9 @@
+function escapeAttrValue(value) {
+    return String(value).replace(/&/g, '&').replace(/"/g, '"');
+}
 function pushAttribute(attributes, name, value) {
     if (typeof value === 'string') {
-        attributes.push(`${name}="${value}"`);
+        attributes.push(`${name}="${escapeAttrValue(value)}"`);
     }
     else if (typeof value === 'boolean') {
         attributes.push(`[${name}]="true"`);
@@ -12,7 +15,7 @@ function pushAttribute(attributes, name, value) {
         attributes.push(`[${name}]="yourData"`);
     }
     else {
-        attributes.push(`[${name}]="${String(value)}"`);
+        attributes.push(`[${name}]="${escapeAttrValue(value)}"`);
     }
 }
 export function generateSnippet(selector, inputs, values, explicitKeys, content, directiveOptions) {
@@ -92,7 +95,7 @@ function generateDirectiveSnippet(selector, inputs, values, explicitKeys, conten
         tag = host.selector;
         if (host.inputs) {
             for (const [k, v] of Object.entries(host.inputs)) {
-                hostAttrs.push(`${k}="${String(v)}"`);
+                hostAttrs.push(`${k}="${escapeAttrValue(v)}"`);
             }
         }
     }

package/dist/app/services/prism-persistence.service.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+export declare class PrismPersistenceService {
+    private readonly config;
+    private readonly navigationService;
+    private readonly rendererService;
+    private readonly a11yPanelState;
+    private readonly a11yPerspective;
+    private readonly injector;
+    private suppressSync;
+    private writeTimer;
+    private lastSerialized;
+    init(): void;
+    private restoreFromStorage;
+    private setupSyncEffect;
+    private writeDebounced;
+    private serialize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismPersistenceService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrismPersistenceService>;
+}
+//# sourceMappingURL=prism-persistence.service.d.ts.map

package/dist/app/services/prism-persistence.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prism-persistence.service.d.ts","sourceRoot":"","sources":["../../../src/app/services/prism-persistence.service.ts"],"names":[],"mappings":";AAqBA,qBACa,uBAAuB;IAClC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiE;IACxF,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAkC;IACpE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAChE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiC;IAChE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAkC;IAClE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAE7C,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAA8C;IAChE,OAAO,CAAC,cAAc,CAAuB;IAE7C,IAAI,IAAI,IAAI;IAOZ,OAAO,CAAC,kBAAkB;IA6C1B,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,SAAS;yCA7FN,uBAAuB;6CAAvB,uBAAuB;CAwHnC"}

package/dist/app/services/prism-persistence.service.js

@@ -0,0 +1,139 @@
+import { effect, inject, Injectable, Injector } from '@angular/core';
+import { PRISM_CONFIG } from '../tokens/prism-tokens.js';
+import { A11yPanelStateService } from '../panels/a11y/a11y-panel-state.service.js';
+import { A11yPerspectiveService } from '../panels/a11y/a11y-perspective.service.js';
+import { PrismNavigationService } from './prism-navigation.service.js';
+import { PrismRendererService } from './prism-renderer.service.js';
+import * as i0 from "@angular/core";
+const STORAGE_KEY = 'ng-prism:state';
+const SCHEMA_VERSION = 1;
+const DEBOUNCE_MS = 200;
+export class PrismPersistenceService {
+    config = inject(PRISM_CONFIG, { optional: true }) ?? {};
+    navigationService = inject(PrismNavigationService);
+    rendererService = inject(PrismRendererService);
+    a11yPanelState = inject(A11yPanelStateService);
+    a11yPerspective = inject(A11yPerspectiveService);
+    injector = inject(Injector);
+    suppressSync = false;
+    writeTimer = null;
+    lastSerialized = null;
+    init() {
+        if (this.config.persistState === false)
+            return;
+        const { raw } = this.restoreFromStorage();
+        if (raw !== null)
+            this.lastSerialized = raw;
+        this.setupSyncEffect();
+    }
+    restoreFromStorage() {
+        let parsed = null;
+        let raw = null;
+        try {
+            raw = sessionStorage.getItem(STORAGE_KEY);
+            if (raw)
+                parsed = JSON.parse(raw);
+        }
+        catch {
+            parsed = null;
+            raw = null;
+        }
+        if (!parsed || parsed.version !== SCHEMA_VERSION)
+            return { raw: null };
+        this.suppressSync = true;
+        try {
+            const a11yTabs = ['violations', 'keyboard', 'tree', 'sr'];
+            if (parsed.a11y?.activeTab && a11yTabs.includes(parsed.a11y.activeTab)) {
+                this.a11yPanelState.activeTab.set(parsed.a11y.activeTab);
+            }
+            if (parsed.a11y?.perspective === 'visual' || parsed.a11y?.perspective === 'screen-reader') {
+                this.a11yPerspective.mode.set(parsed.a11y.perspective);
+            }
+            const activeComp = this.navigationService.activeComponent();
+            if (activeComp && parsed.inputs) {
+                const bucket = parsed.inputs[activeComp.meta.className];
+                if (bucket && bucket.variantIndex === this.rendererService.activeVariantIndex()) {
+                    const validKeys = new Set(activeComp.meta.inputs.map((i) => i.name));
+                    const filtered = {};
+                    for (const [k, v] of Object.entries(bucket.values)) {
+                        if (validKeys.has(k) || k === '__prismContent__')
+                            filtered[k] = v;
+                    }
+                    if (Object.keys(filtered).length > 0) {
+                        this.rendererService.inputValues.set({
+                            ...this.rendererService.inputValues(),
+                            ...filtered,
+                        });
+                    }
+                }
+            }
+        }
+        finally {
+            this.suppressSync = false;
+        }
+        return { raw };
+    }
+    setupSyncEffect() {
+        effect(() => {
+            this.navigationService.activeComponent();
+            this.rendererService.activeVariantIndex();
+            this.rendererService.inputValues();
+            this.a11yPanelState.activeTab();
+            this.a11yPerspective.mode();
+            if (this.suppressSync)
+                return;
+            this.writeDebounced();
+        }, { injector: this.injector });
+    }
+    writeDebounced() {
+        if (this.writeTimer)
+            clearTimeout(this.writeTimer);
+        this.writeTimer = setTimeout(() => {
+            this.writeTimer = null;
+            const state = this.serialize();
+            const next = JSON.stringify(state);
+            if (next === this.lastSerialized)
+                return;
+            try {
+                sessionStorage.setItem(STORAGE_KEY, next);
+                this.lastSerialized = next;
+            }
+            catch (err) {
+                console.warn('[ng-prism] Failed to persist state:', err);
+            }
+        }, DEBOUNCE_MS);
+    }
+    serialize() {
+        const activeComp = this.navigationService.activeComponent();
+        const variantIndex = this.rendererService.activeVariantIndex();
+        const values = this.rendererService.inputValues();
+        let inputs = {};
+        if (this.lastSerialized) {
+            try {
+                const prev = JSON.parse(this.lastSerialized);
+                if (prev.version === SCHEMA_VERSION)
+                    inputs = { ...prev.inputs };
+            }
+            catch {
+                inputs = {};
+            }
+        }
+        if (activeComp) {
+            inputs[activeComp.meta.className] = { variantIndex, values: { ...values } };
+        }
+        return {
+            version: SCHEMA_VERSION,
+            inputs,
+            a11y: {
+                activeTab: this.a11yPanelState.activeTab(),
+                perspective: this.a11yPerspective.mode(),
+            },
+        };
+    }
+    static ɵfac = function PrismPersistenceService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismPersistenceService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PrismPersistenceService, factory: PrismPersistenceService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismPersistenceService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();

package/dist/app/services/prism-renderer.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-renderer.service.d.ts","sourceRoot":"","sources":["../../../src/app/services/prism-renderer.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;;AAGrE,qBACa,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAkC;IAEpE,QAAQ,CAAC,kBAAkB,iDAAa;IACxC,QAAQ,CAAC,WAAW,kEAAuC;IAC3D,QAAQ,CAAC,aAAa,sFAAkE;IACxF,QAAQ,CAAC,eAAe,yDAAgC;IAExD,OAAO,CAAC,cAAc,CAAuB;IAE7C,iBAAiB,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAM/C,qBAAqB,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAoCnD,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMlC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;yCA9DT,oBAAoB;6CAApB,oBAAoB;CAuGhC"}
+{"version":3,"file":"prism-renderer.service.d.ts","sourceRoot":"","sources":["../../../src/app/services/prism-renderer.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;;AAGrE,qBACa,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAkC;IAEpE,QAAQ,CAAC,kBAAkB,iDAAa;IACxC,QAAQ,CAAC,WAAW,kEAAuC;IAC3D,QAAQ,CAAC,aAAa,sFAAkE;IACxF,QAAQ,CAAC,eAAe,yDAAgC;IAExD,OAAO,CAAC,cAAc,CAAuB;IAE7C,iBAAiB,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAM/C,qBAAqB,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IA2CnD,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMlC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;yCArET,oBAAoB;6CAApB,oBAAoB;CA8GhC"}

package/dist/app/services/prism-renderer.service.js

@@ -16,7 +16,7 @@ export class PrismRendererService {
     reconcileForComponent(comp) {
         const prev = this._lastClassName;
         this._lastClassName = comp.meta.className;
-        if (prev !== comp.meta.className) {
+        if (prev !== null && prev !== comp.meta.className) {
             this.activeVariantIndex.set(0);
             this.applyVariant(0, comp);
             return;
@@ -25,6 +25,12 @@ export class PrismRendererService {
         const maxIndex = Math.max(0, variants.length - 1);
         const preservedIndex = Math.min(this.activeVariantIndex(), maxIndex);
         this.activeVariantIndex.set(preservedIndex);
+        const defaults = {};
+        for (const input of comp.meta.inputs) {
+            if (input.defaultValue !== undefined) {
+                defaults[input.name] = input.defaultValue;
+            }
+        }
         const validKeys = new Set(comp.meta.inputs.map((i) => i.name));
         const currentValues = this.inputValues();
         const preserved = {};
@@ -35,7 +41,7 @@ export class PrismRendererService {
         }
         const variant = variants[preservedIndex];
         const variantInputs = variant?.inputs ?? {};
-        const merged = { ...variantInputs, ...preserved };
+        const merged = { ...defaults, ...variantInputs, ...preserved };
         if (comp.meta.componentMeta.isDirective && variant?.content && preserved['__prismContent__'] === undefined) {
             merged['__prismContent__'] = typeof variant.content === 'string' ? variant.content : '';
         }

package/dist/app/services/prism-url-state.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-url-state.service.d.ts","sourceRoot":"","sources":["../../../src/app/services/prism-url-state.service.ts"],"names":[],"mappings":";AAcA,qBACa,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAChE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAkC;IACpE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAChE,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6B;IAC1D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAwB;IAC/C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAE7C,OAAO,CAAC,YAAY,CAAS;IAE7B,IAAI,IAAI,IAAI;IAiBZ,OAAO,CAAC,cAAc;IAsCtB,OAAO,CAAC,UAAU;yCAjEP,oBAAoB;6CAApB,oBAAoB;CAsGhC"}
+{"version":3,"file":"prism-url-state.service.d.ts","sourceRoot":"","sources":["../../../src/app/services/prism-url-state.service.ts"],"names":[],"mappings":";AAgBA,qBACa,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAChE,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAkC;IACpE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAChE,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6B;IAC1D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAwB;IAC/C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAE7C,OAAO,CAAC,YAAY,CAAS;IAE7B,IAAI,IAAI,IAAI;IAkBZ,OAAO,CAAC,cAAc;IA0CtB,OAAO,CAAC,UAAU;yCAtEP,oBAAoB;6CAApB,oBAAoB;CA+GhC"}

package/dist/app/services/prism-url-state.service.js

@@ -10,6 +10,8 @@ const PARAM_PAGE = 'page';
 const PARAM_VARIANT = 'variant';
 const PARAM_VIEW = 'view';
 const DEFAULT_VIEW = 'renderer';
+const PARAM_PANEL = 'panel';
+const DEFAULT_PANEL = 'controls';
 export class PrismUrlStateService {
     manifestService = inject(PrismManifestService);
     navigationService = inject(PrismNavigationService);
@@ -26,9 +28,10 @@ export class PrismUrlStateService {
             const item = this.navigationService.activeItem();
             const variantIndex = this.rendererService.activeVariantIndex();
             const viewId = this.panelService.activeViewId();
+            const panelId = this.panelService.activePanelId();
             if (this.suppressSync)
                 return;
-            this.writeToUrl(item, variantIndex, viewId);
+            this.writeToUrl(item, variantIndex, viewId, panelId);
         }, { injector: this.injector });
         window.addEventListener('popstate', () => this.restoreFromUrl());
     }
@@ -38,6 +41,7 @@ export class PrismUrlStateService {
         const pageTitle = params.get(PARAM_PAGE);
         const variantParam = params.get(PARAM_VARIANT);
         const viewId = params.get(PARAM_VIEW);
+        const panelId = params.get(PARAM_PANEL);
         this.suppressSync = true;
         try {
             if (componentClassName) {
@@ -64,12 +68,15 @@ export class PrismUrlStateService {
             if (viewId) {
                 this.panelService.activeViewId.set(viewId);
             }
+            if (panelId) {
+                this.panelService.activePanelId.set(panelId);
+            }
         }
         finally {
             this.suppressSync = false;
         }
     }
-    writeToUrl(item, variantIndex, viewId) {
+    writeToUrl(item, variantIndex, viewId, panelId) {
         const params = new URLSearchParams();
         if (item?.kind === 'component') {
             params.set(PARAM_COMPONENT, item.data.meta.className);
@@ -83,6 +90,9 @@ export class PrismUrlStateService {
         if (viewId && viewId !== DEFAULT_VIEW) {
             params.set(PARAM_VIEW, viewId);
         }
+        if (panelId && panelId !== DEFAULT_PANEL) {
+            params.set(PARAM_PANEL, panelId);
+        }
         const queryString = params.toString();
         const newUrl = queryString
             ? `${window.location.pathname}?${queryString}`

package/dist/app/shell/prism-shell.component.d.ts

@@ -10,6 +10,7 @@ export declare class PrismShellComponent {
     protected readonly panelService: PrismPanelService;
     private readonly pluginService;
     private readonly urlStateService;
+    private readonly persistenceService;
     protected readonly viewPanels: import("@angular/core").Signal<import("../../plugin/plugin.types.js").PanelDefinition[]>;
     protected readonly showPanel: import("@angular/core").Signal<boolean>;
     protected readonly shellStyle: import("@angular/core").Signal<string>;

package/dist/app/shell/prism-shell.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-shell.component.d.ts","sourceRoot":"","sources":["../../../src/app/shell/prism-shell.component.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAiBvE,qBA2Pa,mBAAmB;IAC9B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuC;IAC9D,SAAS,CAAC,QAAQ,CAAC,iBAAiB,yBAAkC;IACtE,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6B;IAC1D,SAAS,CAAC,QAAQ,CAAC,MAAM,qBAA8B;IACvD,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAC5D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAEhE,SAAS,CAAC,QAAQ,CAAC,UAAU,2FAG1B;IAEH,SAAS,CAAC,QAAQ,CAAC,SAAS,0CAK1B;IAEF,SAAS,CAAC,QAAQ,CAAC,UAAU,yCAG1B;;IAgCH,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;yCAxDhC,mBAAmB;2CAAnB,mBAAmB;CAyE/B"}
+{"version":3,"file":"prism-shell.component.d.ts","sourceRoot":"","sources":["../../../src/app/shell/prism-shell.component.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAkBvE,qBA2Pa,mBAAmB;IAC9B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuC;IAC9D,SAAS,CAAC,QAAQ,CAAC,iBAAiB,yBAAkC;IACtE,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6B;IAC1D,SAAS,CAAC,QAAQ,CAAC,MAAM,qBAA8B;IACvD,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAC5D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAChE,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAmC;IAEtE,SAAS,CAAC,QAAQ,CAAC,UAAU,2FAG1B;IAEH,SAAS,CAAC,QAAQ,CAAC,SAAS,0CAK1B;IAEF,SAAS,CAAC,QAAQ,CAAC,UAAU,yCAG1B;;IAiCH,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;yCA1DhC,mBAAmB;2CAAnB,mBAAmB;CA2E/B"}

package/dist/app/shell/prism-shell.component.js

@@ -14,6 +14,7 @@ import { PrismSidebarComponent } from '../sidebar/prism-sidebar.component.js';
 import { PrismPageRendererComponent } from '../page-renderer/prism-page-renderer.component.js';
 import { BUILTIN_PANELS } from '../panels/builtin-panels.js';
 import { PrismUrlStateService } from '../services/prism-url-state.service.js';
+import { PrismPersistenceService } from '../services/prism-persistence.service.js';
 import { PrismViewTabBarComponent } from '../view-tab-bar/prism-view-tab-bar.component.js';
 import { PrismViewPanelHostComponent } from '../view-tab-bar/prism-view-panel-host.component.js';
 import { PrismResizerDirective } from '../directives/prism-resizer.directive.js';
@@ -105,6 +106,7 @@ export class PrismShellComponent {
     panelService = inject(PrismPanelService);
     pluginService = inject(PrismPluginService);
     urlStateService = inject(PrismUrlStateService);
+    persistenceService = inject(PrismPersistenceService);
     viewPanels = computed(() => [
         ...BUILTIN_PANELS.filter((p) => p.placement === 'view'),
         ...this.pluginService.viewPanels(),
@@ -120,6 +122,7 @@ export class PrismShellComponent {
         this.themeService.applyConfigOverrides(this.config);
         this.navigationService.selectFirst();
         this.urlStateService.init();
+        this.persistenceService.init();
         let lastItemKey = null;
         effect(() => {
             const item = this.navigationService.activeItem();
@@ -309,4 +312,4 @@ export class PrismShellComponent {
             type: HostListener,
             args: ['document:keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismShellComponent, { className: "PrismShellComponent", filePath: "app/shell/prism-shell.component.ts", lineNumber: 283 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismShellComponent, { className: "PrismShellComponent", filePath: "app/shell/prism-shell.component.ts", lineNumber: 284 }); })();

package/dist/builder/config-loader/config-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config-loader.d.ts","sourceRoot":"","sources":["../../../src/builder/config-loader/config-loader.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAK3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAID,wBAAsB,UAAU,CAAC,OAAO,EAAE,mBAAmB,GAAG,OAAO,CAAC,aAAa,CAAC,CA6BrF"}
+{"version":3,"file":"config-loader.d.ts","sourceRoot":"","sources":["../../../src/builder/config-loader/config-loader.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAK3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAID,wBAAsB,UAAU,CAAC,OAAO,EAAE,mBAAmB,GAAG,OAAO,CAAC,aAAa,CAAC,CAsCrF"}

package/dist/builder/config-loader/config-loader.js

@@ -1,12 +1,17 @@
 import '@angular/compiler';
 import { existsSync, readFileSync, writeFileSync, unlinkSync } from 'fs';
-import { join } from 'path';
+import { resolve, sep } from 'path';
 import { pathToFileURL } from 'url';
 import ts from 'typescript';
 const DEFAULT_CONFIG_FILE = 'ng-prism.config.ts';
 export async function loadConfig(options) {
     const configFileName = options.configFileName ?? DEFAULT_CONFIG_FILE;
-    const configPath = join(options.workspaceRoot, configFileName);
+    const workspaceRoot = resolve(options.workspaceRoot);
+    const configPath = resolve(workspaceRoot, configFileName);
+    if (configPath !== workspaceRoot && !configPath.startsWith(workspaceRoot + sep)) {
+        throw new Error(`ng-prism: configFile "${configFileName}" resolves outside workspace root (${workspaceRoot}). ` +
+            `Provide a path relative to the workspace.`);
+    }
     if (!existsSync(configPath)) {
         return {};
     }
@@ -19,7 +24,8 @@ export async function loadConfig(options) {
             esModuleInterop: true,
         },
     });
-    const tempPath = configPath.replace(/\.ts$/, '.tmp.mjs');
+    const uniqueSuffix = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+    const tempPath = configPath.replace(/\.ts$/, `.${uniqueSuffix}.tmp.mjs`);
     try {
         writeFileSync(tempPath, transpiled.outputText, 'utf-8');
         const module = await import(pathToFileURL(tempPath).href);

package/dist/builder/plugin-runner/plugin-runner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-runner.d.ts","sourceRoot":"","sources":["../../../src/builder/plugin-runner/plugin-runner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAoB,MAAM,8BAA8B,CAAC;AAGnG,wBAAsB,cAAc,CAClC,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,aAAa,EAAE,GACvB,OAAO,CAAC,aAAa,CAAC,CA2CxB"}
+{"version":3,"file":"plugin-runner.d.ts","sourceRoot":"","sources":["../../../src/builder/plugin-runner/plugin-runner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAoB,MAAM,8BAA8B,CAAC;AAmBnG,wBAAsB,cAAc,CAClC,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,aAAa,EAAE,GACvB,OAAO,CAAC,aAAa,CAAC,CAuDxB"}

package/dist/builder/plugin-runner/plugin-runner.js

@@ -1,25 +1,46 @@
+function pluginLabel(plugin) {
+    return plugin.name ? `"${plugin.name}"` : '<unnamed>';
+}
+function wrapPluginError(plugin, hook, target, err) {
+    const cause = err instanceof Error ? err.message : String(err);
+    const wrapped = new Error(`ng-prism: plugin ${pluginLabel(plugin)} failed in ${hook} for ${target} — ${cause}`, err instanceof Error ? { cause: err } : undefined);
+    if (err instanceof Error && err.stack) {
+        wrapped.stack = `${wrapped.message}\nCaused by: ${err.stack}`;
+    }
+    return wrapped;
+}
 export async function runPluginHooks(manifest, plugins) {
-    let components = [...manifest.components];
-    for (const comp of components) {
-        let current = comp;
+    const components = [...manifest.components];
+    for (let i = 0; i < components.length; i++) {
+        let current = components[i];
         for (const plugin of plugins) {
             if (plugin.onComponentScanned) {
-                const result = await plugin.onComponentScanned(current);
-                if (result) {
-                    current = result;
+                try {
+                    const result = await plugin.onComponentScanned(current);
+                    if (result) {
+                        current = result;
+                    }
+                }
+                catch (err) {
+                    throw wrapPluginError(plugin, 'onComponentScanned', `component "${current.className}"`, err);
                 }
             }
         }
-        components[components.indexOf(comp)] = current;
+        components[i] = current;
     }
-    let pages = [...(manifest.pages ?? [])];
+    const pages = [...(manifest.pages ?? [])];
     for (let i = 0; i < pages.length; i++) {
         let current = pages[i];
         for (const plugin of plugins) {
             if (plugin.onPageScanned) {
-                const result = await plugin.onPageScanned(current);
-                if (result) {
-                    current = result;
+                try {
+                    const result = await plugin.onPageScanned(current);
+                    if (result) {
+                        current = result;
+                    }
+                }
+                catch (err) {
+                    throw wrapPluginError(plugin, 'onPageScanned', `page "${current.title}"`, err);
                 }
             }
         }
@@ -28,9 +49,14 @@ export async function runPluginHooks(manifest, plugins) {
     let result = { components, pages };
     for (const plugin of plugins) {
         if (plugin.onManifestReady) {
-            const updated = await plugin.onManifestReady(result);
-            if (updated) {
-                result = updated;
+            try {
+                const updated = await plugin.onManifestReady(result);
+                if (updated) {
+                    result = updated;
+                }
+            }
+            catch (err) {
+                throw wrapPluginError(plugin, 'onManifestReady', 'manifest', err);
             }
         }
     }

package/dist/builder/scanner/component.scanner.js

@@ -16,14 +16,14 @@ export function scanComponents(exports, checker) {
         const showcaseDecorator = findDecorator(classDecl, 'Showcase');
         if (!showcaseDecorator)
             continue;
-        const showcaseConfig = extractShowcaseConfig(showcaseDecorator);
+        const className = classDecl.name?.text ?? 'Anonymous';
+        const showcaseConfig = extractShowcaseConfig(showcaseDecorator, className);
         if (!showcaseConfig)
             continue;
         const componentMeta = extractComponentMeta(classDecl);
         const inputs = extractInputs(classDecl, checker);
         const outputs = extractOutputs(classDecl, checker);
         const filePath = classDecl.getSourceFile().fileName;
-        const className = classDecl.name?.text ?? 'Anonymous';
         if (hasDecoratorInputs(classDecl)) {
             console.warn(`⚠ ng-prism: ${className} uses @Input() decorators which are not fully supported. ` +
                 `Migrate to input() signals for full ng-prism support.`);
@@ -48,13 +48,18 @@ function hasDecoratorInputs(classDecl) {
     }
     return false;
 }
-function extractShowcaseConfig(decorator) {
+function extractShowcaseConfig(decorator, className) {
     const arg = getDecoratorArgument(decorator);
     if (!arg)
         return undefined;
     const raw = evaluateExpression(arg);
-    if (!raw || typeof raw !== 'object' || !('title' in raw))
+    if (!raw || typeof raw !== 'object')
         return undefined;
+    if (!('title' in raw)) {
+        console.warn(`⚠ ng-prism: ${className} has @Showcase without a "title" field — skipping. ` +
+            `Add a title so it can appear in the styleguide.`);
+        return undefined;
+    }
     const obj = raw;
     const config = {
         title: obj['title'],

package/dist/builder/scanner/entry-point-discovery.js

@@ -6,6 +6,24 @@ export function discoverSecondaryEntryPoints(libraryRoot, baseImportPath) {
     return entryPoints;
 }
 function findNgPackageJsons(dir, libraryRoot, baseImportPath, result) {
+    const isLibraryRoot = dir === libraryRoot;
+    const ngPackagePath = join(dir, 'ng-package.json');
+    if (existsSync(ngPackagePath)) {
+        const ngPackage = JSON.parse(readFileSync(ngPackagePath, 'utf-8'));
+        if (!ngPackage.dest) {
+            const entryFile = ngPackage.lib?.entryFile ?? 'public-api.ts';
+            const entryFilePath = join(dir, entryFile);
+            if (existsSync(entryFilePath)) {
+                const relDir = relative(libraryRoot, dir);
+                const importPath = relDir === ''
+                    ? baseImportPath
+                    : posix.join(baseImportPath, relDir.split('\\').join('/'));
+                result.push({ entryFile: entryFilePath, importPath });
+            }
+            if (!isLibraryRoot)
+                return;
+        }
+    }
     let entries;
     try {
         entries = readdirSync(dir);
@@ -17,22 +35,13 @@ function findNgPackageJsons(dir, libraryRoot, baseImportPath, result) {
         if (entry === 'node_modules' || entry === '.git')
             continue;
         const fullPath = join(dir, entry);
-        if (!statSync(fullPath).isDirectory())
-            continue;
-        const ngPackagePath = join(fullPath, 'ng-package.json');
-        if (!existsSync(ngPackagePath)) {
-            findNgPackageJsons(fullPath, libraryRoot, baseImportPath, result);
-            continue;
+        try {
+            if (!statSync(fullPath).isDirectory())
+                continue;
         }
-        const ngPackage = JSON.parse(readFileSync(ngPackagePath, 'utf-8'));
-        if (ngPackage.dest)
+        catch {
             continue;
-        const entryFile = ngPackage.lib?.entryFile ?? 'public-api.ts';
-        const entryFilePath = join(fullPath, entryFile);
-        if (!existsSync(entryFilePath))
-            continue;
-        const relDir = relative(libraryRoot, fullPath);
-        const importPath = posix.join(baseImportPath, relDir.split('\\').join('/'));
-        result.push({ entryFile: entryFilePath, importPath });
+        }
+        findNgPackageJsons(fullPath, libraryRoot, baseImportPath, result);
     }
 }

package/dist/builder/serve/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/builder/serve/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,OAAO,EAA2C,MAAM,2BAA2B,CAAC;AACjH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AA0DtD,QAAA,MAAM,OAAO,EAAE,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAyD,CAAC;AACrH,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/builder/serve/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,OAAO,EAA2C,MAAM,2BAA2B,CAAC;AACjH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AA+DtD,QAAA,MAAM,OAAO,EAAE,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAyD,CAAC;AACrH,eAAe,OAAO,CAAC"}