@ng-prism/core 21.0.0

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

@@ -0,0 +1,350 @@
+import { Component, computed, input, signal } from '@angular/core';
+import { NgComponentOutlet } from '@angular/common';
+import { summarizeValue } from './prism-json-node.utils.js';
+import * as i0 from "@angular/core";
+const _c0 = (a0, a1) => ({ value: a0, depth: a1 });
+const _forTrack0 = ($index, $item) => $item.key;
+function PrismJsonNodeComponent_Case_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate("{}");
+} }
+function PrismJsonNodeComponent_Case_0_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.summary());
+} }
+function PrismJsonNodeComponent_Case_0_Conditional_1_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1, "\u2026");
+    i0.ɵɵelementEnd();
+} }
+function PrismJsonNodeComponent_Case_0_Conditional_1_Conditional_4_Conditional_1_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10)(1, "span", 11);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 12);
+    i0.ɵɵtext(4, ":\u00A0");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainer(5, 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entry_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(entry_r3.key);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngComponentOutlet", ctx_r1.self)("ngComponentOutletInputs", i0.ɵɵpureFunction2(3, _c0, entry_r3.value, ctx_r1.depth() + 1));
+} }
+function PrismJsonNodeComponent_Case_0_Conditional_1_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 9);
+    i0.ɵɵrepeaterCreate(3, PrismJsonNodeComponent_Case_0_Conditional_1_Conditional_4_Conditional_1_For_4_Template, 6, 6, "div", 10, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 5);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate("{");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.entries());
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate("}");
+} }
+function PrismJsonNodeComponent_Case_0_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PrismJsonNodeComponent_Case_0_Conditional_1_Conditional_4_Conditional_0_Template, 2, 0, "span", 8)(1, PrismJsonNodeComponent_Case_0_Conditional_1_Conditional_4_Conditional_1_Template, 7, 2);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r1.depth() >= ctx_r1.maxDepth ? 0 : 1);
+} }
+function PrismJsonNodeComponent_Case_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵlistener("click", function PrismJsonNodeComponent_Case_0_Conditional_1_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggle()); });
+    i0.ɵɵelementStart(1, "span", 7);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, PrismJsonNodeComponent_Case_0_Conditional_1_Conditional_3_Template, 2, 1, "span", 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, PrismJsonNodeComponent_Case_0_Conditional_1_Conditional_4_Template, 2, 1);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.expanded() ? "\u25BE" : "\u25B8");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.expanded() ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.expanded() ? 4 : -1);
+} }
+function PrismJsonNodeComponent_Case_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PrismJsonNodeComponent_Case_0_Conditional_0_Template, 2, 1, "span", 5)(1, PrismJsonNodeComponent_Case_0_Conditional_1_Template, 5, 3);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r1.entries().length === 0 ? 0 : 1);
+} }
+function PrismJsonNodeComponent_Case_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1, "[]");
+    i0.ɵɵelementEnd();
+} }
+function PrismJsonNodeComponent_Case_1_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.summary());
+} }
+function PrismJsonNodeComponent_Case_1_Conditional_1_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1, "\u2026");
+    i0.ɵɵelementEnd();
+} }
+function PrismJsonNodeComponent_Case_1_Conditional_1_Conditional_4_Conditional_1_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10)(1, "span", 14);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 12);
+    i0.ɵɵtext(4, ":\u00A0");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainer(5, 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r5 = ctx.$implicit;
+    const $index_r6 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate($index_r6);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngComponentOutlet", ctx_r1.self)("ngComponentOutletInputs", i0.ɵɵpureFunction2(3, _c0, item_r5, ctx_r1.depth() + 1));
+} }
+function PrismJsonNodeComponent_Case_1_Conditional_1_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1, "[");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 9);
+    i0.ɵɵrepeaterCreate(3, PrismJsonNodeComponent_Case_1_Conditional_1_Conditional_4_Conditional_1_For_4_Template, 6, 6, "div", 10, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 5);
+    i0.ɵɵtext(6, "]");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.items());
+} }
+function PrismJsonNodeComponent_Case_1_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PrismJsonNodeComponent_Case_1_Conditional_1_Conditional_4_Conditional_0_Template, 2, 0, "span", 8)(1, PrismJsonNodeComponent_Case_1_Conditional_1_Conditional_4_Conditional_1_Template, 7, 0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r1.depth() >= ctx_r1.maxDepth ? 0 : 1);
+} }
+function PrismJsonNodeComponent_Case_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵlistener("click", function PrismJsonNodeComponent_Case_1_Conditional_1_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggle()); });
+    i0.ɵɵelementStart(1, "span", 7);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, PrismJsonNodeComponent_Case_1_Conditional_1_Conditional_3_Template, 2, 1, "span", 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, PrismJsonNodeComponent_Case_1_Conditional_1_Conditional_4_Template, 2, 1);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.expanded() ? "\u25BE" : "\u25B8");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.expanded() ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.expanded() ? 4 : -1);
+} }
+function PrismJsonNodeComponent_Case_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PrismJsonNodeComponent_Case_1_Conditional_0_Template, 2, 0, "span", 5)(1, PrismJsonNodeComponent_Case_1_Conditional_1_Template, 5, 3);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r1.items().length === 0 ? 0 : 1);
+} }
+function PrismJsonNodeComponent_Case_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 0);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("\"", ctx_r1.value(), "\"");
+} }
+function PrismJsonNodeComponent_Case_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.value());
+} }
+function PrismJsonNodeComponent_Case_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.value());
+} }
+function PrismJsonNodeComponent_Case_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 3);
+    i0.ɵɵtext(1, "null");
+    i0.ɵɵelementEnd();
+} }
+function PrismJsonNodeComponent_Case_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 4);
+    i0.ɵɵtext(1, "undefined");
+    i0.ɵɵelementEnd();
+} }
+const MAX_DEPTH = 10;
+const MAX_ENTRIES = 50;
+export { summarizeValue } from './prism-json-node.utils.js';
+function getType(val) {
+    if (val === null)
+        return 'null';
+    if (val === undefined)
+        return 'undefined';
+    if (Array.isArray(val))
+        return 'array';
+    return typeof val;
+}
+export class PrismJsonNodeComponent {
+    value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    depth = input(0, ...(ngDevMode ? [{ debugName: "depth" }] : []));
+    maxDepth = MAX_DEPTH;
+    self = PrismJsonNodeComponent;
+    type = computed(() => getType(this.value()), ...(ngDevMode ? [{ debugName: "type" }] : []));
+    expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    entries = computed(() => {
+        const v = this.value();
+        if (typeof v !== 'object' || v === null || Array.isArray(v))
+            return [];
+        try {
+            return Object.entries(v)
+                .slice(0, MAX_ENTRIES)
+                .map(([key, value]) => ({ key, value }));
+        }
+        catch {
+            return [];
+        }
+    }, ...(ngDevMode ? [{ debugName: "entries" }] : []));
+    items = computed(() => {
+        const v = this.value();
+        return Array.isArray(v) ? v : [];
+    }, ...(ngDevMode ? [{ debugName: "items" }] : []));
+    summary = computed(() => summarizeValue(this.value()), ...(ngDevMode ? [{ debugName: "summary" }] : []));
+    toggle() {
+        this.expanded.update((v) => !v);
+    }
+    static ɵfac = function PrismJsonNodeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismJsonNodeComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismJsonNodeComponent, selectors: [["prism-json-node"]], inputs: { value: [1, "value"], depth: [1, "depth"] }, decls: 7, vars: 1, consts: [[1, "json-string"], [1, "json-number"], [1, "json-boolean"], [1, "json-null"], [1, "json-undefined"], [1, "json-brace"], [1, "json-expandable", 3, "click"], [1, "json-chevron"], [1, "json-summary"], [1, "json-children"], [1, "json-row"], [1, "json-key"], [1, "json-colon"], [3, "ngComponentOutlet", "ngComponentOutletInputs"], [1, "json-index"]], template: function PrismJsonNodeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, PrismJsonNodeComponent_Case_0_Template, 2, 1)(1, PrismJsonNodeComponent_Case_1_Template, 2, 1)(2, PrismJsonNodeComponent_Case_2_Template, 2, 1, "span", 0)(3, PrismJsonNodeComponent_Case_3_Template, 2, 1, "span", 1)(4, PrismJsonNodeComponent_Case_4_Template, 2, 1, "span", 2)(5, PrismJsonNodeComponent_Case_5_Template, 2, 0, "span", 3)(6, PrismJsonNodeComponent_Case_6_Template, 2, 0, "span", 4);
+        } if (rf & 2) {
+            let tmp_0_0;
+            i0.ɵɵconditional((tmp_0_0 = ctx.type()) === "object" ? 0 : tmp_0_0 === "array" ? 1 : tmp_0_0 === "string" ? 2 : tmp_0_0 === "number" ? 3 : tmp_0_0 === "boolean" ? 4 : tmp_0_0 === "null" ? 5 : tmp_0_0 === "undefined" ? 6 : -1);
+        } }, dependencies: [NgComponentOutlet], styles: ["[_nghost-%COMP%] {\n      display: inline;\n      font-family: var(--prism-font-mono, monospace);\n      font-size: 12px;\n    }\n    .json-expandable[_ngcontent-%COMP%] {\n      cursor: pointer;\n      user-select: none;\n      display: inline-flex;\n      align-items: baseline;\n      gap: 2px;\n    }\n    .json-expandable[_ngcontent-%COMP%]:hover   .json-summary[_ngcontent-%COMP%] {\n      opacity: 0.8;\n    }\n    .json-chevron[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted);\n      font-size: 10px;\n      width: 10px;\n      flex-shrink: 0;\n    }\n    .json-summary[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted);\n    }\n    .json-children[_ngcontent-%COMP%] {\n      display: block;\n      padding-left: 16px;\n      border-left: 1px solid var(--prism-border);\n      margin: 2px 0;\n    }\n    .json-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: baseline;\n      flex-wrap: wrap;\n      gap: 0;\n      padding: 1px 0;\n    }\n    .json-key[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted);\n    }\n    .json-index[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted);\n      font-style: italic;\n    }\n    .json-colon[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted);\n    }\n    .json-brace[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted);\n    }\n    .json-string[_ngcontent-%COMP%] {\n      color: #7dd3fc;\n    }\n    .json-number[_ngcontent-%COMP%] {\n      color: #fb923c;\n    }\n    .json-boolean[_ngcontent-%COMP%] {\n      color: #c084fc;\n    }\n    .json-null[_ngcontent-%COMP%], \n   .json-undefined[_ngcontent-%COMP%] {\n      color: var(--prism-text-muted);\n      font-style: italic;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismJsonNodeComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-json-node', standalone: true, imports: [NgComponentOutlet], template: `
+    @switch (type()) {
+      @case ('object') {
+        @if (entries().length === 0) {
+          <span class="json-brace">{{ '{}' }}</span>
+        } @else {
+          <span class="json-expandable" (click)="toggle()">
+            <span class="json-chevron">{{ expanded() ? '▾' : '▸' }}</span>
+            @if (!expanded()) {
+              <span class="json-summary">{{ summary() }}</span>
+            }
+          </span>
+          @if (expanded()) {
+            @if (depth() >= maxDepth) {
+              <span class="json-summary">…</span>
+            } @else {
+              <span class="json-brace">{{ '{' }}</span>
+              <div class="json-children">
+                @for (entry of entries(); track entry.key) {
+                  <div class="json-row">
+                    <span class="json-key">{{ entry.key }}</span>
+                    <span class="json-colon">:&nbsp;</span>
+                    <ng-container
+                      [ngComponentOutlet]="self"
+                      [ngComponentOutletInputs]="{ value: entry.value, depth: depth() + 1 }"
+                    />
+                  </div>
+                }
+              </div>
+              <span class="json-brace">{{ '}' }}</span>
+            }
+          }
+        }
+      }
+      @case ('array') {
+        @if (items().length === 0) {
+          <span class="json-brace">[]</span>
+        } @else {
+          <span class="json-expandable" (click)="toggle()">
+            <span class="json-chevron">{{ expanded() ? '▾' : '▸' }}</span>
+            @if (!expanded()) {
+              <span class="json-summary">{{ summary() }}</span>
+            }
+          </span>
+          @if (expanded()) {
+            @if (depth() >= maxDepth) {
+              <span class="json-summary">…</span>
+            } @else {
+              <span class="json-brace">[</span>
+              <div class="json-children">
+                @for (item of items(); track $index) {
+                  <div class="json-row">
+                    <span class="json-index">{{ $index }}</span>
+                    <span class="json-colon">:&nbsp;</span>
+                    <ng-container
+                      [ngComponentOutlet]="self"
+                      [ngComponentOutletInputs]="{ value: item, depth: depth() + 1 }"
+                    />
+                  </div>
+                }
+              </div>
+              <span class="json-brace">]</span>
+            }
+          }
+        }
+      }
+      @case ('string') {
+        <span class="json-string">"{{ value() }}"</span>
+      }
+      @case ('number') {
+        <span class="json-number">{{ value() }}</span>
+      }
+      @case ('boolean') {
+        <span class="json-boolean">{{ value() }}</span>
+      }
+      @case ('null') {
+        <span class="json-null">null</span>
+      }
+      @case ('undefined') {
+        <span class="json-undefined">undefined</span>
+      }
+    }
+  `, styles: ["\n    :host {\n      display: inline;\n      font-family: var(--prism-font-mono, monospace);\n      font-size: 12px;\n    }\n    .json-expandable {\n      cursor: pointer;\n      user-select: none;\n      display: inline-flex;\n      align-items: baseline;\n      gap: 2px;\n    }\n    .json-expandable:hover .json-summary {\n      opacity: 0.8;\n    }\n    .json-chevron {\n      color: var(--prism-text-muted);\n      font-size: 10px;\n      width: 10px;\n      flex-shrink: 0;\n    }\n    .json-summary {\n      color: var(--prism-text-muted);\n    }\n    .json-children {\n      display: block;\n      padding-left: 16px;\n      border-left: 1px solid var(--prism-border);\n      margin: 2px 0;\n    }\n    .json-row {\n      display: flex;\n      align-items: baseline;\n      flex-wrap: wrap;\n      gap: 0;\n      padding: 1px 0;\n    }\n    .json-key {\n      color: var(--prism-text-muted);\n    }\n    .json-index {\n      color: var(--prism-text-muted);\n      font-style: italic;\n    }\n    .json-colon {\n      color: var(--prism-text-muted);\n    }\n    .json-brace {\n      color: var(--prism-text-muted);\n    }\n    .json-string {\n      color: #7dd3fc;\n    }\n    .json-number {\n      color: #fb923c;\n    }\n    .json-boolean {\n      color: #c084fc;\n    }\n    .json-null,\n    .json-undefined {\n      color: var(--prism-text-muted);\n      font-style: italic;\n    }\n  "] }]
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], depth: [{ type: i0.Input, args: [{ isSignal: true, alias: "depth", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismJsonNodeComponent, { className: "PrismJsonNodeComponent", filePath: "app/panels/events/prism-json-node.component.ts", lineNumber: 173 }); })();

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

@@ -0,0 +1,2 @@
+export declare function summarizeValue(val: unknown, depth?: number, visited?: WeakSet<object>): string;
+//# sourceMappingURL=prism-json-node.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism-json-node.utils.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/events/prism-json-node.utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,SAAI,EAAE,OAAO,kBAAwB,GAAG,MAAM,CA8B/F"}

package/dist/app/panels/events/prism-json-node.utils.js

@@ -0,0 +1,40 @@
+export function summarizeValue(val, depth = 0, visited = new WeakSet()) {
+    if (depth > 3)
+        return '…';
+    if (val === undefined)
+        return 'undefined';
+    if (val === null)
+        return 'null';
+    if (typeof val === 'string')
+        return `"${val}"`;
+    if (typeof val === 'number' || typeof val === 'boolean')
+        return String(val);
+    if (typeof val === 'object') {
+        if (visited.has(val))
+            return '[Circular]';
+        visited.add(val);
+        if (Array.isArray(val)) {
+            if (val.length === 0)
+                return '[]';
+            const items = val.slice(0, 3).map((item) => summarizeValue(item, depth + 1, visited));
+            return val.length > 3 ? `[${items.join(', ')}, …]` : `[${items.join(', ')}]`;
+        }
+        const proto = Object.getPrototypeOf(val);
+        if (proto !== Object.prototype && proto !== null) {
+            const name = val.constructor?.name;
+            return name ? `[${name}]` : '[Object]';
+        }
+        try {
+            const keys = Object.keys(val);
+            if (keys.length === 0)
+                return '{}';
+            const obj = val;
+            const pairs = keys.slice(0, 2).map((k) => `${k}: ${summarizeValue(obj[k], depth + 1, visited)}`);
+            return keys.length > 2 ? `{${pairs.join(', ')}, …}` : `{${pairs.join(', ')}}`;
+        }
+        catch {
+            return '[Object]';
+        }
+    }
+    return String(val);
+}

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

@@ -0,0 +1,26 @@
+import { EnvironmentInjector, OnDestroy, type Type } from '@angular/core';
+import { PrismPanelService } from '../../services/prism-panel.service.js';
+import * as i0 from "@angular/core";
+export declare class PrismPanelHostComponent implements OnDestroy {
+    private readonly pluginService;
+    private readonly nav;
+    protected readonly panelService: PrismPanelService;
+    private readonly envInjector;
+    private readonly auditService;
+    private readonly rendererService;
+    protected readonly a11yScore: import("@angular/core").Signal<number | null>;
+    private readonly builtInPanels;
+    protected readonly allPanels: import("@angular/core").Signal<import("../../../index.js").PanelDefinition[]>;
+    protected readonly resolvedComponent: import("@angular/core").WritableSignal<Type<unknown> | null>;
+    protected readonly panelInputs: import("@angular/core").Signal<{
+        activeComponent: import("../../../index.js").RuntimeComponent | null;
+    }>;
+    private readonly lazyCache;
+    private readonly injectorCache;
+    protected readonly activeInjector: import("@angular/core").Signal<EnvironmentInjector>;
+    constructor();
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrismPanelHostComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PrismPanelHostComponent, "prism-panel-host", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=prism-panel-host.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism-panel-host.component.d.ts","sourceRoot":"","sources":["../../../../src/app/panels/panel-host/prism-panel-host.component.ts"],"names":[],"mappings":"AACA,OAAO,EAA0D,mBAAmB,EAAU,SAAS,EAAU,KAAK,IAAI,EAAE,MAAM,eAAe,CAAC;AAKlJ,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;;AAK1E,qBAkFa,uBAAwB,YAAW,SAAS;IACvD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkC;IACtD,SAAS,CAAC,QAAQ,CAAC,YAAY,oBAA6B;IAC5D,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+B;IAC3D,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA4B;IACzD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAgC;IAEhE,SAAS,CAAC,QAAQ,CAAC,SAAS,gDAAkE;IAE9F,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkB;IAEhD,SAAS,CAAC,QAAQ,CAAC,SAAS,gFAGzB;IACH,SAAS,CAAC,QAAQ,CAAC,iBAAiB,+DAAsC;IAC1E,SAAS,CAAC,QAAQ,CAAC,WAAW;;OAE1B;IAEJ,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoC;IAC9D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA0C;IAExE,SAAS,CAAC,QAAQ,CAAC,cAAc,sDAY9B;;IAmDH,WAAW,IAAI,IAAI;yCAvFR,uBAAuB;2CAAvB,uBAAuB;CA0FnC"}

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

@@ -0,0 +1,157 @@
+import { NgComponentOutlet } from '@angular/common';
+import { Component, computed, createEnvironmentInjector, effect, EnvironmentInjector, inject, signal } from '@angular/core';
+import { BUILTIN_PANELS } from '../builtin-panels.js';
+import { A11yAuditService } from '../a11y/a11y-audit.service.js';
+import { A11yScoreComponent } from '../a11y/a11y-score.component.js';
+import { PrismNavigationService } from '../../services/prism-navigation.service.js';
+import { PrismPanelService } from '../../services/prism-panel.service.js';
+import { PrismPluginService } from '../../services/prism-plugin.service.js';
+import { PrismRendererService } from '../../services/prism-renderer.service.js';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.id;
+function PrismPanelHostComponent_For_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "prism-a11y-score", 5);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("score", ctx_r2.a11yScore())("compact", true);
+} }
+function PrismPanelHostComponent_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 4);
+    i0.ɵɵlistener("click", function PrismPanelHostComponent_For_3_Template_button_click_0_listener() { const panel_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.panelService.activePanelId.set(panel_r2.id)); });
+    i0.ɵɵconditionalCreate(1, PrismPanelHostComponent_For_3_Conditional_1_Template, 1, 2, "prism-a11y-score", 5);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const panel_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("prism-panel-host__tab--active", ctx_r2.panelService.activePanelId() === panel_r2.id);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(panel_r2.id === "a11y" && ctx_r2.a11yScore() !== null ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", panel_r2.label, " ");
+} }
+function PrismPanelHostComponent_Conditional_5_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PrismPanelHostComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PrismPanelHostComponent_Conditional_5_ng_container_0_Template, 1, 0, "ng-container", 6);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngComponentOutlet", ctx_r2.resolvedComponent())("ngComponentOutletInputs", ctx_r2.panelInputs())("ngComponentOutletInjector", ctx_r2.activeInjector());
+} }
+export class PrismPanelHostComponent {
+    pluginService = inject(PrismPluginService);
+    nav = inject(PrismNavigationService);
+    panelService = inject(PrismPanelService);
+    envInjector = inject(EnvironmentInjector);
+    auditService = inject(A11yAuditService);
+    rendererService = inject(PrismRendererService);
+    a11yScore = computed(() => this.auditService.scoreResult()?.score ?? null, ...(ngDevMode ? [{ debugName: "a11yScore" }] : []));
+    builtInPanels = BUILTIN_PANELS;
+    allPanels = computed(() => [
+        ...this.builtInPanels.filter((p) => p.placement !== 'view'),
+        ...this.pluginService.addonPanels(),
+    ], ...(ngDevMode ? [{ debugName: "allPanels" }] : []));
+    resolvedComponent = signal(null, ...(ngDevMode ? [{ debugName: "resolvedComponent" }] : []));
+    panelInputs = computed(() => ({
+        activeComponent: this.nav.activeComponent(),
+    }), ...(ngDevMode ? [{ debugName: "panelInputs" }] : []));
+    lazyCache = new Map();
+    injectorCache = new Map();
+    activeInjector = computed(() => {
+        const panelId = this.panelService.activePanelId();
+        const panel = this.allPanels().find((p) => p.id === panelId);
+        if (!panel?.providers?.length)
+            return this.envInjector;
+        if (!this.injectorCache.has(panel.id)) {
+            this.injectorCache.set(panel.id, createEnvironmentInjector(panel.providers, this.envInjector, `PrismPanel[${panel.id}]`));
+        }
+        return this.injectorCache.get(panel.id);
+    }, ...(ngDevMode ? [{ debugName: "activeInjector" }] : []));
+    constructor() {
+        effect(() => {
+            const element = this.rendererService.renderedElement();
+            const comp = this.nav.activeComponent();
+            this.rendererService.inputValues();
+            this.rendererService.activeVariantIndex();
+            if (!element || !comp) {
+                this.auditService.clear();
+                return;
+            }
+            const a11yConfig = comp.meta?.showcaseConfig?.meta?.['a11y'];
+            if (a11yConfig?.disable === true) {
+                this.auditService.clear();
+                return;
+            }
+            this.auditService.scheduleAudit(element, a11yConfig);
+        });
+        effect(() => {
+            const panel = this.allPanels().find((p) => p.id === this.panelService.activePanelId()) ?? null;
+            if (!panel) {
+                this.resolvedComponent.set(null);
+                return;
+            }
+            if (panel.component) {
+                this.resolvedComponent.set(panel.component);
+                return;
+            }
+            if (panel.loadComponent) {
+                const cached = this.lazyCache.get(panel.id);
+                if (cached) {
+                    this.resolvedComponent.set(cached);
+                    return;
+                }
+                this.resolvedComponent.set(null);
+                panel.loadComponent().then((comp) => {
+                    this.lazyCache.set(panel.id, comp);
+                    this.resolvedComponent.set(comp);
+                });
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.injectorCache.forEach((injector) => injector.destroy());
+    }
+    static ɵfac = function PrismPanelHostComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismPanelHostComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismPanelHostComponent, selectors: [["prism-panel-host"]], decls: 6, vars: 1, consts: [[1, "prism-panel-host"], [1, "prism-panel-host__tabs"], [1, "prism-panel-host__tab", 3, "prism-panel-host__tab--active"], [1, "prism-panel-host__content"], [1, "prism-panel-host__tab", 3, "click"], [2, "width", "18px", "height", "18px", 3, "score", "compact"], [4, "ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector"]], template: function PrismPanelHostComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵrepeaterCreate(2, PrismPanelHostComponent_For_3_Template, 3, 4, "button", 2, _forTrack0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 3);
+            i0.ɵɵconditionalCreate(5, PrismPanelHostComponent_Conditional_5_Template, 1, 3, "ng-container");
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.allPanels());
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.resolvedComponent() ? 5 : -1);
+        } }, dependencies: [NgComponentOutlet, A11yScoreComponent], styles: [".prism-panel-host[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--prism-bg-elevated);\n    }\n\n    .prism-panel-host__tabs[_ngcontent-%COMP%] {\n      display: flex;\n      border-bottom: 1px solid var(--prism-border);\n      padding: 0 8px;\n      flex-shrink: 0;\n      background: var(--prism-bg-elevated);\n    }\n\n    .prism-panel-host__tab[_ngcontent-%COMP%] {\n      padding: 9px 14px;\n      font-size: 13px;\n      font-family: var(--prism-font-sans);\n      border: none;\n      background: none;\n      color: var(--prism-text-muted);\n      cursor: pointer;\n      position: relative;\n      margin-bottom: -1px;\n      transition: color 0.12s;\n    }\n\n    .prism-panel-host__tab[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 8px;\n      right: 8px;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity 0.12s;\n    }\n\n    .prism-panel-host__tab[_ngcontent-%COMP%]:hover { color: var(--prism-text-2); }\n\n    .prism-panel-host__tab--active[_ngcontent-%COMP%] { color: var(--prism-primary); font-weight: 500; }\n\n    .prism-panel-host__tab--active[_ngcontent-%COMP%]::after { opacity: 1; }\n\n    .prism-panel-host__tab[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 6px; }\n\n    .prism-panel-host__content[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: auto;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismPanelHostComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-panel-host', standalone: true, imports: [NgComponentOutlet, A11yScoreComponent], template: `
+    <div class="prism-panel-host">
+      <div class="prism-panel-host__tabs">
+        @for (panel of allPanels(); track panel.id) {
+          <button
+            class="prism-panel-host__tab"
+            [class.prism-panel-host__tab--active]="panelService.activePanelId() === panel.id"
+            (click)="panelService.activePanelId.set(panel.id)"
+          >
+            @if (panel.id === 'a11y' && a11yScore() !== null) {
+              <prism-a11y-score [score]="a11yScore()!" [compact]="true" style="width:18px;height:18px;" />
+            }
+            {{ panel.label }}
+          </button>
+        }
+      </div>
+      <div class="prism-panel-host__content">
+        @if (resolvedComponent()) {
+          <ng-container *ngComponentOutlet="resolvedComponent(); inputs: panelInputs(); injector: activeInjector()" />
+        }
+      </div>
+    </div>
+  `, styles: ["\n    .prism-panel-host {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--prism-bg-elevated);\n    }\n\n    .prism-panel-host__tabs {\n      display: flex;\n      border-bottom: 1px solid var(--prism-border);\n      padding: 0 8px;\n      flex-shrink: 0;\n      background: var(--prism-bg-elevated);\n    }\n\n    .prism-panel-host__tab {\n      padding: 9px 14px;\n      font-size: 13px;\n      font-family: var(--prism-font-sans);\n      border: none;\n      background: none;\n      color: var(--prism-text-muted);\n      cursor: pointer;\n      position: relative;\n      margin-bottom: -1px;\n      transition: color 0.12s;\n    }\n\n    .prism-panel-host__tab::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 8px;\n      right: 8px;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity 0.12s;\n    }\n\n    .prism-panel-host__tab:hover { color: var(--prism-text-2); }\n\n    .prism-panel-host__tab--active { color: var(--prism-primary); font-weight: 500; }\n\n    .prism-panel-host__tab--active::after { opacity: 1; }\n\n    .prism-panel-host__tab { display: flex; align-items: center; gap: 6px; }\n\n    .prism-panel-host__content {\n      flex: 1;\n      overflow: auto;\n    }\n  "] }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismPanelHostComponent, { className: "PrismPanelHostComponent", filePath: "app/panels/panel-host/prism-panel-host.component.ts", lineNumber: 94 }); })();

package/dist/app/provide-prism.d.ts

@@ -0,0 +1,8 @@
+import { type EnvironmentProviders } from '@angular/core';
+import type { NgPrismConfig, RuntimeManifest } from '../plugin/plugin.types.js';
+import type { ComponentPageOptions } from '../plugin/page-helpers.js';
+export interface ProvidePrismOptions {
+    componentPages?: ComponentPageOptions[];
+}
+export declare function providePrism(manifest: RuntimeManifest, config?: NgPrismConfig, options?: ProvidePrismOptions): EnvironmentProviders;
+//# sourceMappingURL=provide-prism.d.ts.map

package/dist/app/provide-prism.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provide-prism.d.ts","sourceRoot":"","sources":["../../src/app/provide-prism.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAItE,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,oBAAoB,EAAE,CAAC;CACzC;AAED,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,eAAe,EACzB,MAAM,CAAC,EAAE,aAAa,EACtB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,oBAAoB,CAiBtB"}

package/dist/app/provide-prism.js

@@ -0,0 +1,21 @@
+import { makeEnvironmentProviders } from '@angular/core';
+import { provideHighlightOptions } from 'ngx-highlightjs';
+import { componentPage } from '../plugin/page-helpers.js';
+import { PRISM_CONFIG, PRISM_MANIFEST } from './tokens/prism-tokens.js';
+export function providePrism(manifest, config, options) {
+    const mergedManifest = options?.componentPages?.length
+        ? { ...manifest, pages: [...(manifest.pages ?? []), ...options.componentPages.map(o => componentPage(o))] }
+        : manifest;
+    return makeEnvironmentProviders([
+        { provide: PRISM_MANIFEST, useValue: mergedManifest },
+        ...(config ? [{ provide: PRISM_CONFIG, useValue: config }] : []),
+        ...(config?.appProviders ?? []),
+        provideHighlightOptions({
+            coreLibraryLoader: () => import('highlight.js/lib/core'),
+            languages: {
+                xml: () => import('highlight.js/lib/languages/xml'),
+                typescript: () => import('highlight.js/lib/languages/typescript'),
+            },
+        }),
+    ]);
+}

package/dist/app/renderer/highlight-xml.d.ts

@@ -0,0 +1,2 @@
+export declare function highlightXml(code: string): string;
+//# sourceMappingURL=highlight-xml.d.ts.map

package/dist/app/renderer/highlight-xml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-xml.d.ts","sourceRoot":"","sources":["../../../src/app/renderer/highlight-xml.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAyBjD"}