@ng-prism/core 21.0.0

package/dist/app/services/prism-event-log.service.js

@@ -0,0 +1,21 @@
+import { Injectable, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PrismEventLogService {
+    events = signal([], ...(ngDevMode ? [{ debugName: "events" }] : []));
+    _nextId = 0;
+    log(name, value) {
+        this.events.update((prev) => [
+            { id: this._nextId++, timestamp: Date.now(), name, value },
+            ...prev,
+        ]);
+    }
+    clear() {
+        this.events.set([]);
+    }
+    static ɵfac = function PrismEventLogService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismEventLogService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PrismEventLogService, factory: PrismEventLogService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismEventLogService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();

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

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+export declare class PrismLayoutService {
+    readonly sidebarVisible: import("@angular/core").WritableSignal<boolean>;
+    readonly addonsVisible: import("@angular/core").WritableSignal<boolean>;
+    readonly toolbarVisible: import("@angular/core").WritableSignal<boolean>;
+    readonly addonsOrientation: import("@angular/core").WritableSignal<"bottom" | "right">;
+    readonly sidebarWidth: import("@angular/core").WritableSignal<number>;
+    readonly panelHeight: import("@angular/core").WritableSignal<number>;
+    readonly panelWidth: import("@angular/core").WritableSignal<number>;
+    constructor();
+    toggleSidebar(): void;
+    toggleAddons(): void;
+    toggleToolbar(): void;
+    toggleOrientation(): void;
+    setSidebarWidth(px: number): void;
+    setPanelHeight(px: number): void;
+    setPanelWidth(px: number): void;
+    private loadFromStorage;
+    private saveToStorage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismLayoutService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrismLayoutService>;
+}
+//# sourceMappingURL=prism-layout.service.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism-layout.service.d.ts","sourceRoot":"","sources":["../../../src/app/services/prism-layout.service.ts"],"names":[],"mappings":";AAIA,qBACa,kBAAkB;IAC7B,QAAQ,CAAC,cAAc,kDAAgB;IACvC,QAAQ,CAAC,aAAa,kDAAgB;IACtC,QAAQ,CAAC,cAAc,kDAAgB;IACvC,QAAQ,CAAC,iBAAiB,6DAAwC;IAClE,QAAQ,CAAC,YAAY,iDAAe;IACpC,QAAQ,CAAC,WAAW,iDAAe;IACnC,QAAQ,CAAC,UAAU,iDAAe;;IAMlC,aAAa,IAAI,IAAI;IAKrB,YAAY,IAAI,IAAI;IAKpB,aAAa,IAAI,IAAI;IAKrB,iBAAiB,IAAI,IAAI;IAKzB,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAKjC,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAKhC,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAK/B,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,aAAa;yCAjEV,kBAAkB;6CAAlB,kBAAkB;CA6E9B"}

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

@@ -0,0 +1,85 @@
+import { Injectable, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+const STORAGE_KEY = 'ng-prism-layout';
+export class PrismLayoutService {
+    sidebarVisible = signal(true, ...(ngDevMode ? [{ debugName: "sidebarVisible" }] : []));
+    addonsVisible = signal(true, ...(ngDevMode ? [{ debugName: "addonsVisible" }] : []));
+    toolbarVisible = signal(true, ...(ngDevMode ? [{ debugName: "toolbarVisible" }] : []));
+    addonsOrientation = signal('bottom', ...(ngDevMode ? [{ debugName: "addonsOrientation" }] : []));
+    sidebarWidth = signal(280, ...(ngDevMode ? [{ debugName: "sidebarWidth" }] : []));
+    panelHeight = signal(300, ...(ngDevMode ? [{ debugName: "panelHeight" }] : []));
+    panelWidth = signal(320, ...(ngDevMode ? [{ debugName: "panelWidth" }] : []));
+    constructor() {
+        this.loadFromStorage();
+    }
+    toggleSidebar() {
+        this.sidebarVisible.update(v => !v);
+        this.saveToStorage();
+    }
+    toggleAddons() {
+        this.addonsVisible.update(v => !v);
+        this.saveToStorage();
+    }
+    toggleToolbar() {
+        this.toolbarVisible.update(v => !v);
+        this.saveToStorage();
+    }
+    toggleOrientation() {
+        this.addonsOrientation.update(v => (v === 'bottom' ? 'right' : 'bottom'));
+        this.saveToStorage();
+    }
+    setSidebarWidth(px) {
+        this.sidebarWidth.set(Math.max(160, Math.min(600, px)));
+        this.saveToStorage();
+    }
+    setPanelHeight(px) {
+        this.panelHeight.set(Math.max(100, Math.min(600, px)));
+        this.saveToStorage();
+    }
+    setPanelWidth(px) {
+        this.panelWidth.set(Math.max(200, Math.min(600, px)));
+        this.saveToStorage();
+    }
+    loadFromStorage() {
+        try {
+            const raw = localStorage.getItem(STORAGE_KEY);
+            if (!raw)
+                return;
+            const d = JSON.parse(raw);
+            if (typeof d['sidebarVisible'] === 'boolean')
+                this.sidebarVisible.set(d['sidebarVisible']);
+            if (typeof d['addonsVisible'] === 'boolean')
+                this.addonsVisible.set(d['addonsVisible']);
+            if (typeof d['toolbarVisible'] === 'boolean')
+                this.toolbarVisible.set(d['toolbarVisible']);
+            if (d['addonsOrientation'] === 'bottom' || d['addonsOrientation'] === 'right') {
+                this.addonsOrientation.set(d['addonsOrientation']);
+            }
+            if (typeof d['sidebarWidth'] === 'number')
+                this.sidebarWidth.set(Math.max(160, Math.min(600, d['sidebarWidth'])));
+            if (typeof d['panelHeight'] === 'number')
+                this.panelHeight.set(Math.max(100, Math.min(600, d['panelHeight'])));
+            if (typeof d['panelWidth'] === 'number')
+                this.panelWidth.set(Math.max(200, Math.min(600, d['panelWidth'])));
+        }
+        catch { }
+    }
+    saveToStorage() {
+        const data = {
+            sidebarVisible: this.sidebarVisible(),
+            addonsVisible: this.addonsVisible(),
+            toolbarVisible: this.toolbarVisible(),
+            addonsOrientation: this.addonsOrientation(),
+            sidebarWidth: this.sidebarWidth(),
+            panelHeight: this.panelHeight(),
+            panelWidth: this.panelWidth(),
+        };
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
+    }
+    static ɵfac = function PrismLayoutService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismLayoutService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PrismLayoutService, factory: PrismLayoutService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismLayoutService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], () => [], null); })();

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

@@ -0,0 +1,15 @@
+import type { RuntimeComponent, RuntimeManifest } from '../../plugin/plugin.types.js';
+import type { StyleguidePage } from '../../plugin/page.types.js';
+import * as i0 from "@angular/core";
+export declare class PrismManifestService {
+    private readonly _manifest;
+    readonly manifest: import("@angular/core").Signal<RuntimeManifest>;
+    readonly components: import("@angular/core").Signal<RuntimeComponent[]>;
+    readonly pages: import("@angular/core").Signal<StyleguidePage[]>;
+    readonly categories: import("@angular/core").Signal<string[]>;
+    readonly groupedByCategory: import("@angular/core").Signal<Map<string, RuntimeComponent[]>>;
+    updateManifest(manifest: RuntimeManifest): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismManifestService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrismManifestService>;
+}
+//# sourceMappingURL=prism-manifest.service.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism-manifest.service.d.ts","sourceRoot":"","sources":["../../../src/app/services/prism-manifest.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;;AAGjE,qBACa,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAmD;IAE7E,QAAQ,CAAC,QAAQ,kDAA+B;IAEhD,QAAQ,CAAC,UAAU,qDAAmE;IAEtF,QAAQ,CAAC,KAAK,mDAAkE;IAEhF,QAAQ,CAAC,UAAU,2CAsBhB;IAEH,QAAQ,CAAC,iBAAiB,kEAUvB;IAEH,cAAc,CAAC,QAAQ,EAAE,eAAe,GAAG,IAAI;yCA7CpC,oBAAoB;6CAApB,oBAAoB;CAgDhC"}

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

@@ -0,0 +1,53 @@
+import { computed, inject, Injectable, signal } from '@angular/core';
+import { PRISM_MANIFEST } from '../tokens/prism-tokens.js';
+import * as i0 from "@angular/core";
+export class PrismManifestService {
+    _manifest = signal(inject(PRISM_MANIFEST), ...(ngDevMode ? [{ debugName: "_manifest" }] : []));
+    manifest = this._manifest.asReadonly();
+    components = computed(() => this._manifest().components, ...(ngDevMode ? [{ debugName: "components" }] : []));
+    pages = computed(() => this._manifest().pages ?? [], ...(ngDevMode ? [{ debugName: "pages" }] : []));
+    categories = computed(() => {
+        const manifest = this._manifest();
+        const orderMap = new Map();
+        for (const comp of manifest.components) {
+            const cat = comp.meta.showcaseConfig.category ?? 'Uncategorized';
+            const order = comp.meta.showcaseConfig.categoryOrder ?? Infinity;
+            if (!orderMap.has(cat) || order < orderMap.get(cat)) {
+                orderMap.set(cat, order);
+            }
+        }
+        for (const page of (manifest.pages ?? [])) {
+            const cat = page.category ?? 'Uncategorized';
+            if (!orderMap.has(cat)) {
+                orderMap.set(cat, Infinity);
+            }
+        }
+        return [...orderMap.keys()].sort((a, b) => {
+            const orderA = orderMap.get(a);
+            const orderB = orderMap.get(b);
+            if (orderA !== orderB)
+                return orderA - orderB;
+            return a.localeCompare(b);
+        });
+    }, ...(ngDevMode ? [{ debugName: "categories" }] : []));
+    groupedByCategory = computed(() => {
+        const manifest = this._manifest();
+        const map = new Map();
+        for (const comp of manifest.components) {
+            const cat = comp.meta.showcaseConfig.category ?? 'Uncategorized';
+            const list = map.get(cat) ?? [];
+            list.push(comp);
+            map.set(cat, list);
+        }
+        return map;
+    }, ...(ngDevMode ? [{ debugName: "groupedByCategory" }] : []));
+    updateManifest(manifest) {
+        this._manifest.set(manifest);
+    }
+    static ɵfac = function PrismManifestService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismManifestService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PrismManifestService, factory: PrismManifestService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismManifestService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();

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

@@ -0,0 +1,18 @@
+import type { RuntimeComponent } from '../../plugin/plugin.types.js';
+import type { StyleguidePage } from '../../plugin/page.types.js';
+import type { NavigationItem } from './navigation-item.types.js';
+import * as i0 from "@angular/core";
+export declare class PrismNavigationService {
+    private readonly searchService;
+    private readonly manifestService;
+    readonly activeItem: import("@angular/core").WritableSignal<NavigationItem | null>;
+    readonly activeComponent: import("@angular/core").Signal<RuntimeComponent | null>;
+    readonly activePage: import("@angular/core").Signal<StyleguidePage | null>;
+    readonly categoryTree: import("@angular/core").Signal<Map<string, NavigationItem[]>>;
+    select(comp: RuntimeComponent): void;
+    selectPage(page: StyleguidePage): void;
+    selectFirst(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismNavigationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrismNavigationService>;
+}
+//# sourceMappingURL=prism-navigation.service.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism-navigation.service.d.ts","sourceRoot":"","sources":["../../../src/app/services/prism-navigation.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;;AAIjE,qBACa,sBAAsB;IACjC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAEhE,QAAQ,CAAC,UAAU,gEAAuC;IAE1D,QAAQ,CAAC,eAAe,0DAMrB;IAEH,QAAQ,CAAC,UAAU,wDAMhB;IAEH,QAAQ,CAAC,YAAY,gEAkDlB;IAEH,MAAM,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAIpC,UAAU,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAItC,WAAW,IAAI,IAAI;yCAlFR,sBAAsB;6CAAtB,sBAAsB;CA+FlC"}

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

@@ -0,0 +1,94 @@
+import { computed, inject, Injectable, signal } from '@angular/core';
+import { PrismManifestService } from './prism-manifest.service.js';
+import { PrismSearchService } from './prism-search.service.js';
+import * as i0 from "@angular/core";
+export class PrismNavigationService {
+    searchService = inject(PrismSearchService);
+    manifestService = inject(PrismManifestService);
+    activeItem = signal(null, ...(ngDevMode ? [{ debugName: "activeItem" }] : []));
+    activeComponent = computed(() => {
+        const item = this.activeItem();
+        if (item?.kind !== 'component')
+            return null;
+        const manifest = this.manifestService.manifest();
+        const relinked = manifest.components.find((c) => c.meta.className === item.data.meta.className);
+        return relinked ?? null;
+    }, ...(ngDevMode ? [{ debugName: "activeComponent" }] : []));
+    activePage = computed(() => {
+        const item = this.activeItem();
+        if (item?.kind !== 'page')
+            return null;
+        const manifest = this.manifestService.manifest();
+        const relinked = manifest.pages?.find((p) => p.title === item.data.title && p.type === item.data.type);
+        return relinked ?? null;
+    }, ...(ngDevMode ? [{ debugName: "activePage" }] : []));
+    categoryTree = computed(() => {
+        const map = new Map();
+        for (const comp of this.searchService.filteredComponents()) {
+            const cat = comp.meta.showcaseConfig.category ?? 'Uncategorized';
+            const list = map.get(cat) ?? [];
+            list.push({ kind: 'component', data: comp });
+            map.set(cat, list);
+        }
+        for (const page of this.searchService.filteredPages()) {
+            const cat = page.category ?? 'Uncategorized';
+            const list = map.get(cat) ?? [];
+            list.push({ kind: 'page', data: page });
+            map.set(cat, list);
+        }
+        for (const items of map.values()) {
+            items.sort((a, b) => {
+                const orderA = a.kind === 'component'
+                    ? (a.data.meta.showcaseConfig.componentOrder ?? Infinity)
+                    : (a.data.order ?? Infinity);
+                const orderB = b.kind === 'component'
+                    ? (b.data.meta.showcaseConfig.componentOrder ?? Infinity)
+                    : (b.data.order ?? Infinity);
+                if (orderA !== orderB)
+                    return orderA - orderB;
+                const labelA = a.kind === 'component' ? a.data.meta.showcaseConfig.title : a.data.title;
+                const labelB = b.kind === 'component' ? b.data.meta.showcaseConfig.title : b.data.title;
+                return labelA.localeCompare(labelB);
+            });
+        }
+        const sorted = [...map.entries()].sort(([catA, itemsA], [catB, itemsB]) => {
+            const catOrders = itemsA.map((i) => i.kind === 'component'
+                ? (i.data.meta.showcaseConfig.categoryOrder ?? Infinity)
+                : (i.data.categoryOrder ?? Infinity));
+            const orderA = Math.min(...catOrders);
+            const catOrdersB = itemsB.map((i) => i.kind === 'component'
+                ? (i.data.meta.showcaseConfig.categoryOrder ?? Infinity)
+                : (i.data.categoryOrder ?? Infinity));
+            const orderB = Math.min(...catOrdersB);
+            if (orderA !== orderB)
+                return orderA - orderB;
+            return catA.localeCompare(catB);
+        });
+        return new Map(sorted);
+    }, ...(ngDevMode ? [{ debugName: "categoryTree" }] : []));
+    select(comp) {
+        this.activeItem.set({ kind: 'component', data: comp });
+    }
+    selectPage(page) {
+        this.activeItem.set({ kind: 'page', data: page });
+    }
+    selectFirst() {
+        const comps = this.searchService.filteredComponents();
+        if (comps.length > 0) {
+            this.activeItem.set({ kind: 'component', data: comps[0] });
+            return;
+        }
+        const pages = this.searchService.filteredPages();
+        if (pages.length > 0) {
+            this.activeItem.set({ kind: 'page', data: pages[0] });
+            return;
+        }
+        this.activeItem.set(null);
+    }
+    static ɵfac = function PrismNavigationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismNavigationService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PrismNavigationService, factory: PrismNavigationService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismNavigationService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class PrismPanelService {
+    readonly activePanelId: import("@angular/core").WritableSignal<string>;
+    readonly activeViewId: import("@angular/core").WritableSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismPanelService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrismPanelService>;
+}
+//# sourceMappingURL=prism-panel.service.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism-panel.service.d.ts","sourceRoot":"","sources":["../../../src/app/services/prism-panel.service.ts"],"names":[],"mappings":";AAEA,qBACa,iBAAiB;IAC5B,QAAQ,CAAC,aAAa,iDAA8B;IACpD,QAAQ,CAAC,YAAY,iDAA8B;yCAFxC,iBAAiB;6CAAjB,iBAAiB;CAG7B"}

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

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

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

@@ -0,0 +1,12 @@
+import type { ControlDefinition, PanelDefinition } from '../../plugin/plugin.types.js';
+import * as i0 from "@angular/core";
+export declare class PrismPluginService {
+    private readonly config;
+    readonly panels: import("@angular/core").Signal<PanelDefinition[]>;
+    readonly addonPanels: import("@angular/core").Signal<PanelDefinition[]>;
+    readonly viewPanels: import("@angular/core").Signal<PanelDefinition[]>;
+    readonly controls: import("@angular/core").Signal<ControlDefinition[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismPluginService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrismPluginService>;
+}
+//# sourceMappingURL=prism-plugin.service.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism-plugin.service.d.ts","sourceRoot":"","sources":["../../../src/app/services/prism-plugin.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;;AAGvF,qBACa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAwB;IAE/C,QAAQ,CAAC,MAAM,oDAQZ;IAEH,QAAQ,CAAC,WAAW,oDAElB;IAEF,QAAQ,CAAC,UAAU,oDAEjB;IAEF,QAAQ,CAAC,QAAQ,sDAQd;yCA7BQ,kBAAkB;6CAAlB,kBAAkB;CA8B9B"}

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

@@ -0,0 +1,32 @@
+import { computed, inject, Injectable } from '@angular/core';
+import { PRISM_CONFIG } from '../tokens/prism-tokens.js';
+import * as i0 from "@angular/core";
+export class PrismPluginService {
+    config = inject(PRISM_CONFIG);
+    panels = computed(() => {
+        const result = [];
+        for (const plugin of this.config.plugins ?? []) {
+            if (plugin.panels) {
+                result.push(...plugin.panels);
+            }
+        }
+        return result;
+    }, ...(ngDevMode ? [{ debugName: "panels" }] : []));
+    addonPanels = computed(() => this.panels().filter((p) => p.placement !== 'view'), ...(ngDevMode ? [{ debugName: "addonPanels" }] : []));
+    viewPanels = computed(() => this.panels().filter((p) => p.placement === 'view'), ...(ngDevMode ? [{ debugName: "viewPanels" }] : []));
+    controls = computed(() => {
+        const result = [];
+        for (const plugin of this.config.plugins ?? []) {
+            if (plugin.controls) {
+                result.push(...plugin.controls);
+            }
+        }
+        return result;
+    }, ...(ngDevMode ? [{ debugName: "controls" }] : []));
+    static ɵfac = function PrismPluginService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismPluginService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PrismPluginService, factory: PrismPluginService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismPluginService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();

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

@@ -0,0 +1,18 @@
+import type { RuntimeComponent } from '../../plugin/plugin.types.js';
+import * as i0 from "@angular/core";
+export declare class PrismRendererService {
+    private readonly navigationService;
+    readonly activeVariantIndex: import("@angular/core").WritableSignal<number>;
+    readonly inputValues: import("@angular/core").WritableSignal<Record<string, unknown>>;
+    readonly activeContent: import("@angular/core").WritableSignal<string | Record<string, string> | undefined>;
+    readonly renderedElement: import("@angular/core").WritableSignal<Element | null>;
+    private _lastClassName;
+    resetForComponent(comp: RuntimeComponent): void;
+    reconcileForComponent(comp: RuntimeComponent): void;
+    selectVariant(index: number): void;
+    updateInput(name: string, value: unknown): void;
+    private applyVariant;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismRendererService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrismRendererService>;
+}
+//# sourceMappingURL=prism-renderer.service.d.ts.map

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

@@ -0,0 +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;CA6FhC"}

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

@@ -0,0 +1,84 @@
+import { inject, Injectable, signal } from '@angular/core';
+import { PrismNavigationService } from './prism-navigation.service.js';
+import * as i0 from "@angular/core";
+export class PrismRendererService {
+    navigationService = inject(PrismNavigationService);
+    activeVariantIndex = signal(0, ...(ngDevMode ? [{ debugName: "activeVariantIndex" }] : []));
+    inputValues = signal({}, ...(ngDevMode ? [{ debugName: "inputValues" }] : []));
+    activeContent = signal(undefined, ...(ngDevMode ? [{ debugName: "activeContent" }] : []));
+    renderedElement = signal(null, ...(ngDevMode ? [{ debugName: "renderedElement" }] : []));
+    _lastClassName = null;
+    resetForComponent(comp) {
+        this._lastClassName = comp.meta.className;
+        this.activeVariantIndex.set(0);
+        this.applyVariant(0, comp);
+    }
+    reconcileForComponent(comp) {
+        const prev = this._lastClassName;
+        this._lastClassName = comp.meta.className;
+        if (prev !== comp.meta.className) {
+            this.activeVariantIndex.set(0);
+            this.applyVariant(0, comp);
+            return;
+        }
+        const variants = comp.meta.showcaseConfig.variants ?? [];
+        const maxIndex = Math.max(0, variants.length - 1);
+        const preservedIndex = Math.min(this.activeVariantIndex(), maxIndex);
+        this.activeVariantIndex.set(preservedIndex);
+        const validKeys = new Set(comp.meta.inputs.map((i) => i.name));
+        const currentValues = this.inputValues();
+        const preserved = {};
+        for (const [key, value] of Object.entries(currentValues)) {
+            if (validKeys.has(key) || key === '__prismContent__') {
+                preserved[key] = value;
+            }
+        }
+        const variant = variants[preservedIndex];
+        const variantInputs = variant?.inputs ?? {};
+        const merged = { ...variantInputs, ...preserved };
+        if (comp.meta.componentMeta.isDirective && variant?.content && preserved['__prismContent__'] === undefined) {
+            merged['__prismContent__'] = typeof variant.content === 'string' ? variant.content : '';
+        }
+        this.inputValues.set(merged);
+        this.activeContent.set(comp.meta.componentMeta.isDirective ? undefined : variant?.content);
+    }
+    selectVariant(index) {
+        this.activeVariantIndex.set(index);
+        const comp = this.navigationService.activeComponent();
+        if (comp)
+            this.applyVariant(index, comp);
+    }
+    updateInput(name, value) {
+        this.inputValues.update((prev) => ({ ...prev, [name]: value }));
+    }
+    applyVariant(index, comp) {
+        const defaults = {};
+        for (const input of comp.meta.inputs) {
+            if (input.defaultValue !== undefined) {
+                defaults[input.name] = input.defaultValue;
+            }
+        }
+        const requiredInputNames = new Set(comp.meta.inputs.filter((i) => i.required).map((i) => i.name));
+        const reset = {};
+        for (const v of comp.meta.showcaseConfig.variants ?? []) {
+            for (const key of Object.keys(v.inputs ?? {})) {
+                if (!requiredInputNames.has(key) && !(key in reset)) {
+                    reset[key] = undefined;
+                }
+            }
+        }
+        const variant = comp.meta.showcaseConfig.variants?.[index];
+        const values = { ...reset, ...defaults, ...(variant?.inputs ?? {}) };
+        if (comp.meta.componentMeta.isDirective && variant?.content) {
+            values['__prismContent__'] = typeof variant.content === 'string' ? variant.content : '';
+        }
+        this.inputValues.set(values);
+        this.activeContent.set(comp.meta.componentMeta.isDirective ? undefined : variant?.content);
+    }
+    static ɵfac = function PrismRendererService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismRendererService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PrismRendererService, factory: PrismRendererService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismRendererService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();

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

@@ -0,0 +1,13 @@
+import type { StyleguidePage } from '../../plugin/page.types.js';
+import * as i0 from "@angular/core";
+export declare class PrismSearchService {
+    private readonly manifestService;
+    readonly query: import("@angular/core").WritableSignal<string>;
+    readonly filteredComponents: import("@angular/core").Signal<import("../../index.js").RuntimeComponent[]>;
+    readonly filteredPages: import("@angular/core").Signal<StyleguidePage[]>;
+    search(q: string): void;
+    clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismSearchService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrismSearchService>;
+}
+//# sourceMappingURL=prism-search.service.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism-search.service.d.ts","sourceRoot":"","sources":["../../../src/app/services/prism-search.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;;AAGjE,qBACa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAEhE,QAAQ,CAAC,KAAK,iDAAc;IAE5B,QAAQ,CAAC,kBAAkB,8EAYxB;IAEH,QAAQ,CAAC,aAAa,mDAQnB;IAEH,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAIvB,KAAK,IAAI,IAAI;yCAjCF,kBAAkB;6CAAlB,kBAAkB;CAoC9B"}

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

@@ -0,0 +1,39 @@
+import { computed, inject, Injectable, signal } from '@angular/core';
+import { PrismManifestService } from './prism-manifest.service.js';
+import * as i0 from "@angular/core";
+export class PrismSearchService {
+    manifestService = inject(PrismManifestService);
+    query = signal('', ...(ngDevMode ? [{ debugName: "query" }] : []));
+    filteredComponents = computed(() => {
+        const q = this.query().toLowerCase().trim();
+        const all = this.manifestService.components();
+        if (!q)
+            return all;
+        return all.filter((comp) => {
+            const config = comp.meta.showcaseConfig;
+            return (config.title.toLowerCase().includes(q) ||
+                (config.category?.toLowerCase().includes(q) ?? false) ||
+                (config.tags?.some((t) => t.toLowerCase().includes(q)) ?? false));
+        });
+    }, ...(ngDevMode ? [{ debugName: "filteredComponents" }] : []));
+    filteredPages = computed(() => {
+        const q = this.query().toLowerCase().trim();
+        const all = this.manifestService.pages();
+        if (!q)
+            return all;
+        return all.filter((page) => page.title.toLowerCase().includes(q) ||
+            (page.category?.toLowerCase().includes(q) ?? false));
+    }, ...(ngDevMode ? [{ debugName: "filteredPages" }] : []));
+    search(q) {
+        this.query.set(q);
+    }
+    clear() {
+        this.query.set('');
+    }
+    static ɵfac = function PrismSearchService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismSearchService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PrismSearchService, factory: PrismSearchService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismSearchService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class PrismThemeService {
+    readonly isDark: import("@angular/core").WritableSignal<boolean>;
+    constructor();
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrismThemeService>;
+}
+//# sourceMappingURL=prism-theme.service.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism-theme.service.d.ts","sourceRoot":"","sources":["../../../src/app/services/prism-theme.service.ts"],"names":[],"mappings":";AAIA,qBACa,iBAAiB;IAC5B,QAAQ,CAAC,MAAM,kDAAgB;;IAQ/B,MAAM,IAAI,IAAI;yCATH,iBAAiB;6CAAjB,iBAAiB;CAa7B"}

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

@@ -0,0 +1,23 @@
+import { Injectable, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+const STORAGE_KEY = 'ng-prism-theme';
+export class PrismThemeService {
+    isDark = signal(true, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
+    constructor() {
+        const stored = localStorage.getItem(STORAGE_KEY);
+        if (stored === 'light')
+            this.isDark.set(false);
+        else if (stored === 'dark')
+            this.isDark.set(true);
+    }
+    toggle() {
+        this.isDark.update((v) => !v);
+        localStorage.setItem(STORAGE_KEY, this.isDark() ? 'dark' : 'light');
+    }
+    static ɵfac = function PrismThemeService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismThemeService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PrismThemeService, factory: PrismThemeService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismThemeService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], () => [], null); })();

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

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export declare class PrismUrlStateService {
+    private readonly manifestService;
+    private readonly navigationService;
+    private readonly rendererService;
+    private readonly panelService;
+    private readonly config;
+    private readonly injector;
+    private suppressSync;
+    init(): void;
+    private restoreFromUrl;
+    private writeToUrl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismUrlStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PrismUrlStateService>;
+}
+//# sourceMappingURL=prism-url-state.service.d.ts.map

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

@@ -0,0 +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"}