@ng-prism/core 21.4.4 → 21.5.0

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

@@ -1,4 +1,5 @@
 export declare const PRISM_DARK_THEME: Record<string, string>;
 export declare const PRISM_LIGHT_THEME: Record<string, string>;
+export declare const PRISM_BASE_TOKENS: 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

@@ -1 +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"}
+{"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,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAyBpD,CAAC;AAEF,eAAO,MAAM,mBAAmB,wBAAmB,CAAC"}

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

@@ -1,4 +1,8 @@
 export const PRISM_DARK_THEME = {
+    '--prism-code-tag': '#f472b6',
+    '--prism-code-attr': '#60a5fa',
+    '--prism-code-str': '#86efac',
+    '--prism-code-com': '#6a5d87',
     '--prism-void': '#07050f',
     '--prism-bg': '#0d0b1c',
     '--prism-bg-surface': '#131022',
@@ -11,47 +15,62 @@ export const PRISM_DARK_THEME = {
     '--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',
+    '--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-dot': 'rgba(167, 139, 250, 0.18)',
+    '--prism-success': '#34d399',
+    '--prism-warn': '#fbbf24',
+    '--prism-danger': '#f87171',
 };
 export const PRISM_LIGHT_THEME = {
-    '--prism-void': '#f0ecff',
-    '--prism-bg': '#faf8ff',
-    '--prism-bg-surface': '#f3efff',
+    '--prism-code-tag': '#be185d',
+    '--prism-code-attr': '#1d4ed8',
+    '--prism-code-str': '#047857',
+    '--prism-code-com': '#6b5e80',
+    '--prism-void': '#f7f5fc',
+    '--prism-bg': '#ffffff',
+    '--prism-bg-surface': '#faf9fd',
     '--prism-bg-elevated': '#ffffff',
-    '--prism-text': '#1a0e2e',
-    '--prism-text-2': '#4a3d65',
+    '--prism-text': '#1c1530',
+    '--prism-text-2': '#4d4266',
     '--prism-text-muted': '#6b5e80',
     '--prism-text-ghost': '#b0a6c8',
-    '--prism-primary': '#6d28d9',
+    '--prism-primary': '#7c3aed',
     '--prism-primary-from': '#7c3aed',
-    '--prism-primary-to': '#2563eb',
+    '--prism-primary-to': '#3b82f6',
     '--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-border': 'rgba(28, 21, 48, 0.08)',
+    '--prism-border-strong': 'rgba(28, 21, 48, 0.16)',
+    '--prism-glow': 'rgba(124, 58, 237, 0.12)',
+    '--prism-glow-strong': 'rgba(124, 58, 237, 0.25)',
+    '--prism-input-bg': 'rgba(28, 21, 48, 0.04)',
+    '--prism-dot': 'rgba(124, 58, 237, 0.2)',
+    '--prism-success': '#059669',
+    '--prism-warn': '#d97706',
+    '--prism-danger': '#dc2626',
+};
+export const PRISM_BASE_TOKENS = {
+    '--font-sans': "'Inter', system-ui, sans-serif",
+    '--font-mono': "'JetBrains Mono', ui-monospace, monospace",
+    '--fs-xs': '10px',
+    '--fs-sm': '11.5px',
+    '--fs-md': '12.5px',
+    '--fs-lg': '13.5px',
+    '--fs-xl': '15px',
+    '--fs-2xl': '22px',
+    '--radius-xs': '3px',
+    '--radius-sm': '5px',
+    '--radius-md': '7px',
+    '--radius-lg': '10px',
+    '--ease-default': 'cubic-bezier(0.4, 0, 0.2, 1)',
+    '--dur-fast': '0.12s',
+    '--dur-base': '0.2s',
+    '--dur-slow': '0.3s',
     '--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',
+    '--prism-font-sans': 'var(--font-sans)',
+    '--prism-font-mono': 'var(--font-mono)',
 };
 export const PRISM_DEFAULT_THEME = PRISM_DARK_THEME;

package/dist/app/variant-ribbon/prism-variant-ribbon.component.d.ts

@@ -0,0 +1,13 @@
+import { PrismRendererService } from '../services/prism-renderer.service.js';
+import * as i0 from "@angular/core";
+export declare class PrismVariantRibbonComponent {
+    private readonly navigationService;
+    protected readonly rendererService: PrismRendererService;
+    protected readonly variants: import("@angular/core").Signal<import("../../index.js").Variant[]>;
+    protected variantColor(name: string, index: number): string;
+    protected prev(): void;
+    protected next(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismVariantRibbonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PrismVariantRibbonComponent, "prism-variant-ribbon", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=prism-variant-ribbon.component.d.ts.map

package/dist/app/variant-ribbon/prism-variant-ribbon.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prism-variant-ribbon.component.d.ts","sourceRoot":"","sources":["../../../src/app/variant-ribbon/prism-variant-ribbon.component.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;;AAgB7E,qBAkJa,2BAA2B;IACtC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAkC;IACpE,SAAS,CAAC,QAAQ,CAAC,eAAe,uBAAgC;IAElE,SAAS,CAAC,QAAQ,CAAC,QAAQ,qEAGxB;IAEH,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM;IAI3D,SAAS,CAAC,IAAI,IAAI,IAAI;IAKtB,SAAS,CAAC,IAAI,IAAI,IAAI;yCAlBX,2BAA2B;2CAA3B,2BAA2B;CAuBvC"}

package/dist/app/variant-ribbon/prism-variant-ribbon.component.js

@@ -0,0 +1,134 @@
+import { Component, inject, computed, ChangeDetectionStrategy, } from '@angular/core';
+import { PrismIconComponent } from '../icons/prism-icon.component.js';
+import { PrismNavigationService } from '../services/prism-navigation.service.js';
+import { PrismRendererService } from '../services/prism-renderer.service.js';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.name;
+function PrismVariantRibbonComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 7);
+    i0.ɵɵlistener("click", function PrismVariantRibbonComponent_Conditional_0_For_2_Template_button_click_0_listener() { const ɵ$index_4_r3 = i0.ɵɵrestoreView(_r2).$index; const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.rendererService.selectVariant(ɵ$index_4_r3)); });
+    i0.ɵɵelement(1, "span", 8);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const v_r5 = ctx.$implicit;
+    const ɵ$index_4_r3 = ctx.$index;
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("--vc", ctx_r3.variantColor(v_r5.name, ɵ$index_4_r3));
+    i0.ɵɵclassProp("v-tab--active", ctx_r3.rendererService.activeVariantIndex() === ɵ$index_4_r3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", v_r5.name, " ");
+} }
+function PrismVariantRibbonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "nav", 0);
+    i0.ɵɵrepeaterCreate(1, PrismVariantRibbonComponent_Conditional_0_For_2_Template, 3, 5, "button", 1, _forTrack0);
+    i0.ɵɵelementStart(3, "div", 2)(4, "button", 3);
+    i0.ɵɵlistener("click", function PrismVariantRibbonComponent_Conditional_0_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.prev()); });
+    i0.ɵɵelement(5, "prism-icon", 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 5);
+    i0.ɵɵlistener("click", function PrismVariantRibbonComponent_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.next()); });
+    i0.ɵɵelement(7, "prism-icon", 6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r3.variants());
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r3.rendererService.activeVariantIndex() === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("size", 14);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r3.rendererService.activeVariantIndex() >= ctx_r3.variants().length - 1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("size", 14);
+} }
+function variantColor(name, index) {
+    const palette = [
+        '#a78bfa',
+        '#60a5fa',
+        '#34d399',
+        '#fbbf24',
+        '#f472b6',
+        '#8476a2',
+        '#ec4899',
+        '#06b6d4',
+    ];
+    return palette[index % palette.length];
+}
+export class PrismVariantRibbonComponent {
+    navigationService = inject(PrismNavigationService);
+    rendererService = inject(PrismRendererService);
+    variants = computed(() => {
+        const comp = this.navigationService.activeComponent();
+        return comp?.meta.showcaseConfig.variants ?? [];
+    }, ...(ngDevMode ? [{ debugName: "variants" }] : []));
+    variantColor(name, index) {
+        return variantColor(name, index);
+    }
+    prev() {
+        const idx = this.rendererService.activeVariantIndex();
+        if (idx > 0)
+            this.rendererService.selectVariant(idx - 1);
+    }
+    next() {
+        const idx = this.rendererService.activeVariantIndex();
+        if (idx < this.variants().length - 1)
+            this.rendererService.selectVariant(idx + 1);
+    }
+    static ɵfac = function PrismVariantRibbonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismVariantRibbonComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismVariantRibbonComponent, selectors: [["prism-variant-ribbon"]], decls: 1, vars: 1, consts: [[1, "variant-ribbon"], [1, "v-tab", 3, "v-tab--active", "--vc"], [1, "variant-ribbon-right"], ["title", "Previous variant", "aria-label", "Previous variant", 1, "tool-btn", 3, "click", "disabled"], ["name", "chevron-right", 2, "transform", "rotate(180deg)", 3, "size"], ["title", "Next variant", "aria-label", "Next variant", 1, "tool-btn", 3, "click", "disabled"], ["name", "chevron-right", 3, "size"], [1, "v-tab", 3, "click"], [1, "v-dot"]], template: function PrismVariantRibbonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, PrismVariantRibbonComponent_Conditional_0_Template, 8, 4, "nav", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.variants().length > 0 ? 0 : -1);
+        } }, dependencies: [PrismIconComponent], styles: ["[_nghost-%COMP%] { display: block; flex-shrink: 0; }\n\n    .variant-ribbon[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      padding: 0 28px;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n      height: 42px;\n      gap: 2px;\n      overflow-x: auto;\n      scrollbar-width: none;\n    }\n    .variant-ribbon[_ngcontent-%COMP%]::-webkit-scrollbar { display: none; }\n\n    .v-tab[_ngcontent-%COMP%] {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 14px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n    }\n    .v-tab[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      left: 10px;\n      right: 10px;\n      bottom: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity var(--dur-fast);\n      border-radius: 1px 1px 0 0;\n    }\n    .v-tab[_ngcontent-%COMP%]:hover { color: var(--prism-text-2); }\n    .v-tab--active[_ngcontent-%COMP%] { color: var(--prism-text); }\n    .v-tab--active[_ngcontent-%COMP%]::after { opacity: 1; }\n\n    .v-dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 2px;\n      background: var(--vc, var(--prism-primary));\n      opacity: 0.6;\n    }\n    .v-tab--active[_ngcontent-%COMP%]   .v-dot[_ngcontent-%COMP%] {\n      opacity: 1;\n      box-shadow: 0 0 6px var(--vc);\n    }\n\n    .variant-ribbon-right[_ngcontent-%COMP%] {\n      margin-left: auto;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-left: 12px;\n      border-left: 1px solid var(--prism-border);\n      height: 24px;\n    }\n\n    .tool-btn[_ngcontent-%COMP%] {\n      height: 24px;\n      width: 24px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--radius-sm);\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--dur-fast);\n    }\n    .tool-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n      color: var(--prism-text);\n      background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    }\n    .tool-btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.3;\n      cursor: default;\n    }\n\n    [_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismVariantRibbonComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-variant-ribbon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PrismIconComponent], template: `
+    @if (variants().length > 0) {
+    <nav class="variant-ribbon">
+      @for (v of variants(); track v.name; let i = $index) {
+      <button
+        class="v-tab"
+        [class.v-tab--active]="rendererService.activeVariantIndex() === i"
+        [style.--vc]="variantColor(v.name, i)"
+        (click)="rendererService.selectVariant(i)"
+      >
+        <span class="v-dot"></span>
+        {{ v.name }}
+      </button>
+      }
+      <div class="variant-ribbon-right">
+        <button
+          class="tool-btn"
+          title="Previous variant"
+          aria-label="Previous variant"
+          [disabled]="rendererService.activeVariantIndex() === 0"
+          (click)="prev()"
+        >
+          <prism-icon
+            name="chevron-right"
+            [size]="14"
+            style="transform: rotate(180deg)"
+          />
+        </button>
+        <button
+          class="tool-btn"
+          title="Next variant"
+          aria-label="Next variant"
+          [disabled]="
+            rendererService.activeVariantIndex() >= variants().length - 1
+          "
+          (click)="next()"
+        >
+          <prism-icon name="chevron-right" [size]="14" />
+        </button>
+      </div>
+    </nav>
+    }
+  `, styles: ["\n    :host { display: block; flex-shrink: 0; }\n\n    .variant-ribbon {\n      display: flex;\n      align-items: center;\n      padding: 0 28px;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n      height: 42px;\n      gap: 2px;\n      overflow-x: auto;\n      scrollbar-width: none;\n    }\n    .variant-ribbon::-webkit-scrollbar { display: none; }\n\n    .v-tab {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 14px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n    }\n    .v-tab::after {\n      content: '';\n      position: absolute;\n      left: 10px;\n      right: 10px;\n      bottom: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity var(--dur-fast);\n      border-radius: 1px 1px 0 0;\n    }\n    .v-tab:hover { color: var(--prism-text-2); }\n    .v-tab--active { color: var(--prism-text); }\n    .v-tab--active::after { opacity: 1; }\n\n    .v-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 2px;\n      background: var(--vc, var(--prism-primary));\n      opacity: 0.6;\n    }\n    .v-tab--active .v-dot {\n      opacity: 1;\n      box-shadow: 0 0 6px var(--vc);\n    }\n\n    .variant-ribbon-right {\n      margin-left: auto;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-left: 12px;\n      border-left: 1px solid var(--prism-border);\n      height: 24px;\n    }\n\n    .tool-btn {\n      height: 24px;\n      width: 24px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--radius-sm);\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--dur-fast);\n    }\n    .tool-btn:hover:not(:disabled) {\n      color: var(--prism-text);\n      background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    }\n    .tool-btn:disabled {\n      opacity: 0.3;\n      cursor: default;\n    }\n\n    :focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }\n  "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismVariantRibbonComponent, { className: "PrismVariantRibbonComponent", filePath: "app/variant-ribbon/prism-variant-ribbon.component.ts", lineNumber: 171 }); })();

package/dist/app/view-tab-bar/prism-view-tab-bar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-view-tab-bar.component.d.ts","sourceRoot":"","sources":["../../../src/app/view-tab-bar/prism-view-tab-bar.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAGvE,qBAgEa,wBAAwB;IACnC,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAC5D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAE5D,SAAS,CAAC,QAAQ,CAAC,UAAU,6EAG1B;yCAPQ,wBAAwB;2CAAxB,wBAAwB;CAQpC"}
+{"version":3,"file":"prism-view-tab-bar.component.d.ts","sourceRoot":"","sources":["../../../src/app/view-tab-bar/prism-view-tab-bar.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAGvE,qBAoEa,wBAAwB;IACnC,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAC5D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAE5D,SAAS,CAAC,QAAQ,CAAC,UAAU,6EAG1B;yCAPQ,wBAAwB;2CAAxB,wBAAwB;CAQpC"}

package/dist/app/view-tab-bar/prism-view-tab-bar.component.js

@@ -28,7 +28,7 @@ export class PrismViewTabBarComponent {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismViewTabBarComponent, selectors: [["prism-view-tab-bar"]], decls: 5, vars: 2, consts: [[1, "prism-view-tab-bar"], [1, "prism-view-tab-bar__tab", 3, "click"], [1, "prism-view-tab-bar__tab", 3, "prism-view-tab-bar__tab--active"]], template: function PrismViewTabBarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵdomElementStart(0, "div", 0)(1, "button", 1);
             i0.ɵɵdomListener("click", function PrismViewTabBarComponent_Template_button_click_1_listener() { return ctx.panelService.activeViewId.set("renderer"); });
-            i0.ɵɵtext(2, " Renderer ");
+            i0.ɵɵtext(2, " Playground ");
             i0.ɵɵdomElementEnd();
             i0.ɵɵrepeaterCreate(3, PrismViewTabBarComponent_For_4_Template, 2, 3, "button", 2, _forTrack0);
             i0.ɵɵdomElementEnd();
@@ -45,21 +45,25 @@ export class PrismViewTabBarComponent {
     <div class="prism-view-tab-bar">
       <button
         class="prism-view-tab-bar__tab"
-        [class.prism-view-tab-bar__tab--active]="panelService.activeViewId() === 'renderer'"
+        [class.prism-view-tab-bar__tab--active]="
+          panelService.activeViewId() === 'renderer'
+        "
         (click)="panelService.activeViewId.set('renderer')"
       >
-        Renderer
+        Playground
       </button>
       @for (panel of viewPanels(); track panel.id) {
-        <button
-          class="prism-view-tab-bar__tab"
-          [class.prism-view-tab-bar__tab--active]="panelService.activeViewId() === panel.id"
-          (click)="panelService.activeViewId.set(panel.id)"
-        >
-          {{ panel.label }}
-        </button>
+      <button
+        class="prism-view-tab-bar__tab"
+        [class.prism-view-tab-bar__tab--active]="
+          panelService.activeViewId() === panel.id
+        "
+        (click)="panelService.activeViewId.set(panel.id)"
+      >
+        {{ panel.label }}
+      </button>
       }
     </div>
   `, styles: ["\n    .prism-view-tab-bar {\n      display: flex;\n      border-bottom: 1px solid var(--prism-border);\n      padding: 0 8px;\n      flex-shrink: 0;\n      background: var(--prism-bg-elevated);\n    }\n\n    .prism-view-tab-bar__tab {\n      padding: 9px 14px;\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      position: relative;\n      margin-bottom: -1px;\n      transition: color 0.12s;\n    }\n\n    .prism-view-tab-bar__tab::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 8px;\n      right: 8px;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity 0.12s;\n    }\n\n    .prism-view-tab-bar__tab:hover { color: var(--prism-text-2); }\n\n    .prism-view-tab-bar__tab--active { color: var(--prism-primary); font-weight: 500; }\n\n    .prism-view-tab-bar__tab--active::after { opacity: 1; }\n  "] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismViewTabBarComponent, { className: "PrismViewTabBarComponent", filePath: "app/view-tab-bar/prism-view-tab-bar.component.ts", lineNumber: 70 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismViewTabBarComponent, { className: "PrismViewTabBarComponent", filePath: "app/view-tab-bar/prism-view-tab-bar.component.ts", lineNumber: 74 }); })();

package/dist/decorator/showcase.decorator.d.ts

@@ -1,5 +1,3 @@
-import 'reflect-metadata';
 import type { ShowcaseConfig } from './showcase.types.js';
-export declare const SHOWCASE_METADATA_KEY = "ngPrism:config";
-export declare function Showcase(config: ShowcaseConfig): ClassDecorator;
+export declare function Showcase(_config: ShowcaseConfig): ClassDecorator;
 //# sourceMappingURL=showcase.decorator.d.ts.map

package/dist/decorator/showcase.decorator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"showcase.decorator.d.ts","sourceRoot":"","sources":["../../src/decorator/showcase.decorator.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,eAAO,MAAM,qBAAqB,mBAAmB,CAAC;AAEtD,wBAAgB,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,cAAc,CAI/D"}
+{"version":3,"file":"showcase.decorator.d.ts","sourceRoot":"","sources":["../../src/decorator/showcase.decorator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,wBAAgB,QAAQ,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc,CAEhE"}

package/dist/decorator/showcase.decorator.js

@@ -1,7 +1,3 @@
-import 'reflect-metadata';
-export const SHOWCASE_METADATA_KEY = 'ngPrism:config';
-export function Showcase(config) {
-    return (target) => {
-        Reflect.defineMetadata(SHOWCASE_METADATA_KEY, config, target);
-    };
+export function Showcase(_config) {
+    return () => { };
 }

package/dist/plugin/plugin.types.d.ts

@@ -89,6 +89,7 @@ export interface NgPrismConfig {
         dark?: string;
     };
     title?: string;
+    subtitle?: string;
     themeStylesheet?: string;
     ui?: {
         header?: Type<unknown>;

package/dist/plugin/plugin.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.types.d.ts","sourceRoot":"","sources":["../../src/plugin/plugin.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"plugin.types.d.ts","sourceRoot":"","sources":["../../src/plugin/plugin.types.ts"],"names":[],"mappings":"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"}

package/dist/schematics/ng-add/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/schematics/ng-add/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,IAAI,EAIV,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAqOtD,wBAAgB,KAAK,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI,CAOvD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/schematics/ng-add/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,IAAI,EAIV,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAqOtD,wBAAgB,KAAK,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI,CAOvD"}

package/dist/schematics/ng-add/index.js

@@ -1,4 +1,5 @@
 import { chain, SchematicsException, } from '@angular-devkit/schematics';
+import { parse as parseJsonc } from 'jsonc-parser';
 function readWorkspace(tree) {
     const buffer = tree.read('angular.json');
     if (!buffer) {
@@ -140,7 +141,7 @@ function addTsConfigPaths(options) {
         if (!buffer) {
             return tree;
         }
-        const tsConfig = JSON.parse(buffer.toString('utf-8'));
+        const tsConfig = parseJsonc(buffer.toString('utf-8'));
         if (!tsConfig.compilerOptions) {
             tsConfig.compilerOptions = {};
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-prism/core",
-  "version": "21.4.4",
+  "version": "21.5.0",
   "description": "Lightweight Angular-native component showcase — no story files needed.",
   "keywords": [
     "angular",
@@ -43,11 +43,11 @@
     "!**/*.tsbuildinfo"
   ],
   "peerDependencies": {
-    "@angular/core": ">=19.0.0",
-    "@angular/common": ">=19.0.0",
-    "@angular-devkit/architect": ">=0.1900.0",
-    "@angular-devkit/core": ">=19.0.0",
-    "@angular-devkit/schematics": ">=19.0.0",
+    "@angular/core": ">=21.0.0",
+    "@angular/common": ">=21.0.0",
+    "@angular-devkit/architect": ">=0.2100.0",
+    "@angular-devkit/core": ">=21.0.0",
+    "@angular-devkit/schematics": ">=21.0.0",
     "typescript": ">=5.5.0",
     "highlight.js": ">=11.0.0",
     "ngx-highlightjs": ">=14.0.0"