@ng-prism/core 21.0.0

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

@@ -0,0 +1,178 @@
+import { Component, inject } from '@angular/core';
+import { BooleanControlComponent } from '../../controls/boolean-control.component.js';
+import { JsonControlComponent } from '../../controls/json-control.component.js';
+import { NumberControlComponent } from '../../controls/number-control.component.js';
+import { StringControlComponent } from '../../controls/string-control.component.js';
+import { UnionControlComponent } from '../../controls/union-control.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 _c0 = () => [];
+const _forTrack0 = ($index, $item) => $item.name;
+function PrismControlsPanelComponent_Conditional_0_For_2_Case_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "prism-boolean-control", 5);
+    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Case_1_Template_prism_boolean_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const input_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.rendererService.updateInput(input_r2.name, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const input_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("value", ctx_r2.asBoolean(ctx_r2.rendererService.inputValues()[input_r2.name]))("label", input_r2.name)("typeName", input_r2.rawType ?? "");
+} }
+function PrismControlsPanelComponent_Conditional_0_For_2_Case_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "prism-number-control", 5);
+    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Case_2_Template_prism_number_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const input_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.rendererService.updateInput(input_r2.name, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const input_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("value", ctx_r2.asNumber(ctx_r2.rendererService.inputValues()[input_r2.name]))("label", input_r2.name)("typeName", input_r2.rawType ?? "");
+} }
+function PrismControlsPanelComponent_Conditional_0_For_2_Case_3_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "prism-union-control", 6);
+    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Case_3_Template_prism_union_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const input_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.rendererService.updateInput(input_r2.name, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const input_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("value", ctx_r2.asString(ctx_r2.rendererService.inputValues()[input_r2.name]))("label", input_r2.name)("typeName", input_r2.rawType ?? "")("options", input_r2.values ?? i0.ɵɵpureFunction0(4, _c0));
+} }
+function PrismControlsPanelComponent_Conditional_0_For_2_Case_4_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "prism-string-control", 5);
+    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Case_4_Template_prism_string_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const input_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.rendererService.updateInput(input_r2.name, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const input_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("value", ctx_r2.asString(ctx_r2.rendererService.inputValues()[input_r2.name]))("label", input_r2.name)("typeName", input_r2.rawType ?? "");
+} }
+function PrismControlsPanelComponent_Conditional_0_For_2_Case_5_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "prism-json-control", 5);
+    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Case_5_Template_prism_json_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const input_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.rendererService.updateInput(input_r2.name, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const input_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("value", ctx_r2.rendererService.inputValues()[input_r2.name])("label", input_r2.name)("typeName", input_r2.rawType ?? "");
+} }
+function PrismControlsPanelComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵconditionalCreate(1, PrismControlsPanelComponent_Conditional_0_For_2_Case_1_Template, 1, 3, "prism-boolean-control", 3)(2, PrismControlsPanelComponent_Conditional_0_For_2_Case_2_Template, 1, 3, "prism-number-control", 3)(3, PrismControlsPanelComponent_Conditional_0_For_2_Case_3_Template, 1, 5, "prism-union-control", 4)(4, PrismControlsPanelComponent_Conditional_0_For_2_Case_4_Template, 1, 3, "prism-string-control", 3)(5, PrismControlsPanelComponent_Conditional_0_For_2_Case_5_Template, 1, 3, "prism-json-control", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_12_0;
+    const input_r2 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_12_0 = input_r2.type) === "boolean" ? 1 : tmp_12_0 === "number" ? 2 : tmp_12_0 === "union" ? 3 : tmp_12_0 === "string" ? 4 : 5);
+} }
+function PrismControlsPanelComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 2);
+    i0.ɵɵtext(1, "No inputs available");
+    i0.ɵɵelementEnd();
+} }
+function PrismControlsPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵrepeaterCreate(1, PrismControlsPanelComponent_Conditional_0_For_2_Template, 6, 1, "div", 1, _forTrack0);
+    i0.ɵɵconditionalCreate(3, PrismControlsPanelComponent_Conditional_0_Conditional_3_Template, 2, 0, "p", 2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const comp_r8 = ctx;
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(comp_r8.meta.inputs);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(comp_r8.meta.inputs.length === 0 ? 3 : -1);
+} }
+export class PrismControlsPanelComponent {
+    navigationService = inject(PrismNavigationService);
+    rendererService = inject(PrismRendererService);
+    asBoolean(val) {
+        return Boolean(val);
+    }
+    asNumber(val) {
+        return Number(val) || 0;
+    }
+    asString(val) {
+        return String(val ?? '');
+    }
+    static ɵfac = function PrismControlsPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismControlsPanelComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismControlsPanelComponent, selectors: [["prism-controls-panel"]], decls: 1, vars: 1, consts: [[1, "prism-controls-panel"], [1, "prism-controls-panel__row"], [1, "prism-controls-panel__empty"], [3, "value", "label", "typeName"], [3, "value", "label", "typeName", "options"], [3, "valueChange", "value", "label", "typeName"], [3, "valueChange", "value", "label", "typeName", "options"]], template: function PrismControlsPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, PrismControlsPanelComponent_Conditional_0_Template, 4, 1, "div", 0);
+        } if (rf & 2) {
+            let tmp_0_0;
+            i0.ɵɵconditional((tmp_0_0 = ctx.navigationService.activeComponent()) ? 0 : -1, tmp_0_0);
+        } }, dependencies: [BooleanControlComponent,
+            StringControlComponent,
+            NumberControlComponent,
+            UnionControlComponent,
+            JsonControlComponent], styles: [".prism-controls-panel[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      overflow-y: auto;\n      height: 100%;\n    }\n\n    .prism-controls-panel__row[_ngcontent-%COMP%] {\n      border-bottom: 1px solid var(--prism-border);\n    }\n\n    .prism-controls-panel__row[_ngcontent-%COMP%]:last-child { border-bottom: none; }\n\n    .prism-controls-panel__empty[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      font-size: 13px;\n      font-family: var(--prism-font-sans);\n      margin: 0;\n      padding: 16px;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismControlsPanelComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-controls-panel', standalone: true, imports: [
+                    BooleanControlComponent,
+                    StringControlComponent,
+                    NumberControlComponent,
+                    UnionControlComponent,
+                    JsonControlComponent,
+                ], template: `
+    @if (navigationService.activeComponent(); as comp) {
+      <div class="prism-controls-panel">
+        @for (input of comp.meta.inputs; track input.name) {
+          <div class="prism-controls-panel__row">
+            @switch (input.type) {
+              @case ('boolean') {
+                <prism-boolean-control
+                  [value]="asBoolean(rendererService.inputValues()[input.name])"
+                  [label]="input.name"
+                  [typeName]="input.rawType ?? ''"
+                  (valueChange)="rendererService.updateInput(input.name, $event)"
+                />
+              }
+              @case ('number') {
+                <prism-number-control
+                  [value]="asNumber(rendererService.inputValues()[input.name])"
+                  [label]="input.name"
+                  [typeName]="input.rawType ?? ''"
+                  (valueChange)="rendererService.updateInput(input.name, $event)"
+                />
+              }
+              @case ('union') {
+                <prism-union-control
+                  [value]="asString(rendererService.inputValues()[input.name])"
+                  [label]="input.name"
+                  [typeName]="input.rawType ?? ''"
+                  [options]="input.values ?? []"
+                  (valueChange)="rendererService.updateInput(input.name, $event)"
+                />
+              }
+              @case ('string') {
+                <prism-string-control
+                  [value]="asString(rendererService.inputValues()[input.name])"
+                  [label]="input.name"
+                  [typeName]="input.rawType ?? ''"
+                  (valueChange)="rendererService.updateInput(input.name, $event)"
+                />
+              }
+              @default {
+                <prism-json-control
+                  [value]="rendererService.inputValues()[input.name]"
+                  [label]="input.name"
+                  [typeName]="input.rawType ?? ''"
+                  (valueChange)="rendererService.updateInput(input.name, $event)"
+                />
+              }
+            }
+          </div>
+        }
+        @if (comp.meta.inputs.length === 0) {
+          <p class="prism-controls-panel__empty">No inputs available</p>
+        }
+      </div>
+    }
+  `, styles: ["\n    .prism-controls-panel {\n      display: flex;\n      flex-direction: column;\n      overflow-y: auto;\n      height: 100%;\n    }\n\n    .prism-controls-panel__row {\n      border-bottom: 1px solid var(--prism-border);\n    }\n\n    .prism-controls-panel__row:last-child { border-bottom: none; }\n\n    .prism-controls-panel__empty {\n      color: var(--prism-text-ghost);\n      font-size: 13px;\n      font-family: var(--prism-font-sans);\n      margin: 0;\n      padding: 16px;\n    }\n  "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismControlsPanelComponent, { className: "PrismControlsPanelComponent", filePath: "app/panels/controls/prism-controls-panel.component.ts", lineNumber: 99 }); })();

package/dist/app/panels/events/events-plugin.d.ts

@@ -0,0 +1,3 @@
+import type { NgPrismPlugin } from '../../../plugin/plugin.types.js';
+export declare const EVENTS_PLUGIN: NgPrismPlugin;
+//# sourceMappingURL=events-plugin.d.ts.map

package/dist/app/panels/events/events-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events-plugin.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/events/events-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAGrE,eAAO,MAAM,aAAa,EAAE,aAU3B,CAAC"}

package/dist/app/panels/events/events-plugin.js

@@ -0,0 +1,12 @@
+import { PrismEventsPanelComponent } from './prism-events-panel.component.js';
+export const EVENTS_PLUGIN = {
+    name: 'ng-prism:events',
+    panels: [
+        {
+            id: 'events',
+            label: 'Events',
+            component: PrismEventsPanelComponent,
+            position: 'bottom',
+        },
+    ],
+};

package/dist/app/panels/events/prism-events-panel.component.d.ts

@@ -0,0 +1,9 @@
+import { PrismEventLogService } from '../../services/prism-event-log.service.js';
+import * as i0 from "@angular/core";
+export declare class PrismEventsPanelComponent {
+    protected readonly eventLogService: PrismEventLogService;
+    protected formatTime(ts: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismEventsPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PrismEventsPanelComponent, "prism-events-panel", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=prism-events-panel.component.d.ts.map

package/dist/app/panels/events/prism-events-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prism-events-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/events/prism-events-panel.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;;AAGjF,qBAkGa,yBAAyB;IACpC,SAAS,CAAC,QAAQ,CAAC,eAAe,uBAAgC;IAElE,SAAS,CAAC,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;yCAH7B,yBAAyB;2CAAzB,yBAAyB;CAOrC"}

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

@@ -0,0 +1,83 @@
+import { Component, inject } from '@angular/core';
+import { PrismEventLogService } from '../../services/prism-event-log.service.js';
+import { PrismJsonNodeComponent } from './prism-json-node.component.js';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.id;
+function PrismEventsPanelComponent_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5)(1, "span", 7);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 8);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 9);
+    i0.ɵɵelement(6, "prism-json-node", 10);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const entry_r1 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.formatTime(entry_r1.timestamp));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(entry_r1.name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("value", entry_r1.value);
+} }
+function PrismEventsPanelComponent_ForEmpty_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 6);
+    i0.ɵɵtext(1, "No events recorded");
+    i0.ɵɵelementEnd();
+} }
+export class PrismEventsPanelComponent {
+    eventLogService = inject(PrismEventLogService);
+    formatTime(ts) {
+        const d = new Date(ts);
+        return d.toLocaleTimeString('en-US', { hour12: false, fractionalSecondDigits: 3 });
+    }
+    static ɵfac = function PrismEventsPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismEventsPanelComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismEventsPanelComponent, selectors: [["prism-events-panel"]], decls: 10, vars: 1, consts: [[1, "prism-events-panel"], [1, "prism-events-panel__header"], [1, "prism-events-panel__title"], [1, "prism-events-panel__clear", 3, "click"], [1, "prism-events-panel__list"], [1, "prism-events-panel__entry"], [1, "prism-events-panel__empty"], [1, "prism-events-panel__time"], [1, "prism-events-panel__name"], [1, "prism-events-panel__value"], [3, "value"]], template: function PrismEventsPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
+            i0.ɵɵtext(3, "Events");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "button", 3);
+            i0.ɵɵlistener("click", function PrismEventsPanelComponent_Template_button_click_4_listener() { return ctx.eventLogService.clear(); });
+            i0.ɵɵtext(5, " Clear ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "div", 4);
+            i0.ɵɵrepeaterCreate(7, PrismEventsPanelComponent_For_8_Template, 7, 3, "div", 5, _forTrack0, false, PrismEventsPanelComponent_ForEmpty_9_Template, 2, 0, "p", 6);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵrepeater(ctx.eventLogService.events());
+        } }, dependencies: [PrismJsonNodeComponent], styles: [".prism-events-panel[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n    .prism-events-panel__header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 8px 16px;\n      border-bottom: 1px solid var(--prism-border);\n    }\n    .prism-events-panel__title[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--prism-text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n    .prism-events-panel__clear[_ngcontent-%COMP%] {\n      padding: 2px 8px;\n      font-size: 12px;\n      border: 1px solid var(--prism-border);\n      border-radius: var(--prism-radius-sm);\n      background: var(--prism-bg);\n      color: var(--prism-text-muted);\n      cursor: pointer;\n    }\n    .prism-events-panel__clear[_ngcontent-%COMP%]:hover {\n      color: var(--prism-text);\n      border-color: var(--prism-text-muted);\n    }\n    .prism-events-panel__list[_ngcontent-%COMP%] {\n      overflow-y: auto;\n      flex: 1;\n    }\n    .prism-events-panel__entry[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      padding: 4px 16px;\n      font-size: 12px;\n      font-family: var(--prism-font-mono);\n      border-bottom: 1px solid var(--prism-border);\n      align-items: baseline;\n      flex-wrap: wrap;\n    }\n    .prism-events-panel__time[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted);\n      flex-shrink: 0;\n    }\n    .prism-events-panel__name[_ngcontent-%COMP%] {\n      color: var(--prism-primary);\n      font-weight: 600;\n      flex-shrink: 0;\n    }\n    .prism-events-panel__value[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n    }\n    .prism-events-panel__empty[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted);\n      font-size: 13px;\n      padding: 12px 16px;\n      margin: 0;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismEventsPanelComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-events-panel', standalone: true, imports: [PrismJsonNodeComponent], template: `
+    <div class="prism-events-panel">
+      <div class="prism-events-panel__header">
+        <span class="prism-events-panel__title">Events</span>
+        <button
+          class="prism-events-panel__clear"
+          (click)="eventLogService.clear()"
+        >
+          Clear
+        </button>
+      </div>
+      <div class="prism-events-panel__list">
+        @for (entry of eventLogService.events(); track entry.id) {
+          <div class="prism-events-panel__entry">
+            <span class="prism-events-panel__time">{{ formatTime(entry.timestamp) }}</span>
+            <span class="prism-events-panel__name">{{ entry.name }}</span>
+            <span class="prism-events-panel__value">
+              <prism-json-node [value]="entry.value" />
+            </span>
+          </div>
+        } @empty {
+          <p class="prism-events-panel__empty">No events recorded</p>
+        }
+      </div>
+    </div>
+  `, styles: ["\n    .prism-events-panel {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n    .prism-events-panel__header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 8px 16px;\n      border-bottom: 1px solid var(--prism-border);\n    }\n    .prism-events-panel__title {\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--prism-text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n    .prism-events-panel__clear {\n      padding: 2px 8px;\n      font-size: 12px;\n      border: 1px solid var(--prism-border);\n      border-radius: var(--prism-radius-sm);\n      background: var(--prism-bg);\n      color: var(--prism-text-muted);\n      cursor: pointer;\n    }\n    .prism-events-panel__clear:hover {\n      color: var(--prism-text);\n      border-color: var(--prism-text-muted);\n    }\n    .prism-events-panel__list {\n      overflow-y: auto;\n      flex: 1;\n    }\n    .prism-events-panel__entry {\n      display: flex;\n      gap: 12px;\n      padding: 4px 16px;\n      font-size: 12px;\n      font-family: var(--prism-font-mono);\n      border-bottom: 1px solid var(--prism-border);\n      align-items: baseline;\n      flex-wrap: wrap;\n    }\n    .prism-events-panel__time {\n      color: var(--prism-text-muted);\n      flex-shrink: 0;\n    }\n    .prism-events-panel__name {\n      color: var(--prism-primary);\n      font-weight: 600;\n      flex-shrink: 0;\n    }\n    .prism-events-panel__value {\n      flex: 1;\n      min-width: 0;\n    }\n    .prism-events-panel__empty {\n      color: var(--prism-text-muted);\n      font-size: 13px;\n      padding: 12px 16px;\n      margin: 0;\n    }\n  "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismEventsPanelComponent, { className: "PrismEventsPanelComponent", filePath: "app/panels/events/prism-events-panel.component.ts", lineNumber: 103 }); })();

package/dist/app/panels/events/prism-json-node.component.d.ts

@@ -0,0 +1,22 @@
+import { Type } from '@angular/core';
+import * as i0 from "@angular/core";
+export { summarizeValue } from './prism-json-node.utils.js';
+type JsonNodeType = 'string' | 'number' | 'boolean' | 'null' | 'undefined' | 'object' | 'array';
+export declare class PrismJsonNodeComponent {
+    readonly value: import("@angular/core").InputSignal<unknown>;
+    readonly depth: import("@angular/core").InputSignal<number>;
+    protected readonly maxDepth = 10;
+    protected readonly self: Type<PrismJsonNodeComponent>;
+    protected readonly type: import("@angular/core").Signal<JsonNodeType>;
+    protected readonly expanded: import("@angular/core").WritableSignal<boolean>;
+    protected readonly entries: import("@angular/core").Signal<{
+        key: string;
+        value: unknown;
+    }[]>;
+    protected readonly items: import("@angular/core").Signal<unknown[]>;
+    protected readonly summary: import("@angular/core").Signal<string>;
+    protected toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismJsonNodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PrismJsonNodeComponent, "prism-json-node", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "depth": { "alias": "depth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=prism-json-node.component.d.ts.map

package/dist/app/panels/events/prism-json-node.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prism-json-node.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/events/prism-json-node.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,IAAI,EAAE,MAAM,eAAe,CAAC;;AAOzE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,KAAK,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAShG,qBA0Ja,sBAAsB;IACjC,QAAQ,CAAC,KAAK,+CAA6B;IAC3C,QAAQ,CAAC,KAAK,8CAAoB;IAElC,SAAS,CAAC,QAAQ,CAAC,QAAQ,MAAa;IACxC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAA0B;IAE/E,SAAS,CAAC,QAAQ,CAAC,IAAI,+CAAyC;IAChE,SAAS,CAAC,QAAQ,CAAC,QAAQ,kDAAiB;IAE5C,SAAS,CAAC,QAAQ,CAAC,OAAO;aAAmB,MAAM;eAAS,OAAO;SAUhE;IAEH,SAAS,CAAC,QAAQ,CAAC,KAAK,4CAGrB;IAEH,SAAS,CAAC,QAAQ,CAAC,OAAO,yCAAgD;IAE1E,SAAS,CAAC,MAAM,IAAI,IAAI;yCA7Bb,sBAAsB;2CAAtB,sBAAsB;CAgClC"}