@ng-prism/core 22.2.1 → 22.4.0

package/dist/app/controls/json-control.component.js

@@ -1,4 +1,4 @@
-import { Component, ChangeDetectionStrategy, computed, input, output, signal, viewChild, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, input, output, signal, viewChild } from '@angular/core';
 import * as i0 from "@angular/core";
 const _c0 = ["textareaEl"];
 const _c1 = ["preEl"];
@@ -101,30 +101,10 @@ export class JsonControlComponent {
             i0.ɵɵdomProperty("value", ctx.displayText());
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.parseError() ? 7 : -1);
-        } }, styles: [".json-editor[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n\n    .json-overlay[_ngcontent-%COMP%] {\n      position: relative;\n      border: 1px solid var(--%NS%prism-border);\n      border-radius: var(--%NS%radius-sm);\n      overflow: hidden;\n      transition: border-color var(--%NS%dur-fast);\n    }\n    .json-overlay[_ngcontent-%COMP%]:focus-within {\n      border-color: var(--%NS%prism-primary);\n      box-shadow: 0 0 0 2px color-mix(in srgb, var(--%NS%prism-primary) 30%, transparent);\n    }\n\n    .json-pre[_ngcontent-%COMP%], .json-input[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 4px 8px;\n      font-family: var(--%NS%font-mono);\n      font-size: 12px;\n      line-height: 1.4;\n      white-space: pre-wrap;\n      word-wrap: break-word;\n      tab-size: 2;\n    }\n\n    .json-pre[_ngcontent-%COMP%] {\n      min-height: 56px;\n      pointer-events: none;\n    }\n    .json-pre[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] { font-family: inherit; }\n\n    [_nghost-%COMP%]     .jh-key { color: var(--%NS%prism-code-attr); }\n    [_nghost-%COMP%]     .jh-string { color: var(--%NS%prism-code-str); }\n    [_nghost-%COMP%]     .jh-number { color: var(--%NS%prism-warn); }\n    [_nghost-%COMP%]     .jh-bool { color: var(--%NS%prism-primary); }\n    [_nghost-%COMP%]     .jh-null { color: var(--%NS%prism-text-ghost); }\n\n    .json-input[_ngcontent-%COMP%] {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      background: transparent;\n      color: transparent;\n      caret-color: var(--%NS%prism-text);\n      border: none;\n      resize: none;\n      overflow: auto;\n      box-sizing: border-box;\n    }\n    .json-input[_ngcontent-%COMP%]:focus { outline: none; }\n    .json-input[_ngcontent-%COMP%]::selection { background: rgba(99, 102, 241, 0.3); }\n\n    .json-error[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--%NS%prism-danger);\n      display: block;\n      margin-top: 2px;\n    }"] });
+        } }, styles: [".json-editor[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.json-overlay[_ngcontent-%COMP%] {\n    position: relative;\n    overflow: hidden;\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: var(--%NS%radius-sm);\n    transition: border-color var(--%NS%dur-fast);\n}\n\n.json-overlay[_ngcontent-%COMP%]:focus-within {\n    border-color: var(--%NS%prism-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--%NS%prism-primary) 30%, transparent);\n}\n\n.json-pre[_ngcontent-%COMP%], \n.json-input[_ngcontent-%COMP%] {\n    padding: 4px 8px;\n    margin: 0;\n    font-family: var(--%NS%font-mono);\n    font-size: 12px;\n    line-height: 1.4;\n    overflow-wrap: break-word;\n    tab-size: 2;\n    white-space: pre-wrap;\n}\n\n.json-pre[_ngcontent-%COMP%] {\n    min-height: 56px;\n    pointer-events: none;\n}\n\n.json-pre[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    font-family: inherit;\n}\n\n[_nghost-%COMP%]     .jh-key {\n    color: var(--%NS%prism-code-attr);\n}\n\n[_nghost-%COMP%]     .jh-string {\n    color: var(--%NS%prism-code-str);\n}\n\n[_nghost-%COMP%]     .jh-number {\n    color: var(--%NS%prism-warn);\n}\n\n[_nghost-%COMP%]     .jh-bool {\n    color: var(--%NS%prism-primary);\n}\n\n[_nghost-%COMP%]     .jh-null {\n    color: var(--%NS%prism-text-ghost);\n}\n\n.json-input[_ngcontent-%COMP%] {\n    position: absolute;\n    inset: 0;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    color: transparent;\n    caret-color: var(--%NS%prism-text);\n    resize: none;\n    background: transparent;\n    border: none;\n}\n\n.json-input[_ngcontent-%COMP%]:focus {\n    outline: none;\n}\n\n.json-input[_ngcontent-%COMP%]::selection {\n    background: rgb(99 102 241 / 30%);\n}\n\n.json-error[_ngcontent-%COMP%] {\n    display: block;\n    margin-top: 2px;\n    font-size: 11px;\n    color: var(--%NS%prism-danger);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JsonControlComponent, [{
         type: Component,
-        args: [{ selector: 'prism-json-control', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div class="json-editor">
-      <div class="json-overlay">
-        <pre
-          class="json-pre"
-          #preEl
-        ><code [innerHTML]="highlightedHtml()"></code></pre>
-        <textarea
-          #textareaEl
-          class="json-input"
-          [value]="displayText()"
-          (input)="onInput($any($event.target).value)"
-          (scroll)="syncScroll()"
-          spellcheck="false"
-        ></textarea>
-      </div>
-      @if (parseError()) {
-      <span class="json-error">Invalid JSON</span>
-      }
-    </div>
-  `, styles: ["\n    .json-editor { flex: 1; min-width: 0; }\n\n    .json-overlay {\n      position: relative;\n      border: 1px solid var(--prism-border);\n      border-radius: var(--radius-sm);\n      overflow: hidden;\n      transition: border-color var(--dur-fast);\n    }\n    .json-overlay:focus-within {\n      border-color: var(--prism-primary);\n      box-shadow: 0 0 0 2px color-mix(in srgb, var(--prism-primary) 30%, transparent);\n    }\n\n    .json-pre, .json-input {\n      margin: 0;\n      padding: 4px 8px;\n      font-family: var(--font-mono);\n      font-size: 12px;\n      line-height: 1.4;\n      white-space: pre-wrap;\n      word-wrap: break-word;\n      tab-size: 2;\n    }\n\n    .json-pre {\n      min-height: 56px;\n      pointer-events: none;\n    }\n    .json-pre code { font-family: inherit; }\n\n    :host ::ng-deep .jh-key { color: var(--prism-code-attr); }\n    :host ::ng-deep .jh-string { color: var(--prism-code-str); }\n    :host ::ng-deep .jh-number { color: var(--prism-warn); }\n    :host ::ng-deep .jh-bool { color: var(--prism-primary); }\n    :host ::ng-deep .jh-null { color: var(--prism-text-ghost); }\n\n    .json-input {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      background: transparent;\n      color: transparent;\n      caret-color: var(--prism-text);\n      border: none;\n      resize: none;\n      overflow: auto;\n      box-sizing: border-box;\n    }\n    .json-input:focus { outline: none; }\n    .json-input::selection { background: rgba(99, 102, 241, 0.3); }\n\n    .json-error {\n      font-size: 11px;\n      color: var(--prism-danger);\n      display: block;\n      margin-top: 2px;\n    }\n  "] }]
+        args: [{ selector: 'prism-json-control', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"json-editor\">\n    <div class=\"json-overlay\">\n        <pre\n            class=\"json-pre\"\n            #preEl><code [innerHTML]=\"highlightedHtml()\"></code></pre>\n        <textarea\n            #textareaEl\n            class=\"json-input\"\n            [value]=\"displayText()\"\n            (input)=\"onInput($any($event.target).value)\"\n            (scroll)=\"syncScroll()\"\n            spellcheck=\"false\"></textarea>\n    </div>\n    @if (parseError()) {\n        <span class=\"json-error\">Invalid JSON</span>\n    }\n</div>\n", styles: [".json-editor {\n    flex: 1;\n    min-width: 0;\n}\n\n.json-overlay {\n    position: relative;\n    overflow: hidden;\n    border: 1px solid var(--prism-border);\n    border-radius: var(--radius-sm);\n    transition: border-color var(--dur-fast);\n}\n\n.json-overlay:focus-within {\n    border-color: var(--prism-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--prism-primary) 30%, transparent);\n}\n\n.json-pre,\n.json-input {\n    padding: 4px 8px;\n    margin: 0;\n    font-family: var(--font-mono);\n    font-size: 12px;\n    line-height: 1.4;\n    overflow-wrap: break-word;\n    tab-size: 2;\n    white-space: pre-wrap;\n}\n\n.json-pre {\n    min-height: 56px;\n    pointer-events: none;\n}\n\n.json-pre code {\n    font-family: inherit;\n}\n\n:host ::ng-deep .jh-key {\n    color: var(--prism-code-attr);\n}\n\n:host ::ng-deep .jh-string {\n    color: var(--prism-code-str);\n}\n\n:host ::ng-deep .jh-number {\n    color: var(--prism-warn);\n}\n\n:host ::ng-deep .jh-bool {\n    color: var(--prism-primary);\n}\n\n:host ::ng-deep .jh-null {\n    color: var(--prism-text-ghost);\n}\n\n.json-input {\n    position: absolute;\n    inset: 0;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    color: transparent;\n    caret-color: var(--prism-text);\n    resize: none;\n    background: transparent;\n    border: none;\n}\n\n.json-input:focus {\n    outline: none;\n}\n\n.json-input::selection {\n    background: rgb(99 102 241 / 30%);\n}\n\n.json-error {\n    display: block;\n    margin-top: 2px;\n    font-size: 11px;\n    color: var(--prism-danger);\n}\n"] }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], typeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeName", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], textareaEl: [{ type: i0.ViewChild, args: ['textareaEl', { isSignal: true }] }], preEl: [{ type: i0.ViewChild, args: ['preEl', { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JsonControlComponent, { className: "JsonControlComponent", filePath: "app/controls/json-control.component.ts", lineNumber: 126 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JsonControlComponent, { className: "JsonControlComponent", filePath: "app/controls/json-control.component.ts", lineNumber: 38 }); })();

package/dist/app/controls/number-control.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-control.component.d.ts","sourceRoot":"","sources":["../../../src/app/controls/number-control.component.ts"],"names":[],"mappings":";AAOA,qBAiCa,sBAAsB;IACjC,QAAQ,CAAC,KAAK,8CAAY;IAC1B,QAAQ,CAAC,KAAK,8CAAa;IAC3B,QAAQ,CAAC,QAAQ,8CAAa;IAC9B,QAAQ,CAAC,WAAW,mDAAoB;yCAJ7B,sBAAsB;2CAAtB,sBAAsB;CAKlC"}
+{"version":3,"file":"number-control.component.d.ts","sourceRoot":"","sources":["../../../src/app/controls/number-control.component.ts"],"names":[],"mappings":";AAEA,qBAOa,sBAAsB;IAC/B,QAAQ,CAAC,KAAK,8CAAY;IAC1B,QAAQ,CAAC,KAAK,8CAAa;IAC3B,QAAQ,CAAC,QAAQ,8CAAa;IAC9B,QAAQ,CAAC,WAAW,mDAAoB;yCAJ/B,sBAAsB;2CAAtB,sBAAsB;CAKlC"}

package/dist/app/controls/number-control.component.js

@@ -1,4 +1,4 @@
-import { Component, ChangeDetectionStrategy, input, output, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
 import * as i0 from "@angular/core";
 export class NumberControlComponent {
     value = input(0, /* @ts-ignore */
@@ -15,17 +15,10 @@ export class NumberControlComponent {
             i0.ɵɵdomElementEnd();
         } if (rf & 2) {
             i0.ɵɵdomProperty("value", ctx.value());
-        } }, styles: [".ctl-number[_ngcontent-%COMP%] {\n      height: 30px;\n      padding: 0 10px;\n      background: var(--%NS%prism-input-bg);\n      border: 1px solid var(--%NS%prism-border);\n      border-radius: var(--%NS%radius-sm);\n      color: var(--%NS%prism-text);\n      font-size: 13px;\n      font-family: var(--%NS%font-sans);\n      flex: 1;\n      min-width: 0;\n      outline: none;\n      transition: border-color var(--%NS%dur-fast), box-shadow var(--%NS%dur-fast);\n    }\n    .ctl-number[_ngcontent-%COMP%]:focus {\n      border-color: var(--%NS%prism-primary);\n      box-shadow: 0 0 0 2px color-mix(in srgb, var(--%NS%prism-primary) 30%, transparent);\n    }"] });
+        } }, styles: [".ctl-number[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    height: 30px;\n    padding: 0 10px;\n    font-family: var(--%NS%font-sans);\n    font-size: 13px;\n    color: var(--%NS%prism-text);\n    outline: none;\n    background: var(--%NS%prism-input-bg);\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: var(--%NS%radius-sm);\n    transition:\n        border-color var(--%NS%dur-fast),\n        box-shadow var(--%NS%dur-fast);\n}\n\n.ctl-number[_ngcontent-%COMP%]:focus {\n    border-color: var(--%NS%prism-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--%NS%prism-primary) 30%, transparent);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NumberControlComponent, [{
         type: Component,
-        args: [{ selector: 'prism-number-control', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <input
-      type="number"
-      class="ctl-number"
-      [value]="value()"
-      (input)="valueChange.emit($any($event.target).valueAsNumber || 0)"
-    />
-  `, styles: ["\n    .ctl-number {\n      height: 30px;\n      padding: 0 10px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      border-radius: var(--radius-sm);\n      color: var(--prism-text);\n      font-size: 13px;\n      font-family: var(--font-sans);\n      flex: 1;\n      min-width: 0;\n      outline: none;\n      transition: border-color var(--dur-fast), box-shadow var(--dur-fast);\n    }\n    .ctl-number:focus {\n      border-color: var(--prism-primary);\n      box-shadow: 0 0 0 2px color-mix(in srgb, var(--prism-primary) 30%, transparent);\n    }\n  "] }]
+        args: [{ selector: 'prism-number-control', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n    type=\"number\"\n    class=\"ctl-number\"\n    [value]=\"value()\"\n    (input)=\"valueChange.emit($any($event.target).valueAsNumber || 0)\" />\n", styles: [".ctl-number {\n    flex: 1;\n    min-width: 0;\n    height: 30px;\n    padding: 0 10px;\n    font-family: var(--font-sans);\n    font-size: 13px;\n    color: var(--prism-text);\n    outline: none;\n    background: var(--prism-input-bg);\n    border: 1px solid var(--prism-border);\n    border-radius: var(--radius-sm);\n    transition:\n        border-color var(--dur-fast),\n        box-shadow var(--dur-fast);\n}\n\n.ctl-number:focus {\n    border-color: var(--prism-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--prism-primary) 30%, transparent);\n}\n"] }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], typeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeName", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NumberControlComponent, { className: "NumberControlComponent", filePath: "app/controls/number-control.component.ts", lineNumber: 41 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NumberControlComponent, { className: "NumberControlComponent", filePath: "app/controls/number-control.component.ts", lineNumber: 10 }); })();

package/dist/app/controls/string-control.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"string-control.component.d.ts","sourceRoot":"","sources":["../../../src/app/controls/string-control.component.ts"],"names":[],"mappings":";AAOA,qBAiCa,sBAAsB;IACjC,QAAQ,CAAC,KAAK,8CAAa;IAC3B,QAAQ,CAAC,KAAK,8CAAa;IAC3B,QAAQ,CAAC,QAAQ,8CAAa;IAC9B,QAAQ,CAAC,WAAW,mDAAoB;yCAJ7B,sBAAsB;2CAAtB,sBAAsB;CAKlC"}
+{"version":3,"file":"string-control.component.d.ts","sourceRoot":"","sources":["../../../src/app/controls/string-control.component.ts"],"names":[],"mappings":";AAEA,qBAOa,sBAAsB;IAC/B,QAAQ,CAAC,KAAK,8CAAa;IAC3B,QAAQ,CAAC,KAAK,8CAAa;IAC3B,QAAQ,CAAC,QAAQ,8CAAa;IAC9B,QAAQ,CAAC,WAAW,mDAAoB;yCAJ/B,sBAAsB;2CAAtB,sBAAsB;CAKlC"}

package/dist/app/controls/string-control.component.js

@@ -1,4 +1,4 @@
-import { Component, ChangeDetectionStrategy, input, output, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
 import * as i0 from "@angular/core";
 export class StringControlComponent {
     value = input('', /* @ts-ignore */
@@ -15,17 +15,10 @@ export class StringControlComponent {
             i0.ɵɵdomElementEnd();
         } if (rf & 2) {
             i0.ɵɵdomProperty("value", ctx.value());
-        } }, styles: [".ctl-text[_ngcontent-%COMP%] {\n      height: 30px;\n      padding: 0 10px;\n      background: var(--%NS%prism-input-bg);\n      border: 1px solid var(--%NS%prism-border);\n      border-radius: var(--%NS%radius-sm);\n      color: var(--%NS%prism-text);\n      font-size: 13px;\n      font-family: var(--%NS%font-sans);\n      flex: 1;\n      min-width: 0;\n      outline: none;\n      transition: border-color var(--%NS%dur-fast), box-shadow var(--%NS%dur-fast);\n    }\n    .ctl-text[_ngcontent-%COMP%]:focus {\n      border-color: var(--%NS%prism-primary);\n      box-shadow: 0 0 0 2px color-mix(in srgb, var(--%NS%prism-primary) 30%, transparent);\n    }"] });
+        } }, styles: [".ctl-text[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    height: 30px;\n    padding: 0 10px;\n    font-family: var(--%NS%font-sans);\n    font-size: 13px;\n    color: var(--%NS%prism-text);\n    outline: none;\n    background: var(--%NS%prism-input-bg);\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: var(--%NS%radius-sm);\n    transition:\n        border-color var(--%NS%dur-fast),\n        box-shadow var(--%NS%dur-fast);\n}\n\n.ctl-text[_ngcontent-%COMP%]:focus {\n    border-color: var(--%NS%prism-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--%NS%prism-primary) 30%, transparent);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StringControlComponent, [{
         type: Component,
-        args: [{ selector: 'prism-string-control', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <input
-      type="text"
-      class="ctl-text"
-      [value]="value()"
-      (input)="valueChange.emit($any($event.target).value)"
-    />
-  `, styles: ["\n    .ctl-text {\n      height: 30px;\n      padding: 0 10px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      border-radius: var(--radius-sm);\n      color: var(--prism-text);\n      font-size: 13px;\n      font-family: var(--font-sans);\n      flex: 1;\n      min-width: 0;\n      outline: none;\n      transition: border-color var(--dur-fast), box-shadow var(--dur-fast);\n    }\n    .ctl-text:focus {\n      border-color: var(--prism-primary);\n      box-shadow: 0 0 0 2px color-mix(in srgb, var(--prism-primary) 30%, transparent);\n    }\n  "] }]
+        args: [{ selector: 'prism-string-control', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n    type=\"text\"\n    class=\"ctl-text\"\n    [value]=\"value()\"\n    (input)=\"valueChange.emit($any($event.target).value)\" />\n", styles: [".ctl-text {\n    flex: 1;\n    min-width: 0;\n    height: 30px;\n    padding: 0 10px;\n    font-family: var(--font-sans);\n    font-size: 13px;\n    color: var(--prism-text);\n    outline: none;\n    background: var(--prism-input-bg);\n    border: 1px solid var(--prism-border);\n    border-radius: var(--radius-sm);\n    transition:\n        border-color var(--dur-fast),\n        box-shadow var(--dur-fast);\n}\n\n.ctl-text:focus {\n    border-color: var(--prism-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--prism-primary) 30%, transparent);\n}\n"] }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], typeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeName", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StringControlComponent, { className: "StringControlComponent", filePath: "app/controls/string-control.component.ts", lineNumber: 41 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StringControlComponent, { className: "StringControlComponent", filePath: "app/controls/string-control.component.ts", lineNumber: 10 }); })();

package/dist/app/controls/union-control.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"union-control.component.d.ts","sourceRoot":"","sources":["../../../src/app/controls/union-control.component.ts"],"names":[],"mappings":";AAOA,qBAgDa,qBAAqB;IAChC,QAAQ,CAAC,KAAK,8CAAa;IAC3B,QAAQ,CAAC,KAAK,8CAAa;IAC3B,QAAQ,CAAC,QAAQ,8CAAa;IAC9B,QAAQ,CAAC,OAAO,gDAAuB;IACvC,QAAQ,CAAC,WAAW,mDAAoB;yCAL7B,qBAAqB;2CAArB,qBAAqB;CAMjC"}
+{"version":3,"file":"union-control.component.d.ts","sourceRoot":"","sources":["../../../src/app/controls/union-control.component.ts"],"names":[],"mappings":";AAEA,qBAOa,qBAAqB;IAC9B,QAAQ,CAAC,KAAK,8CAAa;IAC3B,QAAQ,CAAC,KAAK,8CAAa;IAC3B,QAAQ,CAAC,QAAQ,8CAAa;IAC9B,QAAQ,CAAC,OAAO,gDAAuB;IACvC,QAAQ,CAAC,WAAW,mDAAoB;yCAL/B,qBAAqB;2CAArB,qBAAqB;CAMjC"}

package/dist/app/controls/union-control.component.js

@@ -1,4 +1,4 @@
-import { Component, ChangeDetectionStrategy, input, output, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
 import * as i0 from "@angular/core";
 function UnionControlComponent_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -31,22 +31,10 @@ export class UnionControlComponent {
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵrepeater(ctx.options());
-        } }, styles: [".ctl-pills[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 4px;\n      flex-wrap: wrap;\n    }\n    .ctl-pill[_ngcontent-%COMP%] {\n      height: 26px;\n      padding: 0 10px;\n      font-size: var(--%NS%fs-sm);\n      font-weight: 500;\n      border: 1px solid var(--%NS%prism-border);\n      border-radius: 4px;\n      color: var(--%NS%prism-text-muted);\n      background: transparent;\n      cursor: pointer;\n      transition: all var(--%NS%dur-fast);\n      font-family: var(--%NS%font-sans);\n    }\n    .ctl-pill[_ngcontent-%COMP%]:hover {\n      color: var(--%NS%prism-text);\n      border-color: var(--%NS%prism-border-strong);\n    }\n    .ctl-pill--active[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--%NS%prism-primary) 15%, transparent);\n      color: var(--%NS%prism-primary);\n      border-color: color-mix(in srgb, var(--%NS%prism-primary) 40%, transparent);\n      font-weight: 600;\n    }"] });
+        } }, styles: [".ctl-pills[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.ctl-pill[_ngcontent-%COMP%] {\n    height: 26px;\n    padding: 0 10px;\n    font-family: var(--%NS%font-sans);\n    font-size: var(--%NS%fs-sm);\n    font-weight: 500;\n    color: var(--%NS%prism-text-muted);\n    cursor: pointer;\n    background: transparent;\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: 4px;\n    transition: all var(--%NS%dur-fast);\n}\n\n.ctl-pill[_ngcontent-%COMP%]:hover {\n    color: var(--%NS%prism-text);\n    border-color: var(--%NS%prism-border-strong);\n}\n\n.ctl-pill--active[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--%NS%prism-primary);\n    background: color-mix(in srgb, var(--%NS%prism-primary) 15%, transparent);\n    border-color: color-mix(in srgb, var(--%NS%prism-primary) 40%, transparent);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UnionControlComponent, [{
         type: Component,
-        args: [{ selector: 'prism-union-control', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div class="ctl-pills" role="group">
-      @for (option of options(); track option) {
-      <button
-        class="ctl-pill"
-        [class.ctl-pill--active]="option === value()"
-        (click)="valueChange.emit(option)"
-      >
-        {{ option }}
-      </button>
-      }
-    </div>
-  `, styles: ["\n    .ctl-pills {\n      display: flex;\n      gap: 4px;\n      flex-wrap: wrap;\n    }\n    .ctl-pill {\n      height: 26px;\n      padding: 0 10px;\n      font-size: var(--fs-sm);\n      font-weight: 500;\n      border: 1px solid var(--prism-border);\n      border-radius: 4px;\n      color: var(--prism-text-muted);\n      background: transparent;\n      cursor: pointer;\n      transition: all var(--dur-fast);\n      font-family: var(--font-sans);\n    }\n    .ctl-pill:hover {\n      color: var(--prism-text);\n      border-color: var(--prism-border-strong);\n    }\n    .ctl-pill--active {\n      background: color-mix(in srgb, var(--prism-primary) 15%, transparent);\n      color: var(--prism-primary);\n      border-color: color-mix(in srgb, var(--prism-primary) 40%, transparent);\n      font-weight: 600;\n    }\n  "] }]
+        args: [{ selector: 'prism-union-control', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"ctl-pills\"\n    role=\"group\">\n    @for (option of options(); track option) {\n        <button\n            class=\"ctl-pill\"\n            [class.ctl-pill--active]=\"option === value()\"\n            (click)=\"valueChange.emit(option)\">\n            {{ option }}\n        </button>\n    }\n</div>\n", styles: [".ctl-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.ctl-pill {\n    height: 26px;\n    padding: 0 10px;\n    font-family: var(--font-sans);\n    font-size: var(--fs-sm);\n    font-weight: 500;\n    color: var(--prism-text-muted);\n    cursor: pointer;\n    background: transparent;\n    border: 1px solid var(--prism-border);\n    border-radius: 4px;\n    transition: all var(--dur-fast);\n}\n\n.ctl-pill:hover {\n    color: var(--prism-text);\n    border-color: var(--prism-border-strong);\n}\n\n.ctl-pill--active {\n    font-weight: 600;\n    color: var(--prism-primary);\n    background: color-mix(in srgb, var(--prism-primary) 15%, transparent);\n    border-color: color-mix(in srgb, var(--prism-primary) 40%, transparent);\n}\n"] }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], typeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeName", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnionControlComponent, { className: "UnionControlComponent", filePath: "app/controls/union-control.component.ts", lineNumber: 56 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnionControlComponent, { className: "UnionControlComponent", filePath: "app/controls/union-control.component.ts", lineNumber: 10 }); })();

package/dist/app/directives/prism-resizer.directive.d.ts

@@ -4,11 +4,34 @@ export declare class PrismResizerDirective {
     readonly min: import("@angular/core").InputSignal<number>;
     readonly max: import("@angular/core").InputSignal<number>;
     readonly value: import("@angular/core").InputSignal<number>;
+    /**
+     * Pointer travel to value, as a multiplier.
+     *
+     * `1` (the default) is a panel or sidebar edge. The viewport grips pass
+     * `2 / zoom` and `-2 / zoom`: their box is centred, so holding one edge
+     * changes the width at both (the `2`), and the stage scales that box by
+     * `--zoom`, so the multiplier has to divide it back out to keep the grip
+     * under the cursor. Existing call sites do not pass it and are unaffected.
+     */
+    readonly scale: import("@angular/core").InputSignal<number>;
     readonly valueChange: import("@angular/core").OutputEmitterRef<number>;
     private readonly el;
+    /** How far one arrow key moves the value. */
+    private static readonly STEP;
     protected onMouseDown(e: MouseEvent): void;
+    /**
+     * Keyboard direction is independent of `scale`.
+     *
+     * `scale` inverts the *pointer* for a grip on the far edge of a centred box,
+     * and carrying that inversion into the keyboard was wrong: two separators
+     * that expose the same `aria-valuenow` answered the same key in opposite
+     * directions, so a screen-reader user heard the announced value travel one
+     * way on one edge and the other way on the other. WAI-ARIA's window-splitter
+     * pattern has ArrowRight and ArrowUp increase the value, whichever edge the
+     * separator sits on, and the value here is the width rather than a position.
+     */
     protected onKeyDown(e: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PrismResizerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PrismResizerDirective, "[prismResizer]", never, { "axis": { "alias": "axis"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PrismResizerDirective, "[prismResizer]", never, { "axis": { "alias": "axis"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "scale": { "alias": "scale"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 //# sourceMappingURL=prism-resizer.directive.d.ts.map

package/dist/app/directives/prism-resizer.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-resizer.directive.d.ts","sourceRoot":"","sources":["../../../src/app/directives/prism-resizer.directive.ts"],"names":[],"mappings":";AAEA,qBAYa,qBAAqB;IAChC,QAAQ,CAAC,IAAI,iDAA+B;IAC5C,QAAQ,CAAC,GAAG,8CAAc;IAC1B,QAAQ,CAAC,GAAG,8CAAc;IAC1B,QAAQ,CAAC,KAAK,8CAAY;IAC1B,QAAQ,CAAC,WAAW,mDAAoB;IAExC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAmC;IAEtD,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAwB1C,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;yCAjChC,qBAAqB;2CAArB,qBAAqB;CAmDjC"}
+{"version":3,"file":"prism-resizer.directive.d.ts","sourceRoot":"","sources":["../../../src/app/directives/prism-resizer.directive.ts"],"names":[],"mappings":";AAGA,qBAYa,qBAAqB;IAC9B,QAAQ,CAAC,IAAI,iDAA+B;IAC5C,QAAQ,CAAC,GAAG,8CAAc;IAC1B,QAAQ,CAAC,GAAG,8CAAc;IAC1B,QAAQ,CAAC,KAAK,8CAAY;IAE1B;;;;;;;;OAQG;IACH,QAAQ,CAAC,KAAK,8CAAY;IAE1B,QAAQ,CAAC,WAAW,mDAAoB;IAExC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAmC;IAEtD,6CAA6C;IAC7C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAM;IAElC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IA6B1C;;;;;;;;;;OAUG;IACH,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;yCAhElC,qBAAqB;2CAArB,qBAAqB;CAsFjC"}

package/dist/app/directives/prism-resizer.directive.js

@@ -1,4 +1,5 @@
 import { Directive, ElementRef, inject, input, output } from '@angular/core';
+import { resizeValue } from './resize-value.js';
 import * as i0 from "@angular/core";
 export class PrismResizerDirective {
     axis = input.required(/* @ts-ignore */
@@ -9,17 +10,36 @@ export class PrismResizerDirective {
     ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
     value = input(0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /**
+     * Pointer travel to value, as a multiplier.
+     *
+     * `1` (the default) is a panel or sidebar edge. The viewport grips pass
+     * `2 / zoom` and `-2 / zoom`: their box is centred, so holding one edge
+     * changes the width at both (the `2`), and the stage scales that box by
+     * `--zoom`, so the multiplier has to divide it back out to keep the grip
+     * under the cursor. Existing call sites do not pass it and are unaffected.
+     */
+    scale = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scale" }] : /* istanbul ignore next */ []));
     valueChange = output();
     el = inject((ElementRef));
+    /** How far one arrow key moves the value. */
+    static STEP = 10;
     onMouseDown(e) {
+        // Primary button only. Without this a right-click arms the document-level
+        // listeners below, the context menu takes the pointer so the matching
+        // mouseup never arrives, and the drag stays live afterwards, so the value
+        // then follows the cursor with no button held. `preventDefault` does not
+        // suppress `contextmenu`, so the guard has to be here.
+        if (e.button !== 0)
+            return;
         e.preventDefault();
         const startPos = this.axis() === 'x' ? e.clientX : e.clientY;
         const startVal = this.value();
         this.el.nativeElement.classList.add('active');
         const onMove = (ev) => {
             const delta = this.axis() === 'x' ? ev.clientX - startPos : startPos - ev.clientY;
-            const next = Math.max(this.min(), Math.min(this.max(), startVal + delta));
-            this.valueChange.emit(next);
+            this.valueChange.emit(resizeValue(startVal, delta, this.scale(), this.min(), this.max()));
         };
         const onUp = () => {
             this.el.nativeElement.classList.remove('active');
@@ -29,8 +49,19 @@ export class PrismResizerDirective {
         document.addEventListener('mousemove', onMove);
         document.addEventListener('mouseup', onUp);
     }
+    /**
+     * Keyboard direction is independent of `scale`.
+     *
+     * `scale` inverts the *pointer* for a grip on the far edge of a centred box,
+     * and carrying that inversion into the keyboard was wrong: two separators
+     * that expose the same `aria-valuenow` answered the same key in opposite
+     * directions, so a screen-reader user heard the announced value travel one
+     * way on one edge and the other way on the other. WAI-ARIA's window-splitter
+     * pattern has ArrowRight and ArrowUp increase the value, whichever edge the
+     * separator sits on, and the value here is the width rather than a position.
+     */
     onKeyDown(e) {
-        const step = 10;
+        const step = PrismResizerDirective.STEP;
         const current = this.value();
         let next = null;
         if (this.axis() === 'x') {
@@ -45,6 +76,12 @@ export class PrismResizerDirective {
             if (e.key === 'ArrowDown')
                 next = current - step;
         }
+        // Required of a focusable separator by the same pattern, and the only way
+        // to reach either end without holding an arrow key down.
+        if (e.key === 'Home')
+            next = this.min();
+        if (e.key === 'End')
+            next = this.max();
         if (next !== null) {
             e.preventDefault();
             this.valueChange.emit(Math.max(this.min(), Math.min(this.max(), next)));
@@ -56,7 +93,7 @@ export class PrismResizerDirective {
         } if (rf & 2) {
             i0.ɵɵattribute("role", "separator")("aria-orientation", ctx.axis() === "x" ? "vertical" : "horizontal")("tabindex", "0");
             i0.ɵɵstyleProp("cursor", ctx.axis() === "x" ? "col-resize" : "row-resize");
-        } }, inputs: { axis: [1, "axis"], min: [1, "min"], max: [1, "max"], value: [1, "value"] }, outputs: { valueChange: "valueChange" } });
+        } }, inputs: { axis: [1, "axis"], min: [1, "min"], max: [1, "max"], value: [1, "value"], scale: [1, "scale"] }, outputs: { valueChange: "valueChange" } });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismResizerDirective, [{
         type: Directive,
@@ -69,7 +106,7 @@ export class PrismResizerDirective {
                     '[attr.aria-orientation]': 'axis() === "x" ? "vertical" : "horizontal"',
                     '(mousedown)': 'onMouseDown($event)',
                     '(keydown)': 'onKeyDown($event)',
-                    '[attr.tabindex]': '"0"',
-                },
+                    '[attr.tabindex]': '"0"'
+                }
             }]
-    }], null, { axis: [{ type: i0.Input, args: [{ isSignal: true, alias: "axis", required: true }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();
+    }], null, { axis: [{ type: i0.Input, args: [{ isSignal: true, alias: "axis", required: true }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], scale: [{ type: i0.Input, args: [{ isSignal: true, alias: "scale", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();

package/dist/app/directives/resize-value.d.ts

@@ -0,0 +1,22 @@
+/**
+ * The arithmetic behind `prismResizer`, kept out of the directive.
+ *
+ * Not for tidiness: a directive whose inputs are `input()` signals has to be
+ * rendered inside a host component to be exercised, and this package's specs
+ * run under jsdom against SWC-compiled sources, where JIT cannot instantiate
+ * one. Extracted, the maths is ordinary and testable. It is the same reason
+ * `known-inputs.ts` and `overlay-resolver.ts` sit beside their components.
+ */
+/**
+ * Where a drag lands.
+ *
+ * `scale` maps pointer movement onto the value. `1` is a panel edge, where a
+ * pixel of travel is a pixel of size. The viewport grips pass `2 / zoom` and
+ * `-2 / zoom`: the centred box contributes the `2`, since holding one edge
+ * changes the width at both, and the stage's `transform: scale(var(--zoom))`
+ * contributes the division, since a pointer moving `dx` across the *painted*
+ * box has to change the CSS width by `2·dx / zoom` to keep the grip under the
+ * cursor. The sign says which edge is being held.
+ */
+export declare function resizeValue(startValue: number, delta: number, scale: number, min: number, max: number): number;
+//# sourceMappingURL=resize-value.d.ts.map

package/dist/app/directives/resize-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-value.d.ts","sourceRoot":"","sources":["../../../src/app/directives/resize-value.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAE9G"}

package/dist/app/directives/resize-value.js

@@ -0,0 +1,23 @@
+/**
+ * The arithmetic behind `prismResizer`, kept out of the directive.
+ *
+ * Not for tidiness: a directive whose inputs are `input()` signals has to be
+ * rendered inside a host component to be exercised, and this package's specs
+ * run under jsdom against SWC-compiled sources, where JIT cannot instantiate
+ * one. Extracted, the maths is ordinary and testable. It is the same reason
+ * `known-inputs.ts` and `overlay-resolver.ts` sit beside their components.
+ */
+/**
+ * Where a drag lands.
+ *
+ * `scale` maps pointer movement onto the value. `1` is a panel edge, where a
+ * pixel of travel is a pixel of size. The viewport grips pass `2 / zoom` and
+ * `-2 / zoom`: the centred box contributes the `2`, since holding one edge
+ * changes the width at both, and the stage's `transform: scale(var(--zoom))`
+ * contributes the division, since a pointer moving `dx` across the *painted*
+ * box has to change the CSS width by `2·dx / zoom` to keep the grip under the
+ * cursor. The sign says which edge is being held.
+ */
+export function resizeValue(startValue, delta, scale, min, max) {
+    return Math.max(min, Math.min(max, startValue + delta * scale));
+}

package/dist/app/discovery-manifest.d.ts

@@ -2,9 +2,9 @@ import type { DiscoveryManifest, RuntimeManifest } from '../plugin/plugin.types.
 /** Sanitised `meta`, or `undefined` when there is nothing worth exposing. */
 export declare function serializableMeta(meta: Record<string, unknown> | undefined): Record<string, unknown> | undefined;
 /**
- * Builds the discovery view of the manifest — what `__PRISM_MANIFEST__` exposes.
+ * Builds the discovery view of the manifest, i.e. what `__PRISM_MANIFEST__` exposes.
  *
- * It is deliberately not the runtime manifest: no Angular class references, no
+ * It is not the runtime manifest: no Angular class references, no
  * providers, no scanned input/output metadata. It carries what an external tool
  * needs to enumerate and address variants, plus the `@Showcase` metadata that
  * lets a tool decide how to treat one.

package/dist/app/discovery-manifest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"discovery-manifest.d.ts","sourceRoot":"","sources":["../../src/app/discovery-manifest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,iBAAiB,EAEjB,eAAe,EAChB,MAAM,2BAA2B,CAAC;AAoDnC,6EAA6E;AAC7E,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GACxC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAOrC;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,eAAe,GACxB,iBAAiB,CAsCnB"}
+{"version":3,"file":"discovery-manifest.d.ts","sourceRoot":"","sources":["../../src/app/discovery-manifest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAsB,iBAAiB,EAAoB,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAuD1H,6EAA6E;AAC7E,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAM/G;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,eAAe,GAAG,iBAAiB,CAsCnF"}

package/dist/app/discovery-manifest.js

@@ -1,18 +1,14 @@
 import { resolveVariantBg } from '../shared/variant-bg.js';
 /**
  * External tooling reads `__PRISM_MANIFEST__` through a structured-clone bridge
- * (`page.evaluate()` in Playwright, `postMessage`, devtools). `ShowcaseConfig.meta`
- * is declared as an open `Record<string, unknown>`, so a consumer is free to put
- * a component class, a function or a cyclic object in there — any of which makes
- * that bridge throw or silently drop the whole payload.
+ * (Playwright's `page.evaluate()`, `postMessage`, devtools). `ShowcaseConfig.meta`
+ * is an open `Record<string, unknown>`, and a class, function or cyclic object
+ * in it makes that bridge throw or drop the whole payload.
  *
- * Everything crossing into the global is therefore reduced to plain JSON-safe
- * values: primitives, arrays, and objects with a plain prototype. Class
- * instances (Angular types included), functions, symbols, Dates, Maps and DOM
- * nodes are dropped rather than half-serialised, and cycles are broken.
- *
- * Array elements become `null` when they cannot be represented, matching
- * `JSON.stringify` so indices stay stable.
+ * So only JSON-safe values cross: primitives, arrays and plain-prototype
+ * objects. Class instances, functions, symbols, Dates, Maps and DOM nodes are
+ * dropped and cycles are broken. Unrepresentable array elements become `null`,
+ * as in `JSON.stringify`, so indices stay stable.
  */
 function toSerializable(value, seen) {
     if (value === null)
@@ -59,9 +55,9 @@ export function serializableMeta(meta) {
     return serialized;
 }
 /**
- * Builds the discovery view of the manifest — what `__PRISM_MANIFEST__` exposes.
+ * Builds the discovery view of the manifest, i.e. what `__PRISM_MANIFEST__` exposes.
  *
- * It is deliberately not the runtime manifest: no Angular class references, no
+ * It is not the runtime manifest: no Angular class references, no
  * providers, no scanned input/output metadata. It carries what an external tool
  * needs to enumerate and address variants, plus the `@Showcase` metadata that
  * lets a tool decide how to treat one.
@@ -73,34 +69,32 @@ export function buildDiscoveryManifest(manifest) {
             // An empty `variants` array is not "no variants": the renderer still
             // instantiates the component with its declared defaults at index 0 and
             // marks it `data-prism-rendered="<class>:0"`. Reporting zero variants
-            // here would let a runner walk past a component the app happily renders
-            // — the quiet coverage loss the `excluded` status exists to prevent.
+            // here would let a runner walk past a component the app happily renders.
+            // That's the quiet coverage loss the `excluded` status exists to prevent.
             const declared = showcaseConfig.variants ?? [];
             const variants = declared.length
                 ? declared.map((variant, index) => {
                     const meta = serializableMeta(variant.meta);
                     const bg = resolveVariantBg(showcaseConfig, index);
-                    return meta
-                        ? { name: variant.name, index, bg, meta }
-                        : { name: variant.name, index, bg };
+                    return meta ? { name: variant.name, index, bg, meta } : { name: variant.name, index, bg };
                 })
                 : [
                     {
                         name: 'Default',
                         index: 0,
-                        bg: resolveVariantBg(showcaseConfig, 0),
-                    },
+                        bg: resolveVariantBg(showcaseConfig, 0)
+                    }
                 ];
             const meta = serializableMeta(showcaseConfig.meta);
             const discovered = {
                 className,
                 title: showcaseConfig.title,
-                variants,
+                variants
             };
             if (meta)
                 discovered.meta = meta;
             return discovered;
         }),
-        pages: (manifest.pages ?? []).map((page) => ({ title: page.title })),
+        pages: (manifest.pages ?? []).map((page) => ({ title: page.title }))
     };
 }

package/dist/app/header/prism-header-widget-host.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-header-widget-host.component.d.ts","sourceRoot":"","sources":["../../../src/app/header/prism-header-widget-host.component.ts"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,IAAI,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;;AAI3E,qBAca,8BAA8B;IACzC,QAAQ,CAAC,MAAM,8DAA4C;IAE3D,SAAS,CAAC,QAAQ,CAAC,QAAQ,+DAAsC;;yCAHtD,8BAA8B;2CAA9B,8BAA8B;CA8B1C"}
+{"version":3,"file":"prism-header-widget-host.component.d.ts","sourceRoot":"","sources":["../../../src/app/header/prism-header-widget-host.component.ts"],"names":[],"mappings":"AACA,OAAO,EAA6D,KAAK,IAAI,EAAE,MAAM,eAAe,CAAC;AACrG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;;AAI3E,qBAQa,8BAA8B;IACvC,QAAQ,CAAC,MAAM,8DAA4C;IAE3D,SAAS,CAAC,QAAQ,CAAC,QAAQ,+DAAsC;;yCAHxD,8BAA8B;2CAA9B,8BAA8B;CAgC1C"}

package/dist/app/header/prism-header-widget-host.component.js

@@ -1,5 +1,5 @@
 import { NgComponentOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, effect, input, signal, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, effect, input, signal } from '@angular/core';
 import * as i0 from "@angular/core";
 function PrismHeaderWidgetHostComponent_Conditional_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -46,14 +46,10 @@ export class PrismHeaderWidgetHostComponent {
         } if (rf & 2) {
             let tmp_0_0;
             i0.ɵɵconditional((tmp_0_0 = ctx.resolved()) ? 0 : -1, tmp_0_0);
-        } }, dependencies: [NgComponentOutlet], styles: ["[_nghost-%COMP%] { display: contents; }"] });
+        } }, dependencies: [NgComponentOutlet], styles: ["[_nghost-%COMP%] {\n    display: contents;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismHeaderWidgetHostComponent, [{
         type: Component,
-        args: [{ selector: 'prism-header-widget-host', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgComponentOutlet], template: `
-    @if (resolved(); as comp) {
-    <ng-container *ngComponentOutlet="comp" />
-    }
-  `, styles: ["\n    :host { display: contents; }\n  "] }]
+        args: [{ selector: 'prism-header-widget-host', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgComponentOutlet], template: "@if (resolved(); as comp) {\n    <ng-container *ngComponentOutlet=\"comp\" />\n}\n", styles: [":host {\n    display: contents;\n}\n"] }]
     }], () => [], { widget: [{ type: i0.Input, args: [{ isSignal: true, alias: "widget", required: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismHeaderWidgetHostComponent, { className: "PrismHeaderWidgetHostComponent", filePath: "app/header/prism-header-widget-host.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismHeaderWidgetHostComponent, { className: "PrismHeaderWidgetHostComponent", filePath: "app/header/prism-header-widget-host.component.ts", lineNumber: 15 }); })();

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

@@ -1 +1 @@
-{"version":3,"file":"prism-header.component.d.ts","sourceRoot":"","sources":["../../../src/app/header/prism-header.component.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAGvE,qBA2Na,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuC;IAC9D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,SAAS,CAAC,QAAQ,CAAC,aAAa,qBAA8B;IAC9D,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAE5D,SAAS,CAAC,QAAQ,CAAC,YAAY,kGAK7B;IAEF,SAAS,CAAC,QAAQ,CAAC,UAAU,kGAK3B;IAEF,SAAS,CAAC,QAAQ,CAAC,OAAO,gDAKvB;IAEH,SAAS,CAAC,QAAQ,CAAC,KAAK,yCAAmD;IAC3E,SAAS,CAAC,QAAQ,CAAC,QAAQ,gDAAgD;IAE3E,SAAS,CAAC,QAAQ,CAAC,cAAc,gDAO9B;IAGH,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAO7C,SAAS,CAAC,aAAa,IAAI,IAAI;yCA/CpB,oBAAoB;2CAApB,oBAAoB;CAkDhC"}
+{"version":3,"file":"prism-header.component.d.ts","sourceRoot":"","sources":["../../../src/app/header/prism-header.component.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;;AAIvE,qBAQa,oBAAoB;IAC7B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuC;IAC9D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,SAAS,CAAC,QAAQ,CAAC,aAAa,qBAA8B;IAC9D,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAE5D,SAAS,CAAC,QAAQ,CAAC,YAAY,kGAE7B;IAEF,SAAS,CAAC,QAAQ,CAAC,UAAU,kGAI3B;IAEF,SAAS,CAAC,QAAQ,CAAC,OAAO,gDAOvB;IAEH,SAAS,CAAC,QAAQ,CAAC,KAAK,yCAAmD;IAC3E,SAAS,CAAC,QAAQ,CAAC,QAAQ,gDAAgD;IAE3E,SAAS,CAAC,QAAQ,CAAC,cAAc,gDAS9B;IAGH,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAO7C,SAAS,CAAC,aAAa,IAAI,IAAI;yCA/CtB,oBAAoB;2CAApB,oBAAoB;CAkDhC"}