@ng-prism/core 21.0.0

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

@@ -0,0 +1,108 @@
+import { effect, inject, Injectable, Injector } from '@angular/core';
+import { PRISM_CONFIG } from '../tokens/prism-tokens.js';
+import { PrismManifestService } from './prism-manifest.service.js';
+import { PrismNavigationService } from './prism-navigation.service.js';
+import { PrismPanelService } from './prism-panel.service.js';
+import { PrismRendererService } from './prism-renderer.service.js';
+import * as i0 from "@angular/core";
+const PARAM_COMPONENT = 'component';
+const PARAM_PAGE = 'page';
+const PARAM_VARIANT = 'variant';
+const PARAM_VIEW = 'view';
+const DEFAULT_VIEW = 'renderer';
+export class PrismUrlStateService {
+    manifestService = inject(PrismManifestService);
+    navigationService = inject(PrismNavigationService);
+    rendererService = inject(PrismRendererService);
+    panelService = inject(PrismPanelService);
+    config = inject(PRISM_CONFIG);
+    injector = inject(Injector);
+    suppressSync = false;
+    init() {
+        if (this.config.urlState === false)
+            return;
+        this.restoreFromUrl();
+        effect(() => {
+            const item = this.navigationService.activeItem();
+            const variantIndex = this.rendererService.activeVariantIndex();
+            const viewId = this.panelService.activeViewId();
+            if (this.suppressSync)
+                return;
+            this.writeToUrl(item, variantIndex, viewId);
+        }, { injector: this.injector });
+        window.addEventListener('popstate', () => this.restoreFromUrl());
+    }
+    restoreFromUrl() {
+        const params = new URLSearchParams(window.location.search);
+        const componentClassName = params.get(PARAM_COMPONENT);
+        const pageTitle = params.get(PARAM_PAGE);
+        const variantParam = params.get(PARAM_VARIANT);
+        const viewId = params.get(PARAM_VIEW);
+        this.suppressSync = true;
+        try {
+            if (componentClassName) {
+                const comp = this.manifestService.components()
+                    .find((c) => c.meta.className === componentClassName);
+                if (comp) {
+                    this.navigationService.select(comp);
+                    if (variantParam !== null) {
+                        const index = parseInt(variantParam, 10);
+                        const maxIndex = (comp.meta.showcaseConfig.variants?.length ?? 1) - 1;
+                        if (!Number.isNaN(index) && index >= 0 && index <= maxIndex) {
+                            this.rendererService.activeVariantIndex.set(index);
+                        }
+                    }
+                }
+            }
+            else if (pageTitle) {
+                const page = this.manifestService.pages()
+                    .find((p) => p.title === pageTitle);
+                if (page) {
+                    this.navigationService.selectPage(page);
+                }
+            }
+            if (viewId) {
+                this.panelService.activeViewId.set(viewId);
+            }
+        }
+        finally {
+            this.suppressSync = false;
+        }
+    }
+    writeToUrl(item, variantIndex, viewId) {
+        const params = new URLSearchParams();
+        if (item?.kind === 'component') {
+            params.set(PARAM_COMPONENT, item.data.meta.className);
+            if (variantIndex > 0) {
+                params.set(PARAM_VARIANT, String(variantIndex));
+            }
+        }
+        else if (item?.kind === 'page') {
+            params.set(PARAM_PAGE, item.data.title);
+        }
+        if (viewId && viewId !== DEFAULT_VIEW) {
+            params.set(PARAM_VIEW, viewId);
+        }
+        const queryString = params.toString();
+        const newUrl = queryString
+            ? `${window.location.pathname}?${queryString}`
+            : window.location.pathname;
+        if (newUrl === window.location.pathname + window.location.search)
+            return;
+        const currentParams = new URLSearchParams(window.location.search);
+        const prevNavKey = currentParams.get(PARAM_COMPONENT) ?? currentParams.get(PARAM_PAGE);
+        const newNavKey = params.get(PARAM_COMPONENT) ?? params.get(PARAM_PAGE);
+        if (prevNavKey !== newNavKey) {
+            window.history.pushState(null, '', newUrl);
+        }
+        else {
+            window.history.replaceState(null, '', newUrl);
+        }
+    }
+    static ɵfac = function PrismUrlStateService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismUrlStateService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PrismUrlStateService, factory: PrismUrlStateService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismUrlStateService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();

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

@@ -0,0 +1,22 @@
+import { PrismLayoutService } from '../services/prism-layout.service.js';
+import { PrismNavigationService } from '../services/prism-navigation.service.js';
+import { PrismPanelService } from '../services/prism-panel.service.js';
+import * as i0 from "@angular/core";
+export declare class PrismShellComponent {
+    private readonly config;
+    protected readonly navigationService: PrismNavigationService;
+    private readonly themeService;
+    protected readonly layout: PrismLayoutService;
+    protected readonly panelService: PrismPanelService;
+    private readonly pluginService;
+    private readonly urlStateService;
+    protected readonly viewPanels: import("@angular/core").Signal<import("../../plugin/plugin.types.js").PanelDefinition[]>;
+    protected readonly shellStyle: import("@angular/core").Signal<string>;
+    constructor();
+    protected onKeyDown(e: KeyboardEvent): void;
+    protected startSidebarResize(e: MouseEvent): void;
+    protected startPanelResize(e: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismShellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PrismShellComponent, "prism-shell", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=prism-shell.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism-shell.component.d.ts","sourceRoot":"","sources":["../../../src/app/shell/prism-shell.component.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAavE,qBA+Ka,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,UAAU,yCAQ1B;;IA6BH,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAU3C,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAajD,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;yCA1EpC,mBAAmB;2CAAnB,mBAAmB;CAmG/B"}

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

@@ -0,0 +1,283 @@
+import { Component, computed, effect, inject, untracked, HostListener } from '@angular/core';
+import { PRISM_CONFIG } from '../tokens/prism-tokens.js';
+import { PRISM_DARK_THEME, PRISM_LIGHT_THEME } from '../theme/prism-default-theme.js';
+import { PrismThemeService } from '../services/prism-theme.service.js';
+import { PrismLayoutService } from '../services/prism-layout.service.js';
+import { PrismNavigationService } from '../services/prism-navigation.service.js';
+import { PrismPanelService } from '../services/prism-panel.service.js';
+import { PrismPluginService } from '../services/prism-plugin.service.js';
+import { PrismComponentHeaderComponent } from '../component-header/prism-component-header.component.js';
+import { PrismHeaderComponent } from '../header/prism-header.component.js';
+import { PrismPanelHostComponent } from '../panels/panel-host/prism-panel-host.component.js';
+import { PrismRendererComponent } from '../renderer/prism-renderer.component.js';
+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 { PrismViewTabBarComponent } from '../view-tab-bar/prism-view-tab-bar.component.js';
+import { PrismViewPanelHostComponent } from '../view-tab-bar/prism-view-panel-host.component.js';
+import * as i0 from "@angular/core";
+function PrismShellComponent_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-view-tab-bar", 7);
+} }
+function PrismShellComponent_Conditional_6_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-component-header", 8);
+} }
+function PrismShellComponent_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PrismShellComponent_Conditional_6_Conditional_1_Conditional_0_Template, 1, 0, "prism-component-header", 8);
+    i0.ɵɵelement(1, "prism-renderer", 5);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r0.layout.toolbarVisible() ? 0 : -1);
+} }
+function PrismShellComponent_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-view-panel-host", 5);
+} }
+function PrismShellComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PrismShellComponent_Conditional_6_Conditional_0_Template, 1, 0, "prism-view-tab-bar", 7);
+    i0.ɵɵconditionalCreate(1, PrismShellComponent_Conditional_6_Conditional_1_Template, 2, 1)(2, PrismShellComponent_Conditional_6_Conditional_2_Template, 1, 0, "prism-view-panel-host", 5);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.viewPanels().length > 0 ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.panelService.activeViewId() === "renderer" ? 1 : 2);
+} }
+function PrismShellComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-page-renderer", 5);
+} }
+function PrismShellComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 9);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(2, "svg", 10);
+    i0.ɵɵelement(3, "path", 11)(4, "path", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(5, "p", 13);
+    i0.ɵɵtext(6, "Select a component");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "p", 14);
+    i0.ɵɵtext(8, "from the sidebar to preview it here");
+    i0.ɵɵelementEnd()()();
+} }
+function PrismShellComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵlistener("mousedown", function PrismShellComponent_Conditional_9_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.startPanelResize($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 16);
+    i0.ɵɵelement(2, "prism-panel-host");
+    i0.ɵɵelementEnd();
+} }
+export class PrismShellComponent {
+    config = inject(PRISM_CONFIG);
+    navigationService = inject(PrismNavigationService);
+    themeService = inject(PrismThemeService);
+    layout = inject(PrismLayoutService);
+    panelService = inject(PrismPanelService);
+    pluginService = inject(PrismPluginService);
+    urlStateService = inject(PrismUrlStateService);
+    viewPanels = computed(() => [
+        ...BUILTIN_PANELS.filter((p) => p.placement === 'view'),
+        ...this.pluginService.viewPanels(),
+    ], ...(ngDevMode ? [{ debugName: "viewPanels" }] : []));
+    shellStyle = computed(() => {
+        const base = this.themeService.isDark() ? PRISM_DARK_THEME : PRISM_LIGHT_THEME;
+        const merged = { ...base, ...(this.config.theme ?? {}) };
+        const tokens = Object.entries(merged).map(([k, v]) => `${k}: ${v}`).join('; ');
+        const sw = this.layout.sidebarVisible() ? this.layout.sidebarWidth() : 0;
+        const ph = this.layout.addonsOrientation() === 'bottom' ? this.layout.panelHeight() : 0;
+        const pw = this.layout.addonsOrientation() === 'right' ? this.layout.panelWidth() : 0;
+        return `${tokens}; --sw: ${sw}px; --ph: ${ph}px; --pw: ${pw}px;`;
+    }, ...(ngDevMode ? [{ debugName: "shellStyle" }] : []));
+    constructor() {
+        this.navigationService.selectFirst();
+        this.urlStateService.init();
+        let lastItemKey = null;
+        effect(() => {
+            const item = this.navigationService.activeItem();
+            const key = item
+                ? (item.kind === 'component' ? item.data.meta.className : item.data.title)
+                : null;
+            if (lastItemKey !== null && lastItemKey !== key) {
+                untracked(() => this.panelService.activeViewId.set('renderer'));
+            }
+            lastItemKey = key;
+        });
+        effect(() => {
+            const item = this.navigationService.activeItem();
+            const activeComp = this.navigationService.activeComponent();
+            const activePage = this.navigationService.activePage();
+            if (item !== null && activeComp === null && activePage === null) {
+                untracked(() => this.navigationService.selectFirst());
+            }
+        });
+    }
+    onKeyDown(e) {
+        if (!e.altKey)
+            return;
+        switch (e.key.toLowerCase()) {
+            case 's':
+                e.preventDefault();
+                this.layout.toggleSidebar();
+                break;
+            case 't':
+                e.preventDefault();
+                this.layout.toggleToolbar();
+                break;
+            case 'a':
+                e.preventDefault();
+                this.layout.toggleAddons();
+                break;
+            case 'd':
+                e.preventDefault();
+                this.layout.toggleOrientation();
+                break;
+        }
+    }
+    startSidebarResize(e) {
+        e.preventDefault();
+        const startX = e.clientX;
+        const startW = this.layout.sidebarWidth();
+        const onMove = (ev) => this.layout.setSidebarWidth(startW + ev.clientX - startX);
+        const onUp = () => {
+            document.removeEventListener('mousemove', onMove);
+            document.removeEventListener('mouseup', onUp);
+        };
+        document.addEventListener('mousemove', onMove);
+        document.addEventListener('mouseup', onUp);
+    }
+    startPanelResize(e) {
+        e.preventDefault();
+        const isRight = this.layout.addonsOrientation() === 'right';
+        if (isRight) {
+            const startX = e.clientX;
+            const startW = this.layout.panelWidth();
+            const onMove = (ev) => this.layout.setPanelWidth(startW - (ev.clientX - startX));
+            const onUp = () => {
+                document.removeEventListener('mousemove', onMove);
+                document.removeEventListener('mouseup', onUp);
+            };
+            document.addEventListener('mousemove', onMove);
+            document.addEventListener('mouseup', onUp);
+        }
+        else {
+            const startY = e.clientY;
+            const startH = this.layout.panelHeight();
+            const onMove = (ev) => this.layout.setPanelHeight(startH - (ev.clientY - startY));
+            const onUp = () => {
+                document.removeEventListener('mousemove', onMove);
+                document.removeEventListener('mouseup', onUp);
+            };
+            document.addEventListener('mousemove', onMove);
+            document.addEventListener('mouseup', onUp);
+        }
+    }
+    static ɵfac = function PrismShellComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismShellComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismShellComponent, selectors: [["prism-shell"]], hostBindings: function PrismShellComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown", function PrismShellComponent_keydown_HostBindingHandler($event) { return ctx.onKeyDown($event); }, i0.ɵɵresolveDocument);
+        } }, decls: 10, vars: 8, consts: [[1, "prism-shell"], [1, "prism-shell__header"], [1, "prism-shell__sidebar"], [1, "prism-shell__sidebar-handle", 3, "mousedown"], [1, "prism-shell__main"], [1, "prism-shell__canvas"], [1, "prism-shell__empty"], [1, "prism-shell__view-bar"], [1, "prism-shell__toolbar"], [1, "prism-shell__empty-inner"], ["viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "prism-shell__empty-icon"], ["d", "M12 2L4 14h16L12 2z", "stroke", "currentColor", "stroke-width", "1.5", "stroke-linejoin", "round"], ["d", "M4 14l4 8h8l4-8", "stroke", "currentColor", "stroke-width", "1.5", "stroke-linejoin", "round"], [1, "prism-shell__empty-text"], [1, "prism-shell__empty-hint"], [1, "prism-shell__panel-handle", 3, "mousedown"], [1, "prism-shell__panel"]], template: function PrismShellComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵelement(1, "prism-header", 1);
+            i0.ɵɵelementStart(2, "aside", 2);
+            i0.ɵɵelement(3, "prism-sidebar");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 3);
+            i0.ɵɵlistener("mousedown", function PrismShellComponent_Template_div_mousedown_4_listener($event) { return ctx.startSidebarResize($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "main", 4);
+            i0.ɵɵconditionalCreate(6, PrismShellComponent_Conditional_6_Template, 3, 2)(7, PrismShellComponent_Conditional_7_Template, 1, 0, "prism-page-renderer", 5)(8, PrismShellComponent_Conditional_8_Template, 9, 0, "div", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(9, PrismShellComponent_Conditional_9_Template, 3, 0);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵstyleMap(ctx.shellStyle());
+            i0.ɵɵattribute("data-sidebar", ctx.layout.sidebarVisible() ? "visible" : "hidden")("data-addons", ctx.layout.addonsVisible() && ctx.panelService.activeViewId() === "renderer" ? "visible" : "hidden")("data-orientation", ctx.layout.addonsOrientation())("data-toolbar", ctx.layout.toolbarVisible() ? "visible" : "hidden");
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.navigationService.activeComponent() ? 6 : ctx.navigationService.activePage() ? 7 : 8);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.layout.addonsVisible() && ctx.panelService.activeViewId() === "renderer" ? 9 : -1);
+        } }, dependencies: [PrismHeaderComponent,
+            PrismSidebarComponent,
+            PrismComponentHeaderComponent,
+            PrismRendererComponent,
+            PrismPanelHostComponent,
+            PrismPageRendererComponent,
+            PrismViewTabBarComponent,
+            PrismViewPanelHostComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; }\n\n    .prism-shell[_ngcontent-%COMP%] {\n      display: grid;\n      height: 100%;\n      font-family: var(--prism-font-sans);\n      color: var(--prism-text);\n      background: var(--prism-bg);\n      overflow: hidden;\n\n      grid-template-columns: var(--sw) 4px 1fr;\n      grid-template-rows: var(--prism-header-height) 1fr 4px var(--ph);\n      grid-template-areas:\n        \"header  header  header\"\n        \"sidebar shdrag  main\"\n        \"sidebar shdrag  phdrag\"\n        \"sidebar shdrag  panel\";\n    }\n\n    .prism-shell[data-sidebar=\"hidden\"][_ngcontent-%COMP%] {\n      grid-template-columns: 0 0 1fr;\n    }\n\n    .prism-shell[data-addons=\"hidden\"][_ngcontent-%COMP%] {\n      grid-template-rows: var(--prism-header-height) 1fr;\n      grid-template-areas:\n        \"header  header  header\"\n        \"sidebar shdrag  main\";\n    }\n\n    .prism-shell[data-orientation=\"right\"][data-addons=\"visible\"][_ngcontent-%COMP%] {\n      grid-template-columns: var(--sw) 4px 1fr 4px var(--pw);\n      grid-template-rows: var(--prism-header-height) 1fr;\n      grid-template-areas:\n        \"header  header  header  header  header\"\n        \"sidebar shdrag  main    phdrag  panel\";\n    }\n\n    .prism-shell__header[_ngcontent-%COMP%]  { grid-area: header; }\n    .prism-shell__sidebar[_ngcontent-%COMP%] { grid-area: sidebar; overflow: hidden; min-width: 0; background: var(--prism-bg); }\n    .prism-shell__main[_ngcontent-%COMP%]    { grid-area: main; display: flex; flex-direction: column; overflow: hidden; min-height: 0; }\n    .prism-shell__panel[_ngcontent-%COMP%]   { grid-area: panel; overflow: hidden; min-height: 0; min-width: 0; }\n\n    .prism-shell__sidebar-handle[_ngcontent-%COMP%] {\n      grid-area: shdrag;\n      cursor: col-resize;\n      background: transparent;\n      transition: background 0.15s;\n      z-index: 10;\n    }\n    .prism-shell__sidebar-handle[_ngcontent-%COMP%]:hover { background: var(--prism-border); }\n\n    .prism-shell__panel-handle[_ngcontent-%COMP%] {\n      grid-area: phdrag;\n      background: transparent;\n      transition: background 0.15s;\n      z-index: 10;\n      cursor: row-resize;\n    }\n    .prism-shell__panel-handle[_ngcontent-%COMP%]:hover { background: var(--prism-border); }\n\n    .prism-shell[data-orientation=\"right\"][_ngcontent-%COMP%]   .prism-shell__panel-handle[_ngcontent-%COMP%] {\n      cursor: col-resize;\n    }\n\n    .prism-shell__view-bar[_ngcontent-%COMP%] { flex-shrink: 0; }\n    .prism-shell__toolbar[_ngcontent-%COMP%] { flex-shrink: 0; }\n    .prism-shell__canvas[_ngcontent-%COMP%]  { flex: 1; overflow: auto; min-height: 0; }\n\n    .prism-shell__empty[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .prism-shell__empty-inner[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n      text-align: center;\n    }\n    .prism-shell__empty-icon[_ngcontent-%COMP%] {\n      width: 48px;\n      height: 48px;\n      color: var(--prism-text-ghost);\n      margin-bottom: 8px;\n    }\n    .prism-shell__empty-text[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n    }\n    .prism-shell__empty-hint[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 13px;\n      color: var(--prism-text-ghost);\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismShellComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-shell', standalone: true, imports: [
+                    PrismHeaderComponent,
+                    PrismSidebarComponent,
+                    PrismComponentHeaderComponent,
+                    PrismRendererComponent,
+                    PrismPanelHostComponent,
+                    PrismPageRendererComponent,
+                    PrismViewTabBarComponent,
+                    PrismViewPanelHostComponent,
+                ], template: `
+    <div
+      class="prism-shell"
+      [style]="shellStyle()"
+      [attr.data-sidebar]="layout.sidebarVisible() ? 'visible' : 'hidden'"
+      [attr.data-addons]="layout.addonsVisible() && panelService.activeViewId() === 'renderer' ? 'visible' : 'hidden'"
+      [attr.data-orientation]="layout.addonsOrientation()"
+      [attr.data-toolbar]="layout.toolbarVisible() ? 'visible' : 'hidden'"
+    >
+      <prism-header class="prism-shell__header" />
+
+      <aside class="prism-shell__sidebar">
+        <prism-sidebar />
+      </aside>
+      <div
+        class="prism-shell__sidebar-handle"
+        (mousedown)="startSidebarResize($event)"
+      ></div>
+
+      <main class="prism-shell__main">
+        @if (navigationService.activeComponent()) {
+          @if (viewPanels().length > 0) {
+            <prism-view-tab-bar class="prism-shell__view-bar" />
+          }
+
+          @if (panelService.activeViewId() === 'renderer') {
+            @if (layout.toolbarVisible()) {
+              <prism-component-header class="prism-shell__toolbar" />
+            }
+            <prism-renderer class="prism-shell__canvas" />
+          } @else {
+            <prism-view-panel-host class="prism-shell__canvas" />
+          }
+        } @else if (navigationService.activePage()) {
+          <prism-page-renderer class="prism-shell__canvas" />
+        } @else {
+          <div class="prism-shell__empty">
+            <div class="prism-shell__empty-inner">
+              <svg class="prism-shell__empty-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2L4 14h16L12 2z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+                <path d="M4 14l4 8h8l4-8" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+              </svg>
+              <p class="prism-shell__empty-text">Select a component</p>
+              <p class="prism-shell__empty-hint">from the sidebar to preview it here</p>
+            </div>
+          </div>
+        }
+      </main>
+
+      @if (layout.addonsVisible() && panelService.activeViewId() === 'renderer') {
+        <div
+          class="prism-shell__panel-handle"
+          (mousedown)="startPanelResize($event)"
+        ></div>
+        <div class="prism-shell__panel">
+          <prism-panel-host />
+        </div>
+      }
+    </div>
+  `, styles: ["\n    :host { display: block; height: 100%; }\n\n    .prism-shell {\n      display: grid;\n      height: 100%;\n      font-family: var(--prism-font-sans);\n      color: var(--prism-text);\n      background: var(--prism-bg);\n      overflow: hidden;\n\n      grid-template-columns: var(--sw) 4px 1fr;\n      grid-template-rows: var(--prism-header-height) 1fr 4px var(--ph);\n      grid-template-areas:\n        \"header  header  header\"\n        \"sidebar shdrag  main\"\n        \"sidebar shdrag  phdrag\"\n        \"sidebar shdrag  panel\";\n    }\n\n    .prism-shell[data-sidebar=\"hidden\"] {\n      grid-template-columns: 0 0 1fr;\n    }\n\n    .prism-shell[data-addons=\"hidden\"] {\n      grid-template-rows: var(--prism-header-height) 1fr;\n      grid-template-areas:\n        \"header  header  header\"\n        \"sidebar shdrag  main\";\n    }\n\n    .prism-shell[data-orientation=\"right\"][data-addons=\"visible\"] {\n      grid-template-columns: var(--sw) 4px 1fr 4px var(--pw);\n      grid-template-rows: var(--prism-header-height) 1fr;\n      grid-template-areas:\n        \"header  header  header  header  header\"\n        \"sidebar shdrag  main    phdrag  panel\";\n    }\n\n    .prism-shell__header  { grid-area: header; }\n    .prism-shell__sidebar { grid-area: sidebar; overflow: hidden; min-width: 0; background: var(--prism-bg); }\n    .prism-shell__main    { grid-area: main; display: flex; flex-direction: column; overflow: hidden; min-height: 0; }\n    .prism-shell__panel   { grid-area: panel; overflow: hidden; min-height: 0; min-width: 0; }\n\n    .prism-shell__sidebar-handle {\n      grid-area: shdrag;\n      cursor: col-resize;\n      background: transparent;\n      transition: background 0.15s;\n      z-index: 10;\n    }\n    .prism-shell__sidebar-handle:hover { background: var(--prism-border); }\n\n    .prism-shell__panel-handle {\n      grid-area: phdrag;\n      background: transparent;\n      transition: background 0.15s;\n      z-index: 10;\n      cursor: row-resize;\n    }\n    .prism-shell__panel-handle:hover { background: var(--prism-border); }\n\n    .prism-shell[data-orientation=\"right\"] .prism-shell__panel-handle {\n      cursor: col-resize;\n    }\n\n    .prism-shell__view-bar { flex-shrink: 0; }\n    .prism-shell__toolbar { flex-shrink: 0; }\n    .prism-shell__canvas  { flex: 1; overflow: auto; min-height: 0; }\n\n    .prism-shell__empty {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .prism-shell__empty-inner {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n      text-align: center;\n    }\n    .prism-shell__empty-icon {\n      width: 48px;\n      height: 48px;\n      color: var(--prism-text-ghost);\n      margin-bottom: 8px;\n    }\n    .prism-shell__empty-text {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n    }\n    .prism-shell__empty-hint {\n      margin: 0;\n      font-size: 13px;\n      color: var(--prism-text-ghost);\n    }\n  "] }]
+    }], () => [], { onKeyDown: [{
+            type: HostListener,
+            args: ['document:keydown', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismShellComponent, { className: "PrismShellComponent", filePath: "app/shell/prism-shell.component.ts", lineNumber: 196 }); })();

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

@@ -0,0 +1,14 @@
+import type { NavigationItem } from '../services/navigation-item.types.js';
+import { PrismNavigationService } from '../services/prism-navigation.service.js';
+import * as i0 from "@angular/core";
+export declare class PrismSidebarComponent {
+    protected readonly navigationService: PrismNavigationService;
+    protected readonly entries: import("@angular/core").Signal<[string, NavigationItem[]][]>;
+    protected itemKey(item: NavigationItem): string;
+    protected itemLabel(item: NavigationItem): string;
+    protected isActive(item: NavigationItem): boolean;
+    protected onSelect(item: NavigationItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismSidebarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PrismSidebarComponent, "prism-sidebar", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=prism-sidebar.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism-sidebar.component.d.ts","sourceRoot":"","sources":["../../../src/app/sidebar/prism-sidebar.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;;AAEjF,qBA0Fa,qBAAqB;IAChC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,yBAAkC;IAEtE,SAAS,CAAC,QAAQ,CAAC,OAAO,+DAC8B;IAExD,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM;IAM/C,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM;IAMjD,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,OAAO;IASjD,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;yCA3BnC,qBAAqB;2CAArB,qBAAqB;CAkCjC"}

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

@@ -0,0 +1,105 @@
+import { Component, computed, inject } from '@angular/core';
+import { PrismNavigationService } from '../services/prism-navigation.service.js';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item[0];
+function _forTrack1($index, $item) { return this.itemKey($item); }
+function PrismSidebarComponent_For_2_For_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 5);
+    i0.ɵɵtext(1, "\u25C8");
+    i0.ɵɵdomElementEnd();
+} }
+function PrismSidebarComponent_For_2_For_4_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "button", 4);
+    i0.ɵɵdomListener("click", function PrismSidebarComponent_For_2_For_4_Template_button_click_0_listener() { const item_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onSelect(item_r2)); });
+    i0.ɵɵconditionalCreate(1, PrismSidebarComponent_For_2_For_4_Conditional_1_Template, 2, 0, "span", 5);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const item_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("prism-sidebar__item--active", ctx_r2.isActive(item_r2))("prism-sidebar__item--page", item_r2.kind === "page");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r2.kind === "page" ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.itemLabel(item_r2), " ");
+} }
+function PrismSidebarComponent_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 1)(1, "h3", 2);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵrepeaterCreate(3, PrismSidebarComponent_For_2_For_4_Template, 3, 6, "button", 3, _forTrack1, true);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const entry_r4 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(entry_r4[0]);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(entry_r4[1]);
+} }
+export class PrismSidebarComponent {
+    navigationService = inject(PrismNavigationService);
+    entries = computed(() => [...this.navigationService.categoryTree().entries()], ...(ngDevMode ? [{ debugName: "entries" }] : []));
+    itemKey(item) {
+        return item.kind === 'component'
+            ? item.data.meta.className
+            : `page:${item.data.title}`;
+    }
+    itemLabel(item) {
+        return item.kind === 'component'
+            ? item.data.meta.showcaseConfig.title
+            : item.data.title;
+    }
+    isActive(item) {
+        const active = this.navigationService.activeItem();
+        if (!active || active.kind !== item.kind)
+            return false;
+        if (item.kind === 'component') {
+            return item.data.meta.className === active.data.meta.className;
+        }
+        return item.data.title === active.data.title;
+    }
+    onSelect(item) {
+        if (item.kind === 'component') {
+            this.navigationService.select(item.data);
+        }
+        else {
+            this.navigationService.selectPage(item.data);
+        }
+    }
+    static ɵfac = function PrismSidebarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismSidebarComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismSidebarComponent, selectors: [["prism-sidebar"]], decls: 3, vars: 0, consts: [[1, "prism-sidebar"], [1, "prism-sidebar__category"], [1, "prism-sidebar__category-title"], [1, "prism-sidebar__item", 3, "prism-sidebar__item--active", "prism-sidebar__item--page"], [1, "prism-sidebar__item", 3, "click"], [1, "prism-sidebar__page-icon"]], template: function PrismSidebarComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "nav", 0);
+            i0.ɵɵrepeaterCreate(1, PrismSidebarComponent_For_2_Template, 5, 1, "div", 1, _forTrack0);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.entries());
+        } }, styles: [".prism-sidebar[_ngcontent-%COMP%] {\n      background: var(--prism-bg);\n      border-right: 1px solid var(--prism-border);\n      overflow-y: auto;\n      overflow-x: hidden;\n      padding: 8px 0;\n      height: 100%;\n    }\n    .prism-sidebar[_ngcontent-%COMP%]::-webkit-scrollbar { width: 4px; }\n    .prism-sidebar[_ngcontent-%COMP%]::-webkit-scrollbar-track { background: transparent; }\n    .prism-sidebar[_ngcontent-%COMP%]::-webkit-scrollbar-thumb { background: var(--prism-border-strong); border-radius: 2px; }\n\n    .prism-sidebar__category[_ngcontent-%COMP%] { margin-bottom: 4px; }\n\n    .prism-sidebar__category-title[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 10px 16px 4px;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      color: var(--prism-text-ghost);\n      font-family: var(--prism-font-sans);\n    }\n\n    .prism-sidebar__item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      width: 100%;\n      padding: 6px 14px 6px 11px;\n      font-size: 13px;\n      font-family: var(--prism-font-sans);\n      border: none;\n      background: none;\n      color: var(--prism-text-muted);\n      cursor: pointer;\n      border-left: 3px solid transparent;\n      text-align: left;\n      transition: background 0.1s, color 0.1s, border-color 0.1s;\n    }\n\n    .prism-sidebar__item[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--prism-primary) 6%, transparent);\n      color: var(--prism-text-2);\n    }\n\n    .prism-sidebar__item--active[_ngcontent-%COMP%] {\n      border-left-color: var(--prism-primary);\n      background: color-mix(in srgb, var(--prism-primary) 10%, transparent);\n      color: var(--prism-text);\n      font-weight: 500;\n    }\n\n    .prism-sidebar__item--active[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--prism-primary) 12%, transparent);\n    }\n\n    .prism-sidebar__page-icon[_ngcontent-%COMP%] {\n      font-size: 10px;\n      opacity: 0.6;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismSidebarComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-sidebar', standalone: true, template: `
+    <nav class="prism-sidebar">
+      @for (entry of entries(); track entry[0]) {
+        <div class="prism-sidebar__category">
+          <h3 class="prism-sidebar__category-title">{{ entry[0] }}</h3>
+          @for (item of entry[1]; track itemKey(item)) {
+            <button
+              class="prism-sidebar__item"
+              [class.prism-sidebar__item--active]="isActive(item)"
+              [class.prism-sidebar__item--page]="item.kind === 'page'"
+              (click)="onSelect(item)"
+            >
+              @if (item.kind === 'page') {
+                <span class="prism-sidebar__page-icon">◈</span>
+              }
+              {{ itemLabel(item) }}
+            </button>
+          }
+        </div>
+      }
+    </nav>
+  `, styles: ["\n    .prism-sidebar {\n      background: var(--prism-bg);\n      border-right: 1px solid var(--prism-border);\n      overflow-y: auto;\n      overflow-x: hidden;\n      padding: 8px 0;\n      height: 100%;\n    }\n    .prism-sidebar::-webkit-scrollbar { width: 4px; }\n    .prism-sidebar::-webkit-scrollbar-track { background: transparent; }\n    .prism-sidebar::-webkit-scrollbar-thumb { background: var(--prism-border-strong); border-radius: 2px; }\n\n    .prism-sidebar__category { margin-bottom: 4px; }\n\n    .prism-sidebar__category-title {\n      margin: 0;\n      padding: 10px 16px 4px;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      color: var(--prism-text-ghost);\n      font-family: var(--prism-font-sans);\n    }\n\n    .prism-sidebar__item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      width: 100%;\n      padding: 6px 14px 6px 11px;\n      font-size: 13px;\n      font-family: var(--prism-font-sans);\n      border: none;\n      background: none;\n      color: var(--prism-text-muted);\n      cursor: pointer;\n      border-left: 3px solid transparent;\n      text-align: left;\n      transition: background 0.1s, color 0.1s, border-color 0.1s;\n    }\n\n    .prism-sidebar__item:hover {\n      background: color-mix(in srgb, var(--prism-primary) 6%, transparent);\n      color: var(--prism-text-2);\n    }\n\n    .prism-sidebar__item--active {\n      border-left-color: var(--prism-primary);\n      background: color-mix(in srgb, var(--prism-primary) 10%, transparent);\n      color: var(--prism-text);\n      font-weight: 500;\n    }\n\n    .prism-sidebar__item--active:hover {\n      background: color-mix(in srgb, var(--prism-primary) 12%, transparent);\n    }\n\n    .prism-sidebar__page-icon {\n      font-size: 10px;\n      opacity: 0.6;\n    }\n  "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismSidebarComponent, { className: "PrismSidebarComponent", filePath: "app/sidebar/prism-sidebar.component.ts", lineNumber: 95 }); })();

package/dist/app/theme/prism-default-theme.d.ts

@@ -0,0 +1,4 @@
+export declare const PRISM_DARK_THEME: Record<string, string>;
+export declare const PRISM_LIGHT_THEME: Record<string, string>;
+export declare const PRISM_DEFAULT_THEME: Record<string, string>;
+//# sourceMappingURL=prism-default-theme.d.ts.map

package/dist/app/theme/prism-default-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prism-default-theme.d.ts","sourceRoot":"","sources":["../../../src/app/theme/prism-default-theme.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAiCnD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAiCpD,CAAC;AAEF,eAAO,MAAM,mBAAmB,wBAAmB,CAAC"}

package/dist/app/theme/prism-default-theme.js

@@ -0,0 +1,57 @@
+export const PRISM_DARK_THEME = {
+    '--prism-void': '#07050f',
+    '--prism-bg': '#0d0b1c',
+    '--prism-bg-surface': '#131022',
+    '--prism-bg-elevated': '#1a1535',
+    '--prism-text': '#ede9f8',
+    '--prism-text-2': '#b0a6c8',
+    '--prism-text-muted': '#8476a2',
+    '--prism-text-ghost': '#6a5d87',
+    '--prism-primary': '#a78bfa',
+    '--prism-primary-from': '#7c3aed',
+    '--prism-primary-to': '#3b82f6',
+    '--prism-accent': '#ec4899',
+    '--prism-border': 'rgba(255,255,255,0.08)',
+    '--prism-border-strong': 'rgba(255,255,255,0.16)',
+    '--prism-glow': 'rgba(139,92,246,0.18)',
+    '--prism-glow-strong': 'rgba(139,92,246,0.35)',
+    '--prism-input-bg': 'rgba(255,255,255,0.05)',
+    '--prism-sidebar-bg': '#0d0b1c',
+    '--prism-header-height': '52px',
+    '--prism-toolbar-height': '40px',
+    '--prism-font-sans': "'Inter', system-ui, -apple-system, sans-serif",
+    '--prism-font-mono': "'Cascadia Code', 'Fira Code', ui-monospace, monospace",
+    '--prism-radius-xs': '3px',
+    '--prism-radius-sm': '5px',
+    '--prism-radius': '8px',
+    '--prism-radius-lg': '12px',
+};
+export const PRISM_LIGHT_THEME = {
+    '--prism-void': '#f0ecff',
+    '--prism-bg': '#faf8ff',
+    '--prism-bg-surface': '#f3efff',
+    '--prism-bg-elevated': '#ffffff',
+    '--prism-text': '#1a0e2e',
+    '--prism-text-2': '#4a3d65',
+    '--prism-text-muted': '#6b5e80',
+    '--prism-text-ghost': '#b0a6c8',
+    '--prism-primary': '#6d28d9',
+    '--prism-primary-from': '#7c3aed',
+    '--prism-primary-to': '#2563eb',
+    '--prism-accent': '#db2777',
+    '--prism-border': 'rgba(109,40,217,0.12)',
+    '--prism-border-strong': 'rgba(109,40,217,0.24)',
+    '--prism-glow': 'rgba(109,40,217,0.10)',
+    '--prism-glow-strong': 'rgba(109,40,217,0.20)',
+    '--prism-input-bg': 'rgba(109,40,217,0.04)',
+    '--prism-sidebar-bg': '#f3efff',
+    '--prism-header-height': '52px',
+    '--prism-toolbar-height': '40px',
+    '--prism-font-sans': "'Inter', system-ui, -apple-system, sans-serif",
+    '--prism-font-mono': "'Cascadia Code', 'Fira Code', ui-monospace, monospace",
+    '--prism-radius-xs': '3px',
+    '--prism-radius-sm': '5px',
+    '--prism-radius': '8px',
+    '--prism-radius-lg': '12px',
+};
+export const PRISM_DEFAULT_THEME = PRISM_DARK_THEME;

package/dist/app/tokens/prism-tokens.d.ts

@@ -0,0 +1,11 @@
+import { InjectionToken } from '@angular/core';
+import type { NgPrismConfig, RuntimeManifest } from '../../plugin/plugin.types.js';
+export declare const PRISM_MANIFEST: InjectionToken<RuntimeManifest>;
+export declare const PRISM_CONFIG: InjectionToken<NgPrismConfig>;
+export interface PrismRendererHooks {
+    onBeforeCreate?(selector: string): void;
+    onAfterCreate?(selector: string): void;
+    onAfterDestroy?(selector: string): void;
+}
+export declare const PRISM_RENDERER_HOOKS: InjectionToken<PrismRendererHooks>;
+//# sourceMappingURL=prism-tokens.d.ts.map

package/dist/app/tokens/prism-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prism-tokens.d.ts","sourceRoot":"","sources":["../../../src/app/tokens/prism-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEnF,eAAO,MAAM,cAAc,iCAAwD,CAAC;AAEpF,eAAO,MAAM,YAAY,+BAGvB,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,cAAc,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,aAAa,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,cAAc,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,oBAAoB,oCAC+B,CAAC"}