@ng-prism/core 22.2.0 → 22.3.0

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 deliberately 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 — 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 deliberately 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 — 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 — 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.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;AA2D1H,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

@@ -80,27 +80,25 @@ export function buildDiscoveryManifest(manifest) {
                 ? 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"}

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

@@ -1,11 +1,11 @@
-import { Component, computed, inject, ChangeDetectionStrategy, HostListener, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, HostListener, inject } from '@angular/core';
 import { PrismIconComponent } from '../icons/prism-icon.component.js';
 import { PrismLayoutMenuComponent } from '../layout-menu/prism-layout-menu.component.js';
-import { PRISM_CONFIG } from '../tokens/prism-tokens.js';
 import { BUILTIN_HEADER_WIDGETS } from '../panels/builtin-header-widgets.js';
 import { PrismPluginService } from '../services/prism-plugin.service.js';
 import { PrismSearchService } from '../services/prism-search.service.js';
 import { PrismThemeService } from '../services/prism-theme.service.js';
+import { PRISM_CONFIG } from '../tokens/prism-tokens.js';
 import { PrismHeaderWidgetHostComponent } from './prism-header-widget-host.component.js';
 import * as i0 from "@angular/core";
 const _forTrack0 = ($index, $item) => $item.id;
@@ -74,22 +74,16 @@ export class PrismHeaderComponent {
     pluginService = inject(PrismPluginService);
     searchService = inject(PrismSearchService);
     themeService = inject(PrismThemeService);
-    widgetsStart = computed(() => [
-        ...BUILTIN_HEADER_WIDGETS.filter((w) => w.placement === 'start'),
-        ...this.pluginService.headerWidgetsStart(),
-    ].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)), /* @ts-ignore */
+    widgetsStart = computed(() => [...BUILTIN_HEADER_WIDGETS.filter((w) => w.placement === 'start'), ...this.pluginService.headerWidgetsStart()].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "widgetsStart" }] : /* istanbul ignore next */ []));
-    widgetsEnd = computed(() => [
-        ...BUILTIN_HEADER_WIDGETS.filter((w) => (w.placement ?? 'end') === 'end'),
-        ...this.pluginService.headerWidgetsEnd(),
-    ].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)), /* @ts-ignore */
+    widgetsEnd = computed(() => [...BUILTIN_HEADER_WIDGETS.filter((w) => (w.placement ?? 'end') === 'end'), ...this.pluginService.headerWidgetsEnd()].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "widgetsEnd" }] : /* istanbul ignore next */ []));
     logoUrl = computed(() => {
         const logo = this.config.logo;
         if (!logo)
             return null;
         const isDark = this.themeService.isDark();
-        return (isDark ? logo.dark ?? logo.light : logo.light ?? logo.dark) ?? null;
+        return (isDark ? (logo.dark ?? logo.light) : (logo.light ?? logo.dark)) ?? null;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "logoUrl" }] : /* istanbul ignore next */ []));
     title = computed(() => this.config.title ?? 'ng-prism', /* @ts-ignore */
@@ -156,76 +150,13 @@ export class PrismHeaderComponent {
             i0.ɵɵattribute("aria-label", ctx.themeService.isDark() ? "Switch to light mode" : "Switch to dark mode")("aria-pressed", ctx.themeService.isDark());
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.themeService.isDark() ? 14 : 15);
-        } }, dependencies: [PrismIconComponent,
-            PrismLayoutMenuComponent,
-            PrismHeaderWidgetHostComponent], styles: [".prism-header[_ngcontent-%COMP%] {\n      height: var(--%NS%band-header);\n      display: grid;\n      grid-template-columns: minmax(min-content, var(--%NS%sw, 264px)) 1fr auto;\n      align-items: center;\n      padding: 0 14px 0 0;\n      background: var(--%NS%prism-bg);\n      border-bottom: 1px solid var(--%NS%prism-border);\n    }\n\n    .prism-header__brand[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 0 16px;\n      cursor: pointer;\n      white-space: nowrap;\n    }\n\n    .prism-header__logo-default[_ngcontent-%COMP%] {\n      width: 26px;\n      height: 26px;\n      flex: 0 0 26px;\n      color: var(--%NS%prism-primary);\n      filter: drop-shadow(0 0 8px var(--%NS%prism-glow-strong));\n    }\n    .prism-header__logo-default[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] { width: 30px; }\n\n    .prism-header__logo-img[_ngcontent-%COMP%] {\n      height: 26px;\n      width: auto;\n      object-fit: contain;\n    }\n\n    .prism-header__brand-text[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      line-height: 1.1;\n    }\n\n    .prism-header__brand-name[_ngcontent-%COMP%] {\n      font-weight: 700;\n      font-size: var(--%NS%fs-xl);\n      letter-spacing: -0.01em;\n      background: linear-gradient(90deg, var(--%NS%prism-primary), var(--%NS%prism-accent) 60%, var(--%NS%prism-primary-to));\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    .prism-header__brand-sub[_ngcontent-%COMP%] {\n      font-family: var(--%NS%font-mono);\n      font-size: var(--%NS%fs-xs);\n      color: var(--%NS%prism-text-ghost);\n    }\n\n    .prism-header__cmdbar[_ngcontent-%COMP%] {\n      max-width: 540px;\n      width: 100%;\n      justify-self: center;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      height: 32px;\n      padding: 0 12px;\n      background: var(--%NS%prism-input-bg);\n      border: 1px solid var(--%NS%prism-border);\n      border-radius: 8px;\n      color: var(--%NS%prism-text-muted);\n      font-size: var(--%NS%fs-lg);\n      cursor: pointer;\n      transition: border-color var(--%NS%dur-fast), background var(--%NS%dur-fast);\n    }\n    .prism-header__cmdbar[_ngcontent-%COMP%]:hover {\n      border-color: var(--%NS%prism-border-strong);\n      color: var(--%NS%prism-text-2);\n    }\n\n    .prism-header__cmdbar-text[_ngcontent-%COMP%] {\n      flex: 1;\n      text-align: left;\n    }\n\n    .prism-header__cmdbar-shortcut[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 3px;\n    }\n    .prism-header__cmdbar-shortcut[_ngcontent-%COMP%]   kbd[_ngcontent-%COMP%] {\n      font-family: var(--%NS%font-mono);\n      font-size: 10.5px;\n      padding: 1px 5px;\n      border-radius: 4px;\n      background: var(--%NS%prism-input-bg);\n      border: 1px solid var(--%NS%prism-border);\n      color: var(--%NS%prism-text-muted);\n    }\n\n    .prism-header__build-pill[_ngcontent-%COMP%] {\n      font-family: var(--%NS%font-mono);\n      font-size: var(--%NS%fs-xs);\n      color: var(--%NS%prism-text-ghost);\n      background: var(--%NS%prism-input-bg);\n      border: 1px solid var(--%NS%prism-border);\n      border-radius: 9999px;\n      padding: 2px 10px;\n      white-space: nowrap;\n      line-height: 1.4;\n    }\n\n    .prism-header__actions[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 6px;\n    }\n\n    .prism-header__widgets[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      min-width: 0;\n    }\n    .prism-header__widgets--start[_ngcontent-%COMP%] {\n      padding-left: 4px;\n      justify-content: flex-start;\n    }\n\n    .prism-header__icon-btn[_ngcontent-%COMP%] {\n      width: 32px;\n      height: 32px;\n      display: grid;\n      place-items: center;\n      border-radius: 8px;\n      color: var(--%NS%prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      position: relative;\n      transition: all var(--%NS%dur-fast);\n    }\n    .prism-header__icon-btn[_ngcontent-%COMP%]:hover {\n      background: var(--%NS%prism-input-bg);\n      color: var(--%NS%prism-text);\n    }\n\n    [_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--%NS%prism-primary);\n      outline-offset: 2px;\n    }"] });
+        } }, dependencies: [PrismIconComponent, PrismLayoutMenuComponent, PrismHeaderWidgetHostComponent], styles: [".prism-header[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: minmax(min-content, var(--%NS%sw, 264px)) 1fr auto;\n    align-items: center;\n    height: var(--%NS%band-header);\n    padding: 0 14px 0 0;\n    background: var(--%NS%prism-bg);\n    border-bottom: 1px solid var(--%NS%prism-border);\n}\n\n.prism-header__brand[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    padding: 0 16px;\n    white-space: nowrap;\n    cursor: pointer;\n}\n\n.prism-header__logo-default[_ngcontent-%COMP%] {\n    flex: 0 0 26px;\n    width: 26px;\n    height: 26px;\n    color: var(--%NS%prism-primary);\n    filter: drop-shadow(0 0 8px var(--%NS%prism-glow-strong));\n}\n\n.prism-header__logo-default[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    width: 30px;\n}\n\n.prism-header__logo-img[_ngcontent-%COMP%] {\n    width: auto;\n    height: 26px;\n    object-fit: contain;\n}\n\n.prism-header__brand-text[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.1;\n}\n\n.prism-header__brand-name[_ngcontent-%COMP%] {\n    font-size: var(--%NS%fs-xl);\n    font-weight: 700;\n    color: transparent;\n    letter-spacing: -0.01em;\n    background: linear-gradient(90deg, var(--%NS%prism-primary), var(--%NS%prism-accent) 60%, var(--%NS%prism-primary-to));\n    background-clip: text;\n}\n\n.prism-header__brand-sub[_ngcontent-%COMP%] {\n    font-family: var(--%NS%font-mono);\n    font-size: var(--%NS%fs-xs);\n    color: var(--%NS%prism-text-ghost);\n}\n\n.prism-header__cmdbar[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    justify-self: center;\n    width: 100%;\n    max-width: 540px;\n    height: 32px;\n    padding: 0 12px;\n    font-size: var(--%NS%fs-lg);\n    color: var(--%NS%prism-text-muted);\n    cursor: pointer;\n    background: var(--%NS%prism-input-bg);\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: 8px;\n    transition:\n        border-color var(--%NS%dur-fast),\n        background var(--%NS%dur-fast);\n}\n\n.prism-header__cmdbar[_ngcontent-%COMP%]:hover {\n    color: var(--%NS%prism-text-2);\n    border-color: var(--%NS%prism-border-strong);\n}\n\n.prism-header__cmdbar-text[_ngcontent-%COMP%] {\n    flex: 1;\n    text-align: left;\n}\n\n.prism-header__cmdbar-shortcut[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 3px;\n}\n\n.prism-header__cmdbar-shortcut[_ngcontent-%COMP%]   kbd[_ngcontent-%COMP%] {\n    padding: 1px 5px;\n    font-family: var(--%NS%font-mono);\n    font-size: 10.5px;\n    color: var(--%NS%prism-text-muted);\n    background: var(--%NS%prism-input-bg);\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: 4px;\n}\n\n.prism-header__build-pill[_ngcontent-%COMP%] {\n    padding: 2px 10px;\n    font-family: var(--%NS%font-mono);\n    font-size: var(--%NS%fs-xs);\n    line-height: 1.4;\n    color: var(--%NS%prism-text-ghost);\n    white-space: nowrap;\n    background: var(--%NS%prism-input-bg);\n    border: 1px solid var(--%NS%prism-border);\n    border-radius: 9999px;\n}\n\n.prism-header__actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    justify-content: flex-end;\n}\n\n.prism-header__widgets[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    min-width: 0;\n}\n\n.prism-header__widgets--start[_ngcontent-%COMP%] {\n    justify-content: flex-start;\n    padding-left: 4px;\n}\n\n.prism-header__icon-btn[_ngcontent-%COMP%] {\n    position: relative;\n    display: grid;\n    place-items: center;\n    width: 32px;\n    height: 32px;\n    color: var(--%NS%prism-text-muted);\n    cursor: pointer;\n    background: none;\n    border: none;\n    border-radius: 8px;\n    transition: all var(--%NS%dur-fast);\n}\n\n.prism-header__icon-btn[_ngcontent-%COMP%]:hover {\n    color: var(--%NS%prism-text);\n    background: var(--%NS%prism-input-bg);\n}\n\n[_ngcontent-%COMP%]:focus-visible {\n    outline: 2px solid var(--%NS%prism-primary);\n    outline-offset: 2px;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismHeaderComponent, [{
         type: Component,
-        args: [{ selector: 'prism-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                    PrismIconComponent,
-                    PrismLayoutMenuComponent,
-                    PrismHeaderWidgetHostComponent,
-                ], template: `
-    <header class="prism-header">
-      <div class="prism-header__brand">
-        @if (logoUrl()) {
-        <img class="prism-header__logo-img" [src]="logoUrl()" [alt]="title()" />
-        } @else {
-        <div class="prism-header__logo-default">
-          <!-- @formatter:off -->
-          <!-- prettier-ignore -->
-          <img alt="ng prism logo" src="data:image/png;base64,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" />
-          <!-- @formatter:on -->
-        </div>
-        }
-        <div class="prism-header__brand-text">
-          <span class="prism-header__brand-name">{{ title() }}</span>
-          @if (subtitle()) {
-          <span class="prism-header__brand-sub">{{ subtitle() }}</span>
-          }
-        </div>
-      </div>
-      @if (widgetsStart().length) {
-      <div class="prism-header__widgets prism-header__widgets--start">
-        @for (w of widgetsStart(); track w.id) {
-        <prism-header-widget-host [widget]="w" />
-        }
-      </div>
-      }
-      <div class="prism-header__actions">
-        @for (w of widgetsEnd(); track w.id) {
-        <prism-header-widget-host [widget]="w" />
-        } @if (buildInfoLabel()) {
-        <span class="prism-header__build-pill">{{ buildInfoLabel() }}</span>
-        }
-        <button
-          class="prism-header__icon-btn"
-          (click)="themeService.toggle()"
-          [title]="
-            themeService.isDark()
-              ? 'Switch to light mode'
-              : 'Switch to dark mode'
-          "
-          [attr.aria-label]="
-            themeService.isDark()
-              ? 'Switch to light mode'
-              : 'Switch to dark mode'
-          "
-          [attr.aria-pressed]="themeService.isDark()"
-        >
-          @if (themeService.isDark()) {
-          <prism-icon name="sun" [size]="16" />
-          } @else {
-          <prism-icon name="moon" [size]="16" />
-          }
-        </button>
-        <prism-layout-menu />
-      </div>
-    </header>
-  `, styles: ["\n    .prism-header {\n      height: var(--band-header);\n      display: grid;\n      grid-template-columns: minmax(min-content, var(--sw, 264px)) 1fr auto;\n      align-items: center;\n      padding: 0 14px 0 0;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n    }\n\n    .prism-header__brand {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 0 16px;\n      cursor: pointer;\n      white-space: nowrap;\n    }\n\n    .prism-header__logo-default {\n      width: 26px;\n      height: 26px;\n      flex: 0 0 26px;\n      color: var(--prism-primary);\n      filter: drop-shadow(0 0 8px var(--prism-glow-strong));\n    }\n    .prism-header__logo-default img { width: 30px; }\n\n    .prism-header__logo-img {\n      height: 26px;\n      width: auto;\n      object-fit: contain;\n    }\n\n    .prism-header__brand-text {\n      display: flex;\n      flex-direction: column;\n      line-height: 1.1;\n    }\n\n    .prism-header__brand-name {\n      font-weight: 700;\n      font-size: var(--fs-xl);\n      letter-spacing: -0.01em;\n      background: linear-gradient(90deg, var(--prism-primary), var(--prism-accent) 60%, var(--prism-primary-to));\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    .prism-header__brand-sub {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      color: var(--prism-text-ghost);\n    }\n\n    .prism-header__cmdbar {\n      max-width: 540px;\n      width: 100%;\n      justify-self: center;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      height: 32px;\n      padding: 0 12px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      border-radius: 8px;\n      color: var(--prism-text-muted);\n      font-size: var(--fs-lg);\n      cursor: pointer;\n      transition: border-color var(--dur-fast), background var(--dur-fast);\n    }\n    .prism-header__cmdbar:hover {\n      border-color: var(--prism-border-strong);\n      color: var(--prism-text-2);\n    }\n\n    .prism-header__cmdbar-text {\n      flex: 1;\n      text-align: left;\n    }\n\n    .prism-header__cmdbar-shortcut {\n      display: flex;\n      gap: 3px;\n    }\n    .prism-header__cmdbar-shortcut kbd {\n      font-family: var(--font-mono);\n      font-size: 10.5px;\n      padding: 1px 5px;\n      border-radius: 4px;\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      color: var(--prism-text-muted);\n    }\n\n    .prism-header__build-pill {\n      font-family: var(--font-mono);\n      font-size: var(--fs-xs);\n      color: var(--prism-text-ghost);\n      background: var(--prism-input-bg);\n      border: 1px solid var(--prism-border);\n      border-radius: 9999px;\n      padding: 2px 10px;\n      white-space: nowrap;\n      line-height: 1.4;\n    }\n\n    .prism-header__actions {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 6px;\n    }\n\n    .prism-header__widgets {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      min-width: 0;\n    }\n    .prism-header__widgets--start {\n      padding-left: 4px;\n      justify-content: flex-start;\n    }\n\n    .prism-header__icon-btn {\n      width: 32px;\n      height: 32px;\n      display: grid;\n      place-items: center;\n      border-radius: 8px;\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      position: relative;\n      transition: all var(--dur-fast);\n    }\n    .prism-header__icon-btn:hover {\n      background: var(--prism-input-bg);\n      color: var(--prism-text);\n    }\n\n    :focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }\n  "] }]
+        args: [{ selector: 'prism-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PrismIconComponent, PrismLayoutMenuComponent, PrismHeaderWidgetHostComponent], template: "<header class=\"prism-header\">\n    <div class=\"prism-header__brand\">\n        @if (logoUrl()) {\n            <img\n                class=\"prism-header__logo-img\"\n                [src]=\"logoUrl()\"\n                [alt]=\"title()\" />\n        } @else {\n            <div class=\"prism-header__logo-default\">\n                <!-- @formatter:off -->\n                <!-- prettier-ignore -->\n                <img alt=\"ng prism logo\" src=\"data:image/png;base64,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\" />\n                <!-- @formatter:on -->\n            </div>\n        }\n        <div class=\"prism-header__brand-text\">\n            <span class=\"prism-header__brand-name\">{{ title() }}</span>\n            @if (subtitle()) {\n                <span class=\"prism-header__brand-sub\">{{ subtitle() }}</span>\n            }\n        </div>\n    </div>\n    @if (widgetsStart().length) {\n        <div class=\"prism-header__widgets prism-header__widgets--start\">\n            @for (w of widgetsStart(); track w.id) {\n                <prism-header-widget-host [widget]=\"w\" />\n            }\n        </div>\n    }\n    <div class=\"prism-header__actions\">\n        @for (w of widgetsEnd(); track w.id) {\n            <prism-header-widget-host [widget]=\"w\" />\n        }\n        @if (buildInfoLabel()) {\n            <span class=\"prism-header__build-pill\">{{ buildInfoLabel() }}</span>\n        }\n        <button\n            class=\"prism-header__icon-btn\"\n            (click)=\"themeService.toggle()\"\n            [title]=\"themeService.isDark() ? 'Switch to light mode' : 'Switch to dark mode'\"\n            [attr.aria-label]=\"themeService.isDark() ? 'Switch to light mode' : 'Switch to dark mode'\"\n            [attr.aria-pressed]=\"themeService.isDark()\">\n            @if (themeService.isDark()) {\n                <prism-icon\n                    name=\"sun\"\n                    [size]=\"16\" />\n            } @else {\n                <prism-icon\n                    name=\"moon\"\n                    [size]=\"16\" />\n            }\n        </button>\n        <prism-layout-menu />\n    </div>\n</header>\n", styles: [".prism-header {\n    display: grid;\n    grid-template-columns: minmax(min-content, var(--sw, 264px)) 1fr auto;\n    align-items: center;\n    height: var(--band-header);\n    padding: 0 14px 0 0;\n    background: var(--prism-bg);\n    border-bottom: 1px solid var(--prism-border);\n}\n\n.prism-header__brand {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    padding: 0 16px;\n    white-space: nowrap;\n    cursor: pointer;\n}\n\n.prism-header__logo-default {\n    flex: 0 0 26px;\n    width: 26px;\n    height: 26px;\n    color: var(--prism-primary);\n    filter: drop-shadow(0 0 8px var(--prism-glow-strong));\n}\n\n.prism-header__logo-default img {\n    width: 30px;\n}\n\n.prism-header__logo-img {\n    width: auto;\n    height: 26px;\n    object-fit: contain;\n}\n\n.prism-header__brand-text {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.1;\n}\n\n.prism-header__brand-name {\n    font-size: var(--fs-xl);\n    font-weight: 700;\n    color: transparent;\n    letter-spacing: -0.01em;\n    background: linear-gradient(90deg, var(--prism-primary), var(--prism-accent) 60%, var(--prism-primary-to));\n    background-clip: text;\n}\n\n.prism-header__brand-sub {\n    font-family: var(--font-mono);\n    font-size: var(--fs-xs);\n    color: var(--prism-text-ghost);\n}\n\n.prism-header__cmdbar {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    justify-self: center;\n    width: 100%;\n    max-width: 540px;\n    height: 32px;\n    padding: 0 12px;\n    font-size: var(--fs-lg);\n    color: var(--prism-text-muted);\n    cursor: pointer;\n    background: var(--prism-input-bg);\n    border: 1px solid var(--prism-border);\n    border-radius: 8px;\n    transition:\n        border-color var(--dur-fast),\n        background var(--dur-fast);\n}\n\n.prism-header__cmdbar:hover {\n    color: var(--prism-text-2);\n    border-color: var(--prism-border-strong);\n}\n\n.prism-header__cmdbar-text {\n    flex: 1;\n    text-align: left;\n}\n\n.prism-header__cmdbar-shortcut {\n    display: flex;\n    gap: 3px;\n}\n\n.prism-header__cmdbar-shortcut kbd {\n    padding: 1px 5px;\n    font-family: var(--font-mono);\n    font-size: 10.5px;\n    color: var(--prism-text-muted);\n    background: var(--prism-input-bg);\n    border: 1px solid var(--prism-border);\n    border-radius: 4px;\n}\n\n.prism-header__build-pill {\n    padding: 2px 10px;\n    font-family: var(--font-mono);\n    font-size: var(--fs-xs);\n    line-height: 1.4;\n    color: var(--prism-text-ghost);\n    white-space: nowrap;\n    background: var(--prism-input-bg);\n    border: 1px solid var(--prism-border);\n    border-radius: 9999px;\n}\n\n.prism-header__actions {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    justify-content: flex-end;\n}\n\n.prism-header__widgets {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    min-width: 0;\n}\n\n.prism-header__widgets--start {\n    justify-content: flex-start;\n    padding-left: 4px;\n}\n\n.prism-header__icon-btn {\n    position: relative;\n    display: grid;\n    place-items: center;\n    width: 32px;\n    height: 32px;\n    color: var(--prism-text-muted);\n    cursor: pointer;\n    background: none;\n    border: none;\n    border-radius: 8px;\n    transition: all var(--dur-fast);\n}\n\n.prism-header__icon-btn:hover {\n    color: var(--prism-text);\n    background: var(--prism-input-bg);\n}\n\n:focus-visible {\n    outline: 2px solid var(--prism-primary);\n    outline-offset: 2px;\n}\n"] }]
     }], null, { onGlobalKey: [{
             type: HostListener,
             args: ['document:keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismHeaderComponent, { className: "PrismHeaderComponent", filePath: "app/header/prism-header.component.ts", lineNumber: 237 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismHeaderComponent, { className: "PrismHeaderComponent", filePath: "app/header/prism-header.component.ts", lineNumber: 20 }); })();

package/dist/app/hmr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hmr.d.ts","sourceRoot":"","sources":["../../src/app/hmr.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGjE,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,GAAG,IAAI,CAGzF"}
+{"version":3,"file":"hmr.d.ts","sourceRoot":"","sources":["../../src/app/hmr.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGjE,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,GAAG,IAAI,CAIzF"}

package/dist/app/icons/icon-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-registry.d.ts","sourceRoot":"","sources":["../../../src/app/icons/icon-registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA2CjC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AAEjB,iFAAiF;AACjF,eAAO,MAAM,UAAU,EAAE,SAAS,MAAM,EAAuB,CAAC"}
+{"version":3,"file":"icon-registry.d.ts","sourceRoot":"","sources":["../../../src/app/icons/icon-registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAoCjC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AAEjB,iFAAiF;AACjF,eAAO,MAAM,UAAU,EAAE,SAAS,MAAM,EAAuB,CAAC"}

package/dist/app/icons/icon-registry.js

@@ -30,6 +30,7 @@ const ICONS = {
     camera: '<path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/>',
     move: '<path d="M12 2v20M2 12h20m-16-4-4 4 4 4m12-8 4 4-4 4M8 8l-4 4 4 4"/>',
     crosshair: '<circle cx="12" cy="12" r="10"/><path d="M22 12h-4M6 12H2m10-6V2m0 20v-4"/>',
+    'ruler-dimension': '<path d="M4 4v16M20 4v16M8 12h8m-2-2 2 2-2 2m-4-4-2 2 2 2"/>',
     copy: '<rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>',
     'maximize-2': '<path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3m8 0h3a2 2 0 0 0 2-2v-3"/>',
     eye: '<path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/>',
@@ -37,7 +38,7 @@ const ICONS = {
     x: '<path d="M18 6 6 18M6 6l12 12"/>',
     check: '<path d="M20 6 9 17l-5-5"/>',
     info: '<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',
-    'circle-dashed': '<path d="M10.1 2.18a9.93 9.93 0 0 1 3.8 0"/><path d="M17.6 3.71a9.95 9.95 0 0 1 2.69 2.7"/><path d="M21.82 10.1a9.93 9.93 0 0 1 0 3.8"/><path d="M20.29 17.6a9.95 9.95 0 0 1-2.7 2.69"/><path d="M13.9 21.82a9.94 9.94 0 0 1-3.8 0"/><path d="M6.4 20.29a9.95 9.95 0 0 1-2.69-2.7"/><path d="M2.18 13.9a9.93 9.93 0 0 1 0-3.8"/><path d="M3.71 6.4a9.95 9.95 0 0 1 2.7-2.69"/>',
+    'circle-dashed': '<path d="M10.1 2.18a9.93 9.93 0 0 1 3.8 0"/><path d="M17.6 3.71a9.95 9.95 0 0 1 2.69 2.7"/><path d="M21.82 10.1a9.93 9.93 0 0 1 0 3.8"/><path d="M20.29 17.6a9.95 9.95 0 0 1-2.7 2.69"/><path d="M13.9 21.82a9.94 9.94 0 0 1-3.8 0"/><path d="M6.4 20.29a9.95 9.95 0 0 1-2.69-2.7"/><path d="M2.18 13.9a9.93 9.93 0 0 1 0-3.8"/><path d="M3.71 6.4a9.95 9.95 0 0 1 2.7-2.69"/>'
 };
 export { ICONS };
 /** Every name the registry can draw — what a panel's `icon` has to pick from. */

package/dist/app/icons/prism-icon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-icon.component.d.ts","sourceRoot":"","sources":["../../../src/app/icons/prism-icon.component.ts"],"names":[],"mappings":"AAQA,OAAO,EAAS,UAAU,EAAE,MAAM,oBAAoB,CAAC;;AAMvD,OAAO,EAAE,UAAU,EAAE,CAAC;AAMtB;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAW5D;AAED,qBAOa,kBAAkB;IAC7B,QAAQ,CAAC,IAAI,8CAA4B;IACzC,QAAQ,CAAC,IAAI,8CAAa;IAE1B,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAmC;;yCAJ3C,kBAAkB;2CAAlB,kBAAkB;CAkC9B"}
+{"version":3,"file":"prism-icon.component.d.ts","sourceRoot":"","sources":["../../../src/app/icons/prism-icon.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAS,MAAM,oBAAoB,CAAC;;AAMvD,OAAO,EAAE,UAAU,EAAE,CAAC;AAMtB;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ5D;AAED,qBAOa,kBAAkB;IAC3B,QAAQ,CAAC,IAAI,8CAA4B;IACzC,QAAQ,CAAC,IAAI,8CAAa;IAE1B,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAmC;;yCAJ7C,kBAAkB;2CAAlB,kBAAkB;CAoC9B"}

package/dist/app/icons/prism-icon.component.js

@@ -1,5 +1,5 @@
-import { Component, ChangeDetectionStrategy, input, effect, ElementRef, inject, } from '@angular/core';
-import { ICONS, ICON_NAMES } from './icon-registry.js';
+import { ChangeDetectionStrategy, Component, effect, ElementRef, inject, input } from '@angular/core';
+import { ICON_NAMES, ICONS } from './icon-registry.js';
 import * as i0 from "@angular/core";
 // Re-exported for existing consumers of this module. The registry itself
 // lives in `icon-registry.js` — a dependency-free module — so a plugin barrel
@@ -59,10 +59,10 @@ export class PrismIconComponent {
         });
     }
     static ɵfac = function PrismIconComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismIconComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismIconComponent, selectors: [["prism-icon"]], inputs: { name: [1, "name"], size: [1, "size"] }, decls: 0, vars: 0, template: function PrismIconComponent_Template(rf, ctx) { }, styles: ["[_nghost-%COMP%] { display: inline-flex; align-items: center; justify-content: center; }"] });
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismIconComponent, selectors: [["prism-icon"]], inputs: { name: [1, "name"], size: [1, "size"] }, decls: 0, vars: 0, template: function PrismIconComponent_Template(rf, ctx) { }, styles: ["[_nghost-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismIconComponent, [{
         type: Component,
-        args: [{ selector: 'prism-icon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: ``, styles: [":host { display: inline-flex; align-items: center; justify-content: center; }"] }]
+        args: [{ selector: 'prism-icon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "", styles: [":host {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n"] }]
     }], () => [], { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismIconComponent, { className: "PrismIconComponent", filePath: "app/icons/prism-icon.component.ts", lineNumber: 53 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismIconComponent, { className: "PrismIconComponent", filePath: "app/icons/prism-icon.component.ts", lineNumber: 43 }); })();

package/dist/app/index.d.ts

@@ -1,12 +1,12 @@
-export { PRISM_MANIFEST, PRISM_CONFIG } from './tokens/prism-tokens.js';
-export { PRISM_DEFAULT_THEME, PRISM_DARK_THEME, PRISM_LIGHT_THEME, PRISM_BASE_TOKENS, } from './theme/prism-default-theme.js';
+export { PRISM_CONFIG, PRISM_MANIFEST } from './tokens/prism-tokens.js';
+export { PRISM_BASE_TOKENS, PRISM_DARK_THEME, PRISM_DEFAULT_THEME, PRISM_LIGHT_THEME } from './theme/prism-default-theme.js';
 export { PrismThemeService } from './services/prism-theme.service.js';
 export type { NavigationItem } from './services/navigation-item.types.js';
 export { PrismManifestService } from './services/prism-manifest.service.js';
 export { PrismSearchService } from './services/prism-search.service.js';
 export { PrismNavigationService } from './services/prism-navigation.service.js';
 export { PrismRendererService } from './services/prism-renderer.service.js';
-export { PrismEventLogService, type EventLogEntry, } from './services/prism-event-log.service.js';
+export { type EventLogEntry, PrismEventLogService } from './services/prism-event-log.service.js';
 export { PrismPluginService } from './services/prism-plugin.service.js';
 export { PrismLayoutService } from './services/prism-layout.service.js';
 export { PrismUrlStateService } from './services/prism-url-state.service.js';

package/dist/app/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/app/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxE,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,YAAY,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAG1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,KAAK,aAAa,GACnB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAGlF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,kDAAkD,CAAC;AAG9F,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAyB1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/app/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAGxE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC7H,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,YAAY,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAG1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,KAAK,aAAa,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AACjG,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAGlF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,kDAAkD,CAAC;AAG9F,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAyB1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC"}