@contentful/experiences-angular 0.2.0

package/dist/client-experience-renderer.component.js

@@ -0,0 +1,155 @@
+/*
+ * Browser entry point. Port of adapter-svelte/src/ClientExperienceRenderer.svelte.
+ *
+ * Identical to `<cf-server-experience>` except that the active viewport tracks
+ * `window.matchMedia` instead of being fixed at render time, so design values
+ * re-cascade as the window resizes.
+ *
+ * Simpler than the Svelte original: Svelte mutates a `$state` object in place
+ * because its contexts are snapshots, so the mirror and the `$effect` that keeps
+ * it in sync are load-bearing there. Angular signals have no such constraint —
+ * one `computed` is the whole thing.
+ */
+import { ChangeDetectionStrategy, Component, Input, computed, inject, signal, } from '@angular/core';
+import { ComponentErrorComponent } from './component-error.component.js';
+import { DebugExperienceComponent } from './debug-experience.component.js';
+import { DEFAULT_CONTEXT, EMPTY_CONFIG, FALLBACK_VIEWPORT } from './experience-defaults.js';
+import { ExperienceScope } from './experience-scope.js';
+import { injectActiveViewport } from './inject-active-viewport.js';
+import { MissingComponentComponent } from './missing-component.component.js';
+import { NodesRendererDirective } from './node-renderer.directive.js';
+import * as i0 from "@angular/core";
+export class ClientExperienceRendererComponent {
+    /** A resolved render plan, or `null` while one is still being fetched. */
+    set experience(value) {
+        this.experienceValue.set(value ?? null);
+    }
+    set config(value) {
+        this.configValue.set(value);
+    }
+    /**
+     * Viewport to render for until `matchMedia` takes over after the first render.
+     * Set it to whatever the server rendered with so hydration does not flicker.
+     */
+    set initialViewportId(value) {
+        this.initialViewportIdValue.set(value);
+    }
+    /** Shallow-merges over the plan's `metadata`. Only needed to override it. */
+    set metadata(value) {
+        this.metadataValue.set(value);
+    }
+    /**
+     * Renders the resolved plan above the experience for inspection. Defaults to
+     * the plan's `debug`; `[debug]="false"` overrides a debug-on plan.
+     */
+    set debug(value) {
+        this.debugValue.set(value);
+    }
+    /** Replaces the default missing-component box. Receives `componentId` and `nodeId`. */
+    set renderUnknown(value) {
+        this.renderUnknownValue.set(value ?? MissingComponentComponent);
+    }
+    /** Replaces the default error box rendered when a registered component throws. */
+    set renderError(value) {
+        this.renderErrorValue.set(value ?? ComponentErrorComponent);
+    }
+    constructor() {
+        this.experienceValue = signal(null, ...(ngDevMode ? [{ debugName: "experienceValue" }] : []));
+        // `undefined` means "not bound", distinct from an explicit `[debug]="false"`.
+        this.debugValue = signal(undefined, ...(ngDevMode ? [{ debugName: "debugValue" }] : []));
+        this.resolvedDebug = computed(() => this.debugValue() ?? this.experienceValue()?.debug ?? false, ...(ngDevMode ? [{ debugName: "resolvedDebug" }] : []));
+        this.configValue = signal(null, ...(ngDevMode ? [{ debugName: "configValue" }] : []));
+        this.initialViewportIdValue = signal(undefined, ...(ngDevMode ? [{ debugName: "initialViewportIdValue" }] : []));
+        this.metadataValue = signal(undefined, ...(ngDevMode ? [{ debugName: "metadataValue" }] : []));
+        this.renderUnknownValue = signal(MissingComponentComponent, ...(ngDevMode ? [{ debugName: "renderUnknownValue" }] : []));
+        this.renderErrorValue = signal(ComponentErrorComponent, ...(ngDevMode ? [{ debugName: "renderErrorValue" }] : []));
+        // Getters, not values: this runs during construction, before Angular has bound
+        // a single input. See injectActiveViewport's docblock.
+        this.tracker = injectActiveViewport(() => this.experienceValue()?.viewports ?? [], 
+        // Seed from the plan so first paint matches the server renderer.
+        () => {
+            const explicit = this.initialViewportIdValue();
+            if (explicit !== undefined)
+                return explicit;
+            const experience = this.experienceValue();
+            return experience?.viewports[experience.fallbackViewportIndex]?.id;
+        });
+        this.renderContext = computed(() => {
+            const experience = this.experienceValue();
+            const activeViewportIndex = this.tracker.activeViewportIndex();
+            return {
+                ...DEFAULT_CONTEXT,
+                debug: this.resolvedDebug(),
+                metadata: {
+                    ...DEFAULT_CONTEXT.metadata,
+                    ...(experience?.metadata ?? {}),
+                    ...(this.metadataValue() ?? {}),
+                },
+                viewports: experience?.viewports ?? [],
+                activeViewport: experience?.viewports[activeViewportIndex] ?? FALLBACK_VIEWPORT,
+                activeViewportIndex,
+                fallbackViewportIndex: experience?.fallbackViewportIndex ?? 0,
+            };
+        }, ...(ngDevMode ? [{ debugName: "renderContext" }] : []));
+        this.scope = inject(ExperienceScope);
+        /** Resolve-time + render-time diagnostics, merged for `<cf-debug-experience>`. */
+        this.errors = computed(() => [
+            ...(this.experienceValue()?.diagnostics ?? []),
+            ...this.scope.diagnostics(),
+        ], ...(ngDevMode ? [{ debugName: "errors" }] : []));
+        this.scope.connectExperience(() => this.renderContext());
+        this.scope.connectConfig(() => this.configValue() ?? EMPTY_CONFIG);
+        this.scope.connectRenderUnknown(() => this.renderUnknownValue());
+        this.scope.connectRenderError(() => this.renderErrorValue());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ClientExperienceRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ClientExperienceRendererComponent, isStandalone: true, selector: "cf-experience", inputs: { experience: "experience", config: "config", initialViewportId: "initialViewportId", metadata: "metadata", debug: "debug", renderUnknown: "renderUnknown", renderError: "renderError" }, providers: [ExperienceScope], ngImport: i0, template: `
+    @if (experienceValue(); as experience) {
+      <ng-container *cfNodes="experience.nodes"></ng-container>
+      @if (resolvedDebug()) {
+        <cf-debug-experience [experience]="experience" [errors]="errors()" />
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: DebugExperienceComponent, selector: "cf-debug-experience", inputs: ["experience", "defaultOpen", "errors"] }, { kind: "directive", type: NodesRendererDirective, selector: "[cfNodes]", inputs: ["cfNodes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ClientExperienceRendererComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cf-experience',
+                    imports: [DebugExperienceComponent, NodesRendererDirective],
+                    providers: [ExperienceScope],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    // The `<cf-experience>` host element itself stays a real element — it is the
+                    // customer's mount point, and they may well style it. Only the plumbing
+                    // *inside* it is anchor-only: `*cfNodes` puts the top-level nodes here as
+                    // siblings of a comment, so nothing the adapter owns wraps them.
+                    //
+                    // See the matching note in server-experience-renderer.component.ts on why
+                    // the node tree renders before `<cf-debug-experience>`.
+                    template: `
+    @if (experienceValue(); as experience) {
+      <ng-container *cfNodes="experience.nodes"></ng-container>
+      @if (resolvedDebug()) {
+        <cf-debug-experience [experience]="experience" [errors]="errors()" />
+      }
+    }
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { experience: [{
+                type: Input,
+                args: [{ required: true }]
+            }], config: [{
+                type: Input,
+                args: [{ required: true }]
+            }], initialViewportId: [{
+                type: Input
+            }], metadata: [{
+                type: Input
+            }], debug: [{
+                type: Input
+            }], renderUnknown: [{
+                type: Input
+            }], renderError: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=client-experience-renderer.component.js.map

package/dist/client-experience-renderer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-experience-renderer.component.js","sourceRoot":"","sources":["../src/client-experience-renderer.component.ts"],"names":[],"mappings":"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"}

package/dist/component-error.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare class ComponentErrorComponent {
+    protected readonly componentIdValue: import("@angular/core").WritableSignal<string>;
+    protected readonly nodeIdValue: import("@angular/core").WritableSignal<string | undefined>;
+    protected readonly messageValue: import("@angular/core").WritableSignal<string | undefined>;
+    set componentId(value: string);
+    set nodeId(value: string | undefined);
+    set message(value: string | undefined);
+    protected readonly experience: import("@angular/core").Signal<import("@contentful/experiences-sdk-core").RenderContext>;
+    protected readonly details: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComponentErrorComponent, "cf-component-error", never, { "componentId": { "alias": "componentId"; "required": true; }; "nodeId": { "alias": "nodeId"; "required": false; }; "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=component-error.component.d.ts.map

package/dist/component-error.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-error.component.d.ts","sourceRoot":"","sources":["../src/component-error.component.ts"],"names":[],"mappings":";AAeA,qBAmBa,uBAAuB;IAClC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,iDAAc;IACjD,SAAS,CAAC,QAAQ,CAAC,WAAW,6DAAyC;IACvE,SAAS,CAAC,QAAQ,CAAC,YAAY,6DAAyC;IAExE,IAA+B,WAAW,CAAC,KAAK,EAAE,MAAM,EAEvD;IAED,IAAa,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAE5C;IAED,IAAa,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAE7C;IAED,SAAS,CAAC,QAAQ,CAAC,UAAU,2FAAsB;IAEnD,SAAS,CAAC,QAAQ,CAAC,OAAO,yCAUxB;yCA7BS,uBAAuB;2CAAvB,uBAAuB;CA8BnC"}

package/dist/component-error.component.js

@@ -0,0 +1,81 @@
+/*
+ * Fallback for a node whose registered component threw while rendering. Port
+ * of adapter-svelte/src/ComponentError.svelte — sibling of `MissingComponentComponent`
+ * with the same debug-gated behavior (visible box in debug mode, silent
+ * otherwise), visually distinct so "not registered" reads differently from
+ * "registered but threw". The diagnostic + console.warn for this failure
+ * mode are recorded once, at the catch site in `node-render-engine.ts` — not
+ * here — so they still fire even when a customer overrides `renderError`
+ * with their own fallback.
+ */
+import { ChangeDetectionStrategy, Component, Input, computed, signal } from '@angular/core';
+import { injectExperience } from './context.js';
+import * as i0 from "@angular/core";
+export class ComponentErrorComponent {
+    constructor() {
+        this.componentIdValue = signal('', ...(ngDevMode ? [{ debugName: "componentIdValue" }] : []));
+        this.nodeIdValue = signal(undefined, ...(ngDevMode ? [{ debugName: "nodeIdValue" }] : []));
+        this.messageValue = signal(undefined, ...(ngDevMode ? [{ debugName: "messageValue" }] : []));
+        this.experience = injectExperience();
+        this.details = computed(() => JSON.stringify({
+            componentId: this.componentIdValue(),
+            nodeId: this.nodeIdValue() ?? null,
+            message: this.messageValue() ?? null,
+        }, null, 2), ...(ngDevMode ? [{ debugName: "details" }] : []));
+    }
+    set componentId(value) {
+        this.componentIdValue.set(value);
+    }
+    set nodeId(value) {
+        this.nodeIdValue.set(value);
+    }
+    set message(value) {
+        this.messageValue.set(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ComponentErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: ComponentErrorComponent, isStandalone: true, selector: "cf-component-error", inputs: { componentId: "componentId", nodeId: "nodeId", message: "message" }, ngImport: i0, template: `
+    @if (experience().debug) {
+      <div
+        [attr.data-experiences-render-error]="componentIdValue()"
+        style="border: 2px solid #b91c1c; padding: 1rem; color: #b91c1c; background: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.8125rem;"
+      >
+        <strong>Component &#8216;{{ componentIdValue() }}&#8217; threw while rendering</strong>
+        <p style="margin: 0.5rem 0;">
+          This component is registered but threw during render. Rendering this fallback instead of
+          crashing the surrounding tree.
+        </p>
+        <pre style="margin: 0; white-space: pre-wrap;">{{ details() }}</pre>
+      </div>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ComponentErrorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cf-component-error',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (experience().debug) {
+      <div
+        [attr.data-experiences-render-error]="componentIdValue()"
+        style="border: 2px solid #b91c1c; padding: 1rem; color: #b91c1c; background: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.8125rem;"
+      >
+        <strong>Component &#8216;{{ componentIdValue() }}&#8217; threw while rendering</strong>
+        <p style="margin: 0.5rem 0;">
+          This component is registered but threw during render. Rendering this fallback instead of
+          crashing the surrounding tree.
+        </p>
+        <pre style="margin: 0; white-space: pre-wrap;">{{ details() }}</pre>
+      </div>
+    }
+  `,
+                }]
+        }], propDecorators: { componentId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], nodeId: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=component-error.component.js.map

package/dist/component-error.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-error.component.js","sourceRoot":"","sources":["../src/component-error.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;;AAqBhD,MAAM,OAAO,uBAAuB;IAnBpC;QAoBqB,qBAAgB,GAAG,MAAM,CAAC,EAAE,4DAAC,CAAC;QAC9B,gBAAW,GAAG,MAAM,CAAqB,SAAS,uDAAC,CAAC;QACpD,iBAAY,GAAG,MAAM,CAAqB,SAAS,wDAAC,CAAC;QAcrD,eAAU,GAAG,gBAAgB,EAAE,CAAC;QAEhC,YAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CACzC,IAAI,CAAC,SAAS,CACZ;YACE,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAAE;YACpC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI;YAClC,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI;SACrC,EACD,IAAI,EACJ,CAAC,CACF,mDACF,CAAC;KACH;IAzBC,IAA+B,WAAW,CAAC,KAAa;QACtD,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,IAAa,MAAM,CAAC,KAAyB;QAC3C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,IAAa,OAAO,CAAC,KAAyB;QAC5C,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;+GAfU,uBAAuB;mGAAvB,uBAAuB,4JAhBxB;;;;;;;;;;;;;;GAcT;;4FAEU,uBAAuB;kBAnBnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;;;;;;GAcT;iBACF;;sBAME,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBAIxB,KAAK;;sBAIL,KAAK"}

package/dist/context.d.ts

@@ -0,0 +1,21 @@
+import { type Signal } from '@angular/core';
+import type { ContentfulComponent, ContentfulExperienceTemplate, RenderContext } from './types.js';
+/**
+ * Render-time experience context: viewports, active viewport, metadata, debug.
+ * Throws outside a renderer subtree — reading experience context where there is
+ * no experience is a programming error, not a state to branch on.
+ */
+export declare function injectExperience(): Signal<RenderContext>;
+/**
+ * Raw Contentful payload for the nearest enclosing component node. Returns a
+ * signal of `undefined` outside a rendered component node.
+ */
+export declare function injectContentfulComponent(): Signal<ContentfulComponent | undefined>;
+/**
+ * Raw Contentful payload for the nearest enclosing experience template node.
+ * Resolves through the element-injector walk-up, so a component nested inside a
+ * template still reaches the template's payload. Returns a signal of `undefined`
+ * outside a rendered experience template.
+ */
+export declare function injectContentfulExperienceTemplate(): Signal<ContentfulExperienceTemplate | undefined>;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,KAAK,MAAM,EAAkB,MAAM,eAAe,CAAC;AAI5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,4BAA4B,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAUnG;;;;GAIG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAAC,aAAa,CAAC,CAQxD;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,MAAM,CAAC,mBAAmB,GAAG,SAAS,CAAC,CAGnF;AAED;;;;;GAKG;AACH,wBAAgB,kCAAkC,IAAI,MAAM,CAC1D,4BAA4B,GAAG,SAAS,CACzC,CAGA"}

package/dist/context.js

@@ -0,0 +1,54 @@
+/*
+ * Accessors that expose runtime context and the raw Contentful payload to
+ * descendants of a rendered Experience. Customer components receive only their
+ * declared inputs from the renderer; anything that needs the Experience runtime
+ * context or the underlying payload injects it here.
+ *
+ * Reactivity: every accessor returns a `Signal`, so reads from a template or a
+ * `computed()` stay live across viewport changes. Call the signal at the point
+ * of use — capturing `injectExperience()()` once loses reactivity, the same rule
+ * as any other signal read.
+ *
+ * Like every `inject()`-based API these must be called from an injection context
+ * — a field initializer or the constructor — not from a lifecycle hook or an
+ * event handler.
+ */
+import { inject, signal } from '@angular/core';
+import { ExperienceScope } from './experience-scope.js';
+import { ComponentScope, ExperienceTemplateScope } from './node-scopes.js';
+// Module-scope constants rather than a fresh signal per call: the value can
+// never change, so readers should never be invalidated. Real signals, not
+// stub functions — consumers may pass these through APIs that call `isSignal()`.
+const EMPTY_COMPONENT = signal(undefined).asReadonly();
+const EMPTY_EXPERIENCE_TEMPLATE = signal(undefined).asReadonly();
+/**
+ * Render-time experience context: viewports, active viewport, metadata, debug.
+ * Throws outside a renderer subtree — reading experience context where there is
+ * no experience is a programming error, not a state to branch on.
+ */
+export function injectExperience() {
+    const scope = inject(ExperienceScope, { optional: true });
+    if (!scope) {
+        throw new Error('injectExperience() must be called inside a <cf-server-experience> or <cf-experience> subtree.');
+    }
+    return scope.experience;
+}
+/**
+ * Raw Contentful payload for the nearest enclosing component node. Returns a
+ * signal of `undefined` outside a rendered component node.
+ */
+export function injectContentfulComponent() {
+    const scope = inject(ComponentScope, { optional: true });
+    return scope ? scope.node : EMPTY_COMPONENT;
+}
+/**
+ * Raw Contentful payload for the nearest enclosing experience template node.
+ * Resolves through the element-injector walk-up, so a component nested inside a
+ * template still reaches the template's payload. Returns a signal of `undefined`
+ * outside a rendered experience template.
+ */
+export function injectContentfulExperienceTemplate() {
+    const scope = inject(ExperienceTemplateScope, { optional: true });
+    return scope ? scope.template : EMPTY_EXPERIENCE_TEMPLATE;
+}
+//# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAe,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG3E,4EAA4E;AAC5E,0EAA0E;AAC1E,iFAAiF;AACjF,MAAM,eAAe,GAAG,MAAM,CAAkC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;AACxF,MAAM,yBAAyB,GAAG,MAAM,CACtC,SAAS,CACV,CAAC,UAAU,EAAE,CAAC;AAEf;;;;GAIG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CACb,+FAA+F,CAChG,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC,UAAU,CAAC;AAC1B,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,yBAAyB;IACvC,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACzD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC;AAC9C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,kCAAkC;IAGhD,MAAM,KAAK,GAAG,MAAM,CAAC,uBAAuB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAClE,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC;AAC5D,CAAC"}

package/dist/debug-experience.component.d.ts

@@ -0,0 +1,17 @@
+import type { PortableRenderPlan } from '@contentful/experiences-sdk-core';
+import * as i0 from "@angular/core";
+export declare class DebugExperienceComponent {
+    protected readonly experienceValue: import("@angular/core").WritableSignal<PortableRenderPlan | null>;
+    protected readonly defaultOpenValue: import("@angular/core").WritableSignal<boolean>;
+    protected readonly errorsValue: import("@angular/core").WritableSignal<Error[]>;
+    set experience(value: PortableRenderPlan);
+    set defaultOpen(value: boolean);
+    /** Resolve-time + render-time diagnostics, merged by the caller. */
+    set errors(value: Error[] | undefined);
+    protected readonly open: import("@angular/core").Signal<boolean>;
+    protected readonly summary: import("@angular/core").Signal<string>;
+    protected readonly json: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DebugExperienceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DebugExperienceComponent, "cf-debug-experience", never, { "experience": { "alias": "experience"; "required": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=debug-experience.component.d.ts.map

package/dist/debug-experience.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-experience.component.d.ts","sourceRoot":"","sources":["../src/debug-experience.component.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;;AAoC3E,qBA6Ba,wBAAwB;IACnC,SAAS,CAAC,QAAQ,CAAC,eAAe,oEAA2C;IAC7E,SAAS,CAAC,QAAQ,CAAC,gBAAgB,kDAAiB;IACpD,SAAS,CAAC,QAAQ,CAAC,WAAW,kDAAuB;IAErD,IAA+B,UAAU,CAAC,KAAK,EAAE,kBAAkB,EAElE;IAED,IAAa,WAAW,CAAC,KAAK,EAAE,OAAO,EAEtC;IAED,oEAAoE;IACpE,IAAa,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,SAAS,EAE7C;IAKD,SAAS,CAAC,QAAQ,CAAC,IAAI,0CAErB;IAEF,SAAS,CAAC,QAAQ,CAAC,OAAO,yCAWvB;IAEH,SAAS,CAAC,QAAQ,CAAC,IAAI,yCAAyD;yCAtCrE,wBAAwB;2CAAxB,wBAAwB;CAuCpC"}

package/dist/debug-experience.component.js

@@ -0,0 +1,143 @@
+/*
+ * Collapsible dump of the resolved render plan. Port of
+ * adapter-svelte/src/DebugExperience.svelte.
+ *
+ * Rendered by either experience renderer when `debug` is on. Answers "what did
+ * the resolver actually produce?" without a devtools round-trip — which matters
+ * most under SSR, where the plan never reaches the browser as data.
+ */
+import { ChangeDetectionStrategy, Component, Input, computed, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `JSON.stringify` with the sharp edges filed off: render plans can carry
+ * circular references (a resolved entry linking back to its parent) and function
+ * values (a `resolveData` result), either of which would throw or silently vanish.
+ * A debug panel that crashes the page is worse than no debug panel.
+ */
+function safeStringify(value) {
+    const seen = new WeakSet();
+    try {
+        return JSON.stringify(value, (_key, val) => {
+            if (typeof val === 'function') {
+                return `[Function ${val.name || 'anonymous'}]`;
+            }
+            if (val === undefined)
+                return '[undefined]';
+            if (typeof val === 'object' && val !== null) {
+                if (seen.has(val))
+                    return '[Circular]';
+                seen.add(val);
+            }
+            return val;
+        }, 2);
+    }
+    catch (err) {
+        // `err` isn't guaranteed to be an Error — a getter deep in customer data
+        // (a resolveData result, resolved design values) can `throw null` or
+        // `throw 'reason'` during JSON.stringify's replacer walk, and this
+        // fallback's whole job is to never throw itself.
+        const reason = err instanceof Error ? err.message : String(err);
+        return `[DebugExperience: could not serialize plan — ${reason}]`;
+    }
+}
+export class DebugExperienceComponent {
+    constructor() {
+        this.experienceValue = signal(null, ...(ngDevMode ? [{ debugName: "experienceValue" }] : []));
+        this.defaultOpenValue = signal(false, ...(ngDevMode ? [{ debugName: "defaultOpenValue" }] : []));
+        this.errorsValue = signal([], ...(ngDevMode ? [{ debugName: "errorsValue" }] : []));
+        // Auto-expand whenever there's something to see, even if the caller didn't
+        // explicitly ask — a beta customer shouldn't have to know to click into a
+        // collapsed panel to discover that something went wrong.
+        this.open = computed(() => this.defaultOpenValue() || this.errorsValue().length > 0, ...(ngDevMode ? [{ debugName: "open" }] : []));
+        this.summary = computed(() => {
+            const experience = this.experienceValue();
+            if (!experience)
+                return 'Experience debug';
+            const nodeCount = experience.nodes.length;
+            const templateIds = experience.nodes
+                .filter((node) => node.registration.kind === 'experienceTemplate')
+                .map((node) => node.registration.id);
+            const templatePart = templateIds.length
+                ? `, experience template${templateIds.length === 1 ? '' : 's'}: ${templateIds.join(', ')}`
+                : '';
+            return `Experience debug — ${nodeCount} top-level node${nodeCount === 1 ? '' : 's'}${templatePart}`;
+        }, ...(ngDevMode ? [{ debugName: "summary" }] : []));
+        this.json = computed(() => safeStringify(this.experienceValue()), ...(ngDevMode ? [{ debugName: "json" }] : []));
+    }
+    set experience(value) {
+        this.experienceValue.set(value);
+    }
+    set defaultOpen(value) {
+        this.defaultOpenValue.set(value);
+    }
+    /** Resolve-time + render-time diagnostics, merged by the caller. */
+    set errors(value) {
+        this.errorsValue.set(value ?? []);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: DebugExperienceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: DebugExperienceComponent, isStandalone: true, selector: "cf-debug-experience", inputs: { experience: "experience", defaultOpen: "defaultOpen", errors: "errors" }, ngImport: i0, template: `
+    <details
+      [open]="open()"
+      data-experiences-debug
+      style="margin: 1rem 0; border: 1px solid #6b7280; border-radius: 6px; background: #0b1021; color: #e2e8f0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.75rem; overflow: hidden;"
+    >
+      <summary
+        style="cursor: pointer; padding: 0.5rem 0.75rem; background: #111827; user-select: none;"
+      >
+        {{ summary() }}
+      </summary>
+      <!-- Deliberately unstyled for now — this just needs to make the data
+           visible, not console-only. Visual treatment can grow later. -->
+      @if (errorsValue().length > 0) {
+        <ul data-experiences-debug-errors>
+          @for (error of errorsValue(); track $index) {
+            <li>{{ error.message }}</li>
+          }
+        </ul>
+      }
+      <pre
+        style="margin: 0; padding: 0.75rem; overflow: auto; max-height: 32rem; white-space: pre-wrap; word-break: break-word;"
+        >{{ json() }}</pre>
+    </details>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: DebugExperienceComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cf-debug-experience',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <details
+      [open]="open()"
+      data-experiences-debug
+      style="margin: 1rem 0; border: 1px solid #6b7280; border-radius: 6px; background: #0b1021; color: #e2e8f0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.75rem; overflow: hidden;"
+    >
+      <summary
+        style="cursor: pointer; padding: 0.5rem 0.75rem; background: #111827; user-select: none;"
+      >
+        {{ summary() }}
+      </summary>
+      <!-- Deliberately unstyled for now — this just needs to make the data
+           visible, not console-only. Visual treatment can grow later. -->
+      @if (errorsValue().length > 0) {
+        <ul data-experiences-debug-errors>
+          @for (error of errorsValue(); track $index) {
+            <li>{{ error.message }}</li>
+          }
+        </ul>
+      }
+      <pre
+        style="margin: 0; padding: 0.75rem; overflow: auto; max-height: 32rem; white-space: pre-wrap; word-break: break-word;"
+        >{{ json() }}</pre>
+    </details>
+  `,
+                }]
+        }], propDecorators: { experience: [{
+                type: Input,
+                args: [{ required: true }]
+            }], defaultOpen: [{
+                type: Input
+            }], errors: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=debug-experience.component.js.map

package/dist/debug-experience.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-experience.component.js","sourceRoot":"","sources":["../src/debug-experience.component.ts"],"names":[],"mappings":"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"}

package/dist/design-utils.d.ts

@@ -0,0 +1,22 @@
+export interface ToCssOptions {
+    /** Keys to skip, matched against the original record key. */
+    exclude?: string[];
+    /** When set, only these keys pass through (still whitelist-filtered). */
+    include?: string[];
+}
+/**
+ * Convert a design record into a plain style object, keeping only keys that
+ * normalize to a known CSS property. Non-CSS keys (`variant`, `as`, …) and
+ * non-scalar values are dropped; read those off the `injectDesignValues()`
+ * record directly.
+ *
+ *   toCss({ fontSize: '20px', variant: 'h1' }) //=> { fontSize: '20px' }
+ *
+ * The camelCase keys it emits are what `[ngStyle]` accepts:
+ *
+ *   readonly design = injectDesignValues();
+ *   protected readonly style = computed(() => toCss(this.design()));
+ *   // template: <div [ngStyle]="style()">
+ */
+export declare function toCss(design: object, { include, exclude }?: ToCssOptions): Record<string, string | number>;
+//# sourceMappingURL=design-utils.d.ts.map

package/dist/design-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-utils.d.ts","sourceRoot":"","sources":["../src/design-utils.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,YAAY;IAC3B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,KAAK,CACnB,MAAM,EAAE,MAAM,EACd,EAAE,OAAO,EAAE,OAAO,EAAE,GAAE,YAAiB,GACtC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAYjC"}

package/dist/design-utils.js

@@ -0,0 +1,40 @@
+/*
+ * Port of adapter-svelte/src/design-utils.ts. Deliberately not hoisted into
+ * `@contentful/experiences-design`: the React variant returns `CSSProperties`
+ * and keeps any non-null value, while this one is scalar-only and returns a
+ * plain record. The plain record is what Angular's `[ngStyle]` wants.
+ */
+import { isCssProperty, toCssKey } from '@contentful/experiences-design';
+/**
+ * Convert a design record into a plain style object, keeping only keys that
+ * normalize to a known CSS property. Non-CSS keys (`variant`, `as`, …) and
+ * non-scalar values are dropped; read those off the `injectDesignValues()`
+ * record directly.
+ *
+ *   toCss({ fontSize: '20px', variant: 'h1' }) //=> { fontSize: '20px' }
+ *
+ * The camelCase keys it emits are what `[ngStyle]` accepts:
+ *
+ *   readonly design = injectDesignValues();
+ *   protected readonly style = computed(() => toCss(this.design()));
+ *   // template: <div [ngStyle]="style()">
+ */
+export function toCss(design, { include, exclude } = {}) {
+    const out = {};
+    for (const [key, value] of Object.entries(design)) {
+        if (include && !include.includes(key))
+            continue;
+        if (exclude?.includes(key))
+            continue;
+        if (value === undefined || value === null)
+            continue;
+        if (typeof value !== 'string' && typeof value !== 'number')
+            continue;
+        const cssKey = toCssKey(key);
+        if (!isCssProperty(cssKey))
+            continue;
+        out[cssKey] = value;
+    }
+    return out;
+}
+//# sourceMappingURL=design-utils.js.map

package/dist/design-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-utils.js","sourceRoot":"","sources":["../src/design-utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AASzE;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,KAAK,CACnB,MAAc,EACd,EAAE,OAAO,EAAE,OAAO,KAAmB,EAAE;IAEvC,MAAM,GAAG,GAAoC,EAAE,CAAC;IAChD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAClD,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,SAAS;QAChD,IAAI,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC;YAAE,SAAS;QACrC,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;YAAE,SAAS;QACpD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,SAAS;QACrE,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;YAAE,SAAS;QACrC,GAAG,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC;IACtB,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/experience-defaults.d.ts

@@ -0,0 +1,16 @@
+import type { ExperienceContext, ViewportDef } from '@contentful/experiences-sdk-core';
+import type { Config } from './types.js';
+export declare const DEFAULT_CONTEXT: ExperienceContext;
+/**
+ * Stands in when there is no experience to read viewports from, so descendants
+ * always see a viewport rather than having to branch on `undefined`. `query: '*'`
+ * matches everything, mirroring what real single-viewport payloads ship today.
+ */
+export declare const FALLBACK_VIEWPORT: ViewportDef;
+/**
+ * Read only in the window between a renderer's construction and Angular binding
+ * its `config` input — the scope stores a getter, and nothing below the renderer
+ * exists to call it yet. It exists so the getter's return type needs no `null`.
+ */
+export declare const EMPTY_CONFIG: Config;
+//# sourceMappingURL=experience-defaults.d.ts.map

package/dist/experience-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"experience-defaults.d.ts","sourceRoot":"","sources":["../src/experience-defaults.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEvF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEzC,eAAO,MAAM,eAAe,EAAE,iBAAiE,CAAC;AAEhG;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,WAK/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,MAA2B,CAAC"}