@ng-prism/core 21.4.4 → 21.5.0

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

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

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

@@ -5,6 +5,7 @@ export const CONTROLS_PLUGIN = {
         {
             id: 'controls',
             label: 'Controls',
+            icon: 'sliders-horizontal',
             component: PrismControlsPanelComponent,
             position: 'bottom',
         },

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

@@ -1 +1 @@
-{"version":3,"file":"prism-controls-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/controls/prism-controls-panel.component.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AAEpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;;AAEhF,qBAiGa,2BAA2B;IACtC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,yBAAkC;IACtE,SAAS,CAAC,QAAQ,CAAC,eAAe,uBAAgC;IAClE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAE5D,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,iBAAiB,GAAG,IAAI;IAItE,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE,OAAO,GAAG,OAAO;IAI1C,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM;IAIxC,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM;yCAjB7B,2BAA2B;2CAA3B,2BAA2B;CAoBvC"}
+{"version":3,"file":"prism-controls-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/controls/prism-controls-panel.component.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,iBAAiB,EACjB,SAAS,EACV,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AAEpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;;AAEhF,qBA2Ha,2BAA2B;IACtC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,yBAAkC;IACtE,SAAS,CAAC,QAAQ,CAAC,eAAe,uBAAgC;IAClE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAE5D,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,iBAAiB,GAAG,IAAI;IAOtE,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE,OAAO,GAAG,OAAO;IAI1C,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM;IAIxC,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM;yCApB7B,2BAA2B;2CAA3B,2BAA2B;CAuBvC"}

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

@@ -1,5 +1,5 @@
 import { NgComponentOutlet } from '@angular/common';
-import { Component, inject } from '@angular/core';
+import { Component, inject, ChangeDetectionStrategy } 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';
@@ -19,66 +19,79 @@ function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_1_Template(
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngComponentOutlet", ctx.component)("ngComponentOutletInputs", i0.ɵɵpureFunction2(2, _c0, input_r1, ctx_r1.rendererService));
 } }
-function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_0_Template(rf, ctx) { if (rf & 1) {
+function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_7_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "prism-boolean-control", 6);
-    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_0_Template_prism_boolean_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const input_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.rendererService.updateInput(input_r1.name, $event)); });
+    i0.ɵɵelementStart(0, "prism-boolean-control", 10);
+    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_7_Template_prism_boolean_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const input_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.rendererService.updateInput(input_r1.name, $event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const input_r1 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("value", ctx_r1.asBoolean(ctx_r1.rendererService.inputValues()[input_r1.name]))("label", input_r1.name)("typeName", input_r1.rawType ?? "");
+    i0.ɵɵproperty("value", ctx_r1.asBoolean(ctx_r1.rendererService.inputValues()[input_r1.name]));
 } }
-function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_1_Template(rf, ctx) { if (rf & 1) {
+function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_8_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "prism-number-control", 6);
-    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_1_Template_prism_number_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const input_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.rendererService.updateInput(input_r1.name, $event)); });
+    i0.ɵɵelementStart(0, "prism-number-control", 10);
+    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_8_Template_prism_number_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const input_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.rendererService.updateInput(input_r1.name, $event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const input_r1 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("value", ctx_r1.asNumber(ctx_r1.rendererService.inputValues()[input_r1.name]))("label", input_r1.name)("typeName", input_r1.rawType ?? "");
+    i0.ɵɵproperty("value", ctx_r1.asNumber(ctx_r1.rendererService.inputValues()[input_r1.name]));
 } }
-function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_2_Template(rf, ctx) { if (rf & 1) {
+function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_9_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "prism-union-control", 7);
-    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_2_Template_prism_union_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const input_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.rendererService.updateInput(input_r1.name, $event)); });
+    i0.ɵɵelementStart(0, "prism-union-control", 11);
+    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_9_Template_prism_union_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const input_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.rendererService.updateInput(input_r1.name, $event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const input_r1 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("value", ctx_r1.asString(ctx_r1.rendererService.inputValues()[input_r1.name]))("label", input_r1.name)("typeName", input_r1.rawType ?? "")("options", input_r1.values ?? i0.ɵɵpureFunction0(4, _c1));
+    i0.ɵɵproperty("value", ctx_r1.asString(ctx_r1.rendererService.inputValues()[input_r1.name]))("options", input_r1.values ?? i0.ɵɵpureFunction0(2, _c1));
 } }
-function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_3_Template(rf, ctx) { if (rf & 1) {
+function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_10_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "prism-string-control", 6);
-    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_3_Template_prism_string_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const input_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.rendererService.updateInput(input_r1.name, $event)); });
+    i0.ɵɵelementStart(0, "prism-string-control", 10);
+    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_10_Template_prism_string_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const input_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.rendererService.updateInput(input_r1.name, $event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const input_r1 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("value", ctx_r1.asString(ctx_r1.rendererService.inputValues()[input_r1.name]))("label", input_r1.name)("typeName", input_r1.rawType ?? "");
+    i0.ɵɵproperty("value", ctx_r1.asString(ctx_r1.rendererService.inputValues()[input_r1.name]));
 } }
-function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_4_Template(rf, ctx) { if (rf & 1) {
+function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_11_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "prism-json-control", 6);
-    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_4_Template_prism_json_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const input_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.rendererService.updateInput(input_r1.name, $event)); });
+    i0.ɵɵelementStart(0, "prism-json-control", 10);
+    i0.ɵɵlistener("valueChange", function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_11_Template_prism_json_control_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const input_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.rendererService.updateInput(input_r1.name, $event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const input_r1 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("value", ctx_r1.rendererService.inputValues()[input_r1.name])("label", input_r1.name)("typeName", input_r1.rawType ?? "");
+    i0.ɵɵproperty("value", ctx_r1.rendererService.inputValues()[input_r1.name]);
 } }
 function PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_0_Template, 1, 3, "prism-boolean-control", 4)(1, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_1_Template, 1, 3, "prism-number-control", 4)(2, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_2_Template, 1, 5, "prism-union-control", 5)(3, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_3_Template, 1, 3, "prism-string-control", 4)(4, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_4_Template, 1, 3, "prism-json-control", 4);
+    i0.ɵɵelementStart(0, "div", 4)(1, "span", 5);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 6)(4, "b");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(6, "div", 7);
+    i0.ɵɵconditionalCreate(7, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_7_Template, 1, 1, "prism-boolean-control", 8)(8, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_8_Template, 1, 1, "prism-number-control", 8)(9, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_9_Template, 1, 3, "prism-union-control", 9)(10, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_10_Template, 1, 1, "prism-string-control", 8)(11, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Case_11_Template, 1, 1, "prism-json-control", 8);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_13_0;
+    let tmp_15_0;
     const input_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵconditional((tmp_13_0 = input_r1.type) === "boolean" ? 0 : tmp_13_0 === "number" ? 1 : tmp_13_0 === "union" ? 2 : tmp_13_0 === "string" ? 3 : 4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(input_r1.name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(input_r1.rawType ?? input_r1.type);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((tmp_15_0 = input_r1.type) === "boolean" ? 7 : tmp_15_0 === "number" ? 8 : tmp_15_0 === "union" ? 9 : tmp_15_0 === "string" ? 10 : 11);
 } }
 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_Conditional_1_Template, 1, 5, "ng-container", 3)(2, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Template, 5, 1);
+    i0.ɵɵconditionalCreate(1, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_1_Template, 1, 5, "ng-container", 3)(2, PrismControlsPanelComponent_Conditional_0_For_2_Conditional_2_Template, 12, 3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_12_0;
@@ -109,7 +122,8 @@ export class PrismControlsPanelComponent {
     rendererService = inject(PrismRendererService);
     pluginService = inject(PrismPluginService);
     getCustomControl(input) {
-        return this.pluginService.controls().find((ctrl) => ctrl.matchType(input)) ?? null;
+        return (this.pluginService.controls().find((ctrl) => ctrl.matchType(input)) ??
+            null);
     }
     asBoolean(val) {
         return Boolean(val);
@@ -121,7 +135,7 @@ export class PrismControlsPanelComponent {
         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, "ngComponentOutlet", "ngComponentOutletInputs"], [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) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismControlsPanelComponent, selectors: [["prism-controls-panel"]], decls: 1, vars: 1, consts: [[1, "ctl-panel"], [1, "ctl-row"], [1, "ctl-empty"], [3, "ngComponentOutlet", "ngComponentOutletInputs"], [1, "ctl-label"], [1, "ctl-name"], [1, "ctl-type"], [1, "ctl-input"], [3, "value"], [3, "value", "options"], [3, "valueChange", "value"], [3, "valueChange", "value", "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;
@@ -131,11 +145,11 @@ export class PrismControlsPanelComponent {
             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    }"] });
+            JsonControlComponent], styles: [".ctl-panel[_ngcontent-%COMP%] {\n      overflow-y: auto;\n      height: 100%;\n    }\n\n    .ctl-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 180px 1fr;\n      align-items: center;\n      gap: 12px;\n      padding: 8px 20px;\n      min-height: 40px;\n      border-bottom: 1px solid var(--prism-border);\n    }\n    .ctl-row[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--prism-primary) 3%, transparent);\n    }\n\n    .ctl-label[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n    .ctl-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: var(--prism-text);\n      font-weight: 500;\n    }\n    .ctl-type[_ngcontent-%COMP%] {\n      font-family: var(--font-mono);\n      font-size: 10.5px;\n      color: var(--prism-text-ghost);\n    }\n    .ctl-type[_ngcontent-%COMP%]   b[_ngcontent-%COMP%] {\n      color: var(--prism-primary);\n      font-weight: 500;\n    }\n\n    .ctl-input[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      min-width: 0;\n    }\n\n    .ctl-empty[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      font-size: 13px;\n      margin: 0;\n      padding: 16px 20px;\n    }"], changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismControlsPanelComponent, [{
         type: Component,
-        args: [{ selector: 'prism-controls-panel', standalone: true, imports: [
+        args: [{ selector: 'prism-controls-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                     NgComponentOutlet,
                     BooleanControlComponent,
                     StringControlComponent,
@@ -144,66 +158,60 @@ export class PrismControlsPanelComponent {
                     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">
-            @if (getCustomControl(input); as customCtrl) {
-              <ng-container
-                [ngComponentOutlet]="customCtrl.component"
-                [ngComponentOutletInputs]="{ inputMeta: input, rendererService: rendererService }"
-              />
-            } @else {
-              @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 class="ctl-panel">
+      @for (input of comp.meta.inputs; track input.name) {
+      <div class="ctl-row">
+        @if (getCustomControl(input); as customCtrl) {
+        <ng-container
+          [ngComponentOutlet]="customCtrl.component"
+          [ngComponentOutletInputs]="{
+            inputMeta: input,
+            rendererService: rendererService
+          }"
+        />
+        } @else {
+        <div class="ctl-label">
+          <span class="ctl-name">{{ input.name }}</span>
+          <span class="ctl-type"
+            ><b>{{ input.rawType ?? input.type }}</b></span
+          >
+        </div>
+        <div class="ctl-input">
+          @switch (input.type) { @case ('boolean') {
+          <prism-boolean-control
+            [value]="asBoolean(rendererService.inputValues()[input.name])"
+            (valueChange)="rendererService.updateInput(input.name, $event)"
+          />
+          } @case ('number') {
+          <prism-number-control
+            [value]="asNumber(rendererService.inputValues()[input.name])"
+            (valueChange)="rendererService.updateInput(input.name, $event)"
+          />
+          } @case ('union') {
+          <prism-union-control
+            [value]="asString(rendererService.inputValues()[input.name])"
+            [options]="input.values ?? []"
+            (valueChange)="rendererService.updateInput(input.name, $event)"
+          />
+          } @case ('string') {
+          <prism-string-control
+            [value]="asString(rendererService.inputValues()[input.name])"
+            (valueChange)="rendererService.updateInput(input.name, $event)"
+          />
+          } @default {
+          <prism-json-control
+            [value]="rendererService.inputValues()[input.name]"
+            (valueChange)="rendererService.updateInput(input.name, $event)"
+          />
+          } }
+        </div>
         }
       </div>
+      } @if (comp.meta.inputs.length === 0) {
+      <p class="ctl-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  "] }]
+  `, styles: ["\n    .ctl-panel {\n      overflow-y: auto;\n      height: 100%;\n    }\n\n    .ctl-row {\n      display: grid;\n      grid-template-columns: 180px 1fr;\n      align-items: center;\n      gap: 12px;\n      padding: 8px 20px;\n      min-height: 40px;\n      border-bottom: 1px solid var(--prism-border);\n    }\n    .ctl-row:hover {\n      background: color-mix(in srgb, var(--prism-primary) 3%, transparent);\n    }\n\n    .ctl-label {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n    .ctl-name {\n      font-size: 13px;\n      color: var(--prism-text);\n      font-weight: 500;\n    }\n    .ctl-type {\n      font-family: var(--font-mono);\n      font-size: 10.5px;\n      color: var(--prism-text-ghost);\n    }\n    .ctl-type b {\n      color: var(--prism-primary);\n      font-weight: 500;\n    }\n\n    .ctl-input {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      min-width: 0;\n    }\n\n    .ctl-empty {\n      color: var(--prism-text-ghost);\n      font-size: 13px;\n      margin: 0;\n      padding: 16px 20px;\n    }\n  "] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismControlsPanelComponent, { className: "PrismControlsPanelComponent", filePath: "app/panels/controls/prism-controls-panel.component.ts", lineNumber: 110 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismControlsPanelComponent, { className: "PrismControlsPanelComponent", filePath: "app/panels/controls/prism-controls-panel.component.ts", lineNumber: 139 }); })();

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

@@ -1 +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"}
+{"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,aAW3B,CAAC"}

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

@@ -5,6 +5,7 @@ export const EVENTS_PLUGIN = {
         {
             id: 'events',
             label: 'Events',
+            icon: 'zap',
             component: PrismEventsPanelComponent,
             position: 'bottom',
         },

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

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class PrismEventsPanelComponent {
     protected readonly eventLogService: PrismEventLogService;
     protected formatTime(ts: number): string;
+    protected padIdx(n: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PrismEventsPanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PrismEventsPanelComponent, "prism-events-panel", never, {}, {}, never, never, true, never>;
 }

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

@@ -1 +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"}
+{"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,qBA+Ea,yBAAyB;IACpC,SAAS,CAAC,QAAQ,CAAC,eAAe,uBAAgC;IAElE,SAAS,CAAC,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;IAQxC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;yCAXxB,yBAAyB;2CAAzB,yBAAyB;CAcrC"}

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

@@ -1,30 +1,36 @@
-import { Component, inject } from '@angular/core';
+import { Component, inject, ChangeDetectionStrategy } 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);
+function PrismEventsPanelComponent_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "span", 4);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 8);
+    i0.ɵɵelementStart(3, "span", 5);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 9);
-    i0.ɵɵelement(6, "prism-json-node", 10);
+    i0.ɵɵelementStart(5, "span", 6);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span", 7);
+    i0.ɵɵelement(8, "prism-json-node", 8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const entry_r1 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ɵ$index_5_r2 = ctx.$index;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.formatTime(entry_r1.timestamp));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.formatTime(entry_r1.timestamp));
+    i0.ɵɵtextInterpolate1("#", ctx_r2.padIdx(ctx_r2.eventLogService.events().length - ɵ$index_5_r2));
     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);
+function PrismEventsPanelComponent_ForEmpty_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 3);
     i0.ɵɵtext(1, "No events recorded");
     i0.ɵɵelementEnd();
 } }
@@ -32,52 +38,44 @@ export class PrismEventsPanelComponent {
     eventLogService = inject(PrismEventLogService);
     formatTime(ts) {
         const d = new Date(ts);
-        return d.toLocaleTimeString('en-US', { hour12: false, fractionalSecondDigits: 3 });
+        return d.toLocaleTimeString('en-US', {
+            hour12: false,
+            fractionalSecondDigits: 3,
+        });
+    }
+    padIdx(n) {
+        return String(n).padStart(3, '0');
     }
     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);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismEventsPanelComponent, selectors: [["prism-events-panel"]], decls: 5, vars: 1, consts: [[1, "ev-panel"], [1, "ev-body"], [1, "ev"], [1, "ev-empty"], [1, "ev-time"], [1, "ev-idx"], [1, "ev-name"], [1, "ev-args"], [3, "value"]], template: function PrismEventsPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵrepeaterCreate(2, PrismEventsPanelComponent_For_3_Template, 9, 4, "div", 2, _forTrack0, false, PrismEventsPanelComponent_ForEmpty_4_Template, 2, 0, "p", 3);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵadvance(7);
+            i0.ɵɵadvance(2);
             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    }"] });
+        } }, dependencies: [PrismJsonNodeComponent], styles: [".ev-panel[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .ev-body[_ngcontent-%COMP%] {\n      padding: 6px 0;\n      overflow-y: auto;\n      flex: 1;\n    }\n\n    .ev[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: auto auto 1fr auto;\n      align-items: center;\n      gap: 12px;\n      padding: 6px 20px;\n      font-family: var(--font-mono);\n      font-size: 12px;\n      border-bottom: 1px solid var(--prism-border);\n      min-height: 32px;\n    }\n    .ev[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--prism-primary) 3%, transparent);\n    }\n\n    .ev-time[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      font-size: 11px;\n    }\n    .ev-idx[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted);\n      font-size: 11px;\n    }\n    .ev-name[_ngcontent-%COMP%] {\n      color: var(--prism-primary);\n      font-weight: 500;\n    }\n    .ev-args[_ngcontent-%COMP%] {\n      color: var(--prism-text-2);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .ev-empty[_ngcontent-%COMP%] {\n      color: var(--prism-text-ghost);\n      font-size: 13px;\n      padding: 16px 20px;\n      margin: 0;\n    }"], changeDetection: 0 });
 }
 (() => { (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>
+        args: [{ selector: 'prism-events-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PrismJsonNodeComponent], template: `
+    <div class="ev-panel">
+      <div class="ev-body">
+        @for (entry of eventLogService.events(); track entry.id; let i = $index)
+        {
+        <div class="ev">
+          <span class="ev-time">{{ formatTime(entry.timestamp) }}</span>
+          <span class="ev-idx"
+            >#{{ padIdx(eventLogService.events().length - i) }}</span
+          >
+          <span class="ev-name">{{ entry.name }}</span>
+          <span class="ev-args"><prism-json-node [value]="entry.value" /></span>
+        </div>
         } @empty {
-          <p class="prism-events-panel__empty">No events recorded</p>
+        <p class="ev-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  "] }]
+  `, styles: ["\n    .ev-panel {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .ev-body {\n      padding: 6px 0;\n      overflow-y: auto;\n      flex: 1;\n    }\n\n    .ev {\n      display: grid;\n      grid-template-columns: auto auto 1fr auto;\n      align-items: center;\n      gap: 12px;\n      padding: 6px 20px;\n      font-family: var(--font-mono);\n      font-size: 12px;\n      border-bottom: 1px solid var(--prism-border);\n      min-height: 32px;\n    }\n    .ev:hover {\n      background: color-mix(in srgb, var(--prism-primary) 3%, transparent);\n    }\n\n    .ev-time {\n      color: var(--prism-text-ghost);\n      font-size: 11px;\n    }\n    .ev-idx {\n      color: var(--prism-text-muted);\n      font-size: 11px;\n    }\n    .ev-name {\n      color: var(--prism-primary);\n      font-weight: 500;\n    }\n    .ev-args {\n      color: var(--prism-text-2);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .ev-empty {\n      color: var(--prism-text-ghost);\n      font-size: 13px;\n      padding: 16px 20px;\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 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismEventsPanelComponent, { className: "PrismEventsPanelComponent", filePath: "app/panels/events/prism-events-panel.component.ts", lineNumber: 84 }); })();

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

@@ -8,8 +8,13 @@ export declare class PrismPanelHostComponent implements OnDestroy {
     private readonly envInjector;
     private readonly auditService;
     private readonly rendererService;
-    protected readonly a11yScore: import("@angular/core").Signal<number | null>;
-    protected readonly coverageScore: import("@angular/core").Signal<number | null>;
+    private readonly a11yScore;
+    private readonly coverageScore;
+    private readonly inputCount;
+    protected panelBadge(panelId: string): {
+        text: string;
+        variant: 'default' | 'ok' | 'warn' | 'danger';
+    } | null;
     private readonly builtInPanels;
     protected readonly allPanels: import("@angular/core").Signal<import("../../../index.js").PanelDefinition[]>;
     protected readonly resolvedComponent: import("@angular/core").WritableSignal<Type<unknown> | null>;

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

@@ -1 +1 @@
-{"version":3,"file":"prism-panel-host.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/panel-host/prism-panel-host.component.ts"],"names":[],"mappings":"AACA,OAAO,EAA0D,mBAAmB,EAAU,SAAS,EAAU,KAAK,IAAI,EAAE,MAAM,eAAe,CAAC;AAKlJ,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;;AAK1E,qBAqFa,uBAAwB,YAAW,SAAS;IACvD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkC;IACtD,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAC5D,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+B;IAC3D,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA4B;IACzD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAEhE,SAAS,CAAC,QAAQ,CAAC,SAAS,gDAAkE;IAE9F,SAAS,CAAC,QAAQ,CAAC,aAAa,gDAK7B;IAEH,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkB;IAEhD,SAAS,CAAC,QAAQ,CAAC,SAAS,gFAQzB;IACH,SAAS,CAAC,QAAQ,CAAC,iBAAiB,+DAAsC;IAC1E,SAAS,CAAC,QAAQ,CAAC,WAAW;;OAE1B;IAEJ,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoC;IAC9D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA0C;IAExE,SAAS,CAAC,QAAQ,CAAC,cAAc,sDAY9B;;IA0DH,WAAW,IAAI,IAAI;yCA1GR,uBAAuB;2CAAvB,uBAAuB;CA6GnC"}
+{"version":3,"file":"prism-panel-host.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/panel-host/prism-panel-host.component.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,mBAAmB,EAEnB,SAAS,EAET,KAAK,IAAI,EAEV,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;;AAK1E,qBA+Ka,uBAAwB,YAAW,SAAS;IACvD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkC;IACtD,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAC5D,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+B;IAC3D,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA4B;IACzD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAEhE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAExB;IAEF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAK3B;IAEH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAGxB;IAEH,SAAS,CAAC,UAAU,CAClB,OAAO,EAAE,MAAM,GACd;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI;IAwBzE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkB;IAEhD,SAAS,CAAC,QAAQ,CAAC,SAAS,gFAQzB;IAEH,SAAS,CAAC,QAAQ,CAAC,iBAAiB,+DAAsC;IAC1E,SAAS,CAAC,QAAQ,CAAC,WAAW;;OAE1B;IAEJ,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoC;IAC9D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA0C;IAExE,SAAS,CAAC,QAAQ,CAAC,cAAc,sDAgB9B;;IA8DH,WAAW,IAAI,IAAI;yCApJR,uBAAuB;2CAAvB,uBAAuB;CAuJnC"}