@contentful/experiences-angular 0.2.0

package/dist/experience-defaults.js

@@ -0,0 +1,27 @@
+/*
+ * Internal defaults shared by the two experience renderers. Copied from
+ * adapter-svelte/src/ServerExperienceRenderer.svelte, where they are duplicated
+ * per component because Svelte has no cheap place to share them; Angular does.
+ *
+ * Not exported from the package: they are the shape of "no experience yet", not
+ * something a customer should build on.
+ */
+export const DEFAULT_CONTEXT = { debug: false, metadata: {}, viewports: [] };
+/**
+ * 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 const FALLBACK_VIEWPORT = {
+    id: '_',
+    query: '*',
+    displayName: 'Default',
+    previewSize: '100%',
+};
+/**
+ * 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 const EMPTY_CONFIG = { components: {} };
+//# sourceMappingURL=experience-defaults.js.map

package/dist/experience-defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"experience-defaults.js","sourceRoot":"","sources":["../src/experience-defaults.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,MAAM,CAAC,MAAM,eAAe,GAAsB,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;AAEhG;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAgB;IAC5C,EAAE,EAAE,GAAG;IACP,KAAK,EAAE,GAAG;IACV,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAW,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC"}

package/dist/experience-scope.d.ts

@@ -0,0 +1,33 @@
+import { type Signal, type Type } from '@angular/core';
+import type { Config, RenderContext } from './types.js';
+import * as i0 from "@angular/core";
+export declare class ExperienceScope {
+    private readonly experienceSource;
+    private readonly configSource;
+    private readonly renderUnknownSource;
+    private readonly renderErrorSource;
+    /**
+     * Render-time diagnostics (unregistered id, a component that threw),
+     * reported by every `NodeRenderEngine` sharing this scope — there is one
+     * engine per `*cfNodes`/`*cfNode` directive instance, all connected to the
+     * same scope, so this is the one place their reports converge. Signal-backed
+     * rather than a plain array: `<cf-debug-experience>`'s `errors` input reads
+     * it reactively, so — unlike the React/Svelte adapters, which need an
+     * element-order trick or a `$state` mirror for this — nothing here depends
+     * on template order.
+     */
+    private readonly diagnosticsSignal;
+    readonly experience: Signal<RenderContext>;
+    readonly config: Signal<Config>;
+    readonly renderUnknown: Signal<Type<unknown>>;
+    readonly renderError: Signal<Type<unknown>>;
+    readonly diagnostics: Signal<Error[]>;
+    connectExperience(read: () => RenderContext): void;
+    connectConfig(read: () => Config): void;
+    connectRenderUnknown(read: () => Type<unknown>): void;
+    connectRenderError(read: () => Type<unknown>): void;
+    reportDiagnostic(error: Error): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExperienceScope, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ExperienceScope>;
+}
+//# sourceMappingURL=experience-scope.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"experience-scope.d.ts","sourceRoot":"","sources":["../src/experience-scope.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAc,KAAK,MAAM,EAAE,KAAK,IAAI,EAAoB,MAAM,eAAe,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;;AAExD,qBACa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAA8C;IAC/E,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAuC;IACpE,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAA8C;IAClF,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAA8C;IAChF;;;;;;;;;OASG;IACH,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAuB;IAEzD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,aAAa,CAAC,CAQvC;IAEH,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAQ5B;IAEH,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAQ1C;IAEH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAQxC;IAEH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAuC;IAE5E,iBAAiB,CAAC,IAAI,EAAE,MAAM,aAAa,GAAG,IAAI;IAIlD,aAAa,CAAC,IAAI,EAAE,MAAM,MAAM,GAAG,IAAI;IAIvC,oBAAoB,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI;IAIrD,kBAAkB,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI;IAInD,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCA3EzB,eAAe;6CAAf,eAAe;CA8E3B"}

package/dist/experience-scope.js

@@ -0,0 +1,90 @@
+/*
+ * Experience-wide DI scope. The Angular analogue of the Svelte adapter's
+ * `setExperience()` / `getExperience()` context pair.
+ *
+ * Both renderers provide this scope and connect it in their constructor, so
+ * everything below them in the element-injector tree can reach the render
+ * context, the registry, and the unknown-component renderer.
+ *
+ * Why three independent sources rather than one object: connecting them
+ * separately keeps a viewport change (which only touches `experience`) from
+ * invalidating readers of `config` or `renderUnknown`.
+ *
+ * Why getters rather than snapshots: a static `providers` array cannot see
+ * instance inputs, and reading an input during construction is too early. A
+ * scope therefore stores a *getter* that closes over the renderer's own
+ * signals, and dereferences it lazily inside a `computed`. Reads stay reactive
+ * for free, matching the Svelte adapter's `setResolvedDesign(() => …)`
+ * contract.
+ */
+import { Injectable, computed, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ExperienceScope {
+    constructor() {
+        this.experienceSource = signal(null, ...(ngDevMode ? [{ debugName: "experienceSource" }] : []));
+        this.configSource = signal(null, ...(ngDevMode ? [{ debugName: "configSource" }] : []));
+        this.renderUnknownSource = signal(null, ...(ngDevMode ? [{ debugName: "renderUnknownSource" }] : []));
+        this.renderErrorSource = signal(null, ...(ngDevMode ? [{ debugName: "renderErrorSource" }] : []));
+        /**
+         * Render-time diagnostics (unregistered id, a component that threw),
+         * reported by every `NodeRenderEngine` sharing this scope — there is one
+         * engine per `*cfNodes`/`*cfNode` directive instance, all connected to the
+         * same scope, so this is the one place their reports converge. Signal-backed
+         * rather than a plain array: `<cf-debug-experience>`'s `errors` input reads
+         * it reactively, so — unlike the React/Svelte adapters, which need an
+         * element-order trick or a `$state` mirror for this — nothing here depends
+         * on template order.
+         */
+        this.diagnosticsSignal = signal([], ...(ngDevMode ? [{ debugName: "diagnosticsSignal" }] : []));
+        this.experience = computed(() => {
+            const read = this.experienceSource();
+            if (!read) {
+                throw new Error('[@contentful/experiences-angular] ExperienceScope was read before a renderer connected it.');
+            }
+            return read();
+        }, ...(ngDevMode ? [{ debugName: "experience" }] : []));
+        this.config = computed(() => {
+            const read = this.configSource();
+            if (!read) {
+                throw new Error('[@contentful/experiences-angular] ExperienceScope was read before a renderer connected it.');
+            }
+            return read();
+        }, ...(ngDevMode ? [{ debugName: "config" }] : []));
+        this.renderUnknown = computed(() => {
+            const read = this.renderUnknownSource();
+            if (!read) {
+                throw new Error('[@contentful/experiences-angular] ExperienceScope was read before a renderer connected it.');
+            }
+            return read();
+        }, ...(ngDevMode ? [{ debugName: "renderUnknown" }] : []));
+        this.renderError = computed(() => {
+            const read = this.renderErrorSource();
+            if (!read) {
+                throw new Error('[@contentful/experiences-angular] ExperienceScope was read before a renderer connected it.');
+            }
+            return read();
+        }, ...(ngDevMode ? [{ debugName: "renderError" }] : []));
+        this.diagnostics = this.diagnosticsSignal.asReadonly();
+    }
+    connectExperience(read) {
+        this.experienceSource.set(read);
+    }
+    connectConfig(read) {
+        this.configSource.set(read);
+    }
+    connectRenderUnknown(read) {
+        this.renderUnknownSource.set(read);
+    }
+    connectRenderError(read) {
+        this.renderErrorSource.set(read);
+    }
+    reportDiagnostic(error) {
+        this.diagnosticsSignal.update((prev) => [...prev, error]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ExperienceScope, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ExperienceScope }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ExperienceScope, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=experience-scope.js.map

package/dist/experience-scope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"experience-scope.js","sourceRoot":"","sources":["../src/experience-scope.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,UAAU,EAA0B,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAKrF,MAAM,OAAO,eAAe;IAD5B;QAEmB,qBAAgB,GAAG,MAAM,CAA+B,IAAI,4DAAC,CAAC;QAC9D,iBAAY,GAAG,MAAM,CAAwB,IAAI,wDAAC,CAAC;QACnD,wBAAmB,GAAG,MAAM,CAA+B,IAAI,+DAAC,CAAC;QACjE,sBAAiB,GAAG,MAAM,CAA+B,IAAI,6DAAC,CAAC;QAChF;;;;;;;;;WASG;QACc,sBAAiB,GAAG,MAAM,CAAU,EAAE,6DAAC,CAAC;QAEhD,eAAU,GAA0B,QAAQ,CAAC,GAAG,EAAE;YACzD,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACrC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,MAAM,IAAI,KAAK,CACb,4FAA4F,CAC7F,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,EAAE,CAAC;QAChB,CAAC,sDAAC,CAAC;QAEM,WAAM,GAAmB,QAAQ,CAAC,GAAG,EAAE;YAC9C,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACjC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,MAAM,IAAI,KAAK,CACb,4FAA4F,CAC7F,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,EAAE,CAAC;QAChB,CAAC,kDAAC,CAAC;QAEM,kBAAa,GAA0B,QAAQ,CAAC,GAAG,EAAE;YAC5D,MAAM,IAAI,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACxC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,MAAM,IAAI,KAAK,CACb,4FAA4F,CAC7F,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,EAAE,CAAC;QAChB,CAAC,yDAAC,CAAC;QAEM,gBAAW,GAA0B,QAAQ,CAAC,GAAG,EAAE;YAC1D,MAAM,IAAI,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACtC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,MAAM,IAAI,KAAK,CACb,4FAA4F,CAC7F,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,EAAE,CAAC;QAChB,CAAC,uDAAC,CAAC;QAEM,gBAAW,GAAoB,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC;KAqB7E;IAnBC,iBAAiB,CAAC,IAAyB;QACzC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IAED,aAAa,CAAC,IAAkB;QAC9B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,oBAAoB,CAAC,IAAyB;QAC5C,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;IAED,kBAAkB,CAAC,IAAyB;QAC1C,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAED,gBAAgB,CAAC,KAAY;QAC3B,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAC5D,CAAC;+GA7EU,eAAe;mHAAf,eAAe;;4FAAf,eAAe;kBAD3B,UAAU"}

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+export { ClientExperienceRendererComponent } from './client-experience-renderer.component.js';
+export { ClientExperienceRendererComponent as ClientExperienceRenderer } from './client-experience-renderer.component.js';
+export { ClientExperienceRendererComponent as ExperienceRenderer } from './client-experience-renderer.component.js';
+export { ServerExperienceRendererComponent } from './server-experience-renderer.component.js';
+export { ServerExperienceRendererComponent as ServerExperienceRenderer } from './server-experience-renderer.component.js';
+export { MissingComponentComponent } from './missing-component.component.js';
+export { MissingComponentComponent as MissingComponent } from './missing-component.component.js';
+export { ComponentErrorComponent } from './component-error.component.js';
+export { ComponentErrorComponent as ComponentError } from './component-error.component.js';
+export { DebugExperienceComponent } from './debug-experience.component.js';
+export { DebugExperienceComponent as DebugExperience } from './debug-experience.component.js';
+export { NodesRendererDirective } from './node-renderer.directive.js';
+export { NodesRendererDirective as NodesRenderer } from './node-renderer.directive.js';
+export { NodeRendererDirective } from './node-renderer.directive.js';
+export { NodeRendererDirective as NodeRenderer } from './node-renderer.directive.js';
+export { injectActiveViewport } from './inject-active-viewport.js';
+export type { InjectActiveViewportResult } from './inject-active-viewport.js';
+export { injectLivePreviewExperience } from './inject-live-preview-experience.js';
+export type { InjectLivePreviewExperienceOptions, InjectLivePreviewExperienceResult, } from './inject-live-preview-experience.js';
+export { injectLivePreview } from './inject-live-preview.js';
+export type { InjectLivePreviewOptions, InjectLivePreviewResult } from './inject-live-preview.js';
+export { injectExperiencePlan } from './inject-experience-plan.js';
+export type { ExperiencePlanResolveOptions, InjectExperiencePlanOptions, InjectExperiencePlanResult, } from './inject-experience-plan.js';
+export type { LivePreviewClient, LivePreviewResult, PreviewSessionClientOptions, PreviewSessionExperienceOptions, PreviewSessionOptions, PreviewSessionResolveOptions, } from '@contentful/experiences-live-preview';
+export { fetchPreviewSession, LivePreviewConnectionError, PREVIEW_WEBSOCKET_HOST, PreviewSessionFetchError, } from '@contentful/experiences-live-preview';
+export { injectExperience, injectContentfulComponent, injectContentfulExperienceTemplate, } from './context.js';
+export { injectDesignValues } from './inject-design-values.js';
+export { toCss } from './design-utils.js';
+export type { ToCssOptions } from './design-utils.js';
+export { defineComponent, defineExperienceTemplate, normalizeComponentRegistration, normalizeExperienceTemplateRegistration, } from './types.js';
+export type { ComponentConfig, Components, Config, ContentfulComponent, ContentfulExperienceTemplate, ExperienceTemplateConfig, ExperienceTemplateRegistration, ExperienceTemplates, Registration, RenderContext, RenderError, RenderUnknown, ResolveToken, SlotNodes, } from './types.js';
+export { resolveExperience } from '@contentful/experiences-sdk-core';
+export type { ResolverConfig, ResolveExperienceOptions } from '@contentful/experiences-sdk-core';
+export { DEFAULT_PAGE_PROPERTIES, EventBuilder } from '@contentful/experiences-client';
+export type { ClickBuilderArgs, EventBuilderConfig, FlagViewBuilderArgs, HoverBuilderArgs, IdentifyBuilderArgs, InteractionBuilderArgsBase, PageViewBuilderArgs, TrackBuilderArgs, UniversalEventBuilderArgs, ViewBuilderArgs, } from '@contentful/experiences-client';
+export type { ComponentNode, ComponentRef, DesignPropValue, DesignToken, ExperienceContext, ExperienceNode, ExperiencePayload, ExperienceSourceMap, ExperienceSys, ExperienceTemplateNode, ExperienceTemplateRef, ManualDesignValue, PortableRegistration, PortableRenderNode, PortableRenderPlan, ResolveContext, ValuesByViewport, ViewportDef, } from '@contentful/experiences-sdk-core';
+export { CSS_PROPERTIES, getValueForViewport, getViewportIndex, isCssProperty, resolveDesignProperties, toCssKey, toCssMediaQuery, } from '@contentful/experiences-design';
+export { ContentfulViewDelivery, ContentfulViewDeliveryClient, DELIVERY_HOST, ExperienceFetchError, NotFoundError, PREVIEW_HOST, createClient, fetchExperience, readSourceMap, toExperiencePayload, toExperiencePayloadFromDestination, } from '@contentful/experiences-client';
+export type { ByDestinationNodeIdExperienceOptions, ByDestinationPathExperienceOptions, ByIdExperienceOptions, ClientOptions, CreateClientOptions, DestinationRedirectResult, ExperienceOptions, ExperienceResponse, ResolveOptions, } from '@contentful/experiences-client';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,iCAAiC,IAAI,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC1H,OAAO,EAAE,iCAAiC,IAAI,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACpH,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,iCAAiC,IAAI,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC1H,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,yBAAyB,IAAI,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,uBAAuB,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAU9F,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,sBAAsB,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,qBAAqB,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAErF,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAE9E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,YAAY,EACV,kCAAkC,EAClC,iCAAiC,GAClC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,YAAY,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAClG,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EACV,4BAA4B,EAC5B,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,2BAA2B,EAC3B,+BAA+B,EAC/B,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,mBAAmB,EACnB,0BAA0B,EAC1B,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,sCAAsC,CAAC;AAG9C,OAAO,EACL,gBAAgB,EAChB,yBAAyB,EACzB,kCAAkC,GACnC,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,EACL,eAAe,EACf,wBAAwB,EACxB,8BAA8B,EAC9B,uCAAuC,GACxC,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,eAAe,EACf,UAAU,EACV,MAAM,EACN,mBAAmB,EACnB,4BAA4B,EAC5B,wBAAwB,EACxB,8BAA8B,EAC9B,mBAAmB,EACnB,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,SAAS,GACV,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,YAAY,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAGjG,OAAO,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACvF,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,EACnB,0BAA0B,EAC1B,mBAAmB,EACnB,gBAAgB,EAChB,yBAAyB,EACzB,eAAe,GAChB,MAAM,gCAAgC,CAAC;AAGxC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,sBAAsB,EACtB,qBAAqB,EACrB,iBAAiB,EACjB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,WAAW,GACZ,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,EACb,uBAAuB,EACvB,QAAQ,EACR,eAAe,GAChB,MAAM,gCAAgC,CAAC;AAGxC,OAAO,EACL,sBAAsB,EACtB,4BAA4B,EAC5B,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,kCAAkC,GACnC,MAAM,gCAAgC,CAAC;AACxC,YAAY,EACV,oCAAoC,EACpC,kCAAkC,EAClC,qBAAqB,EACrB,aAAa,EACb,mBAAmB,EACnB,yBAAyB,EACzB,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,GACf,MAAM,gCAAgC,CAAC"}

package/dist/index.js

@@ -0,0 +1,62 @@
+/*
+ * Public API surface for `@contentful/experiences-angular`.
+ *
+ * Customers add ONLY this package to their app's dependencies. Everything
+ * needed to render an Experience — types, the resolver, viewport utilities,
+ * the renderer components, the authoring helpers — is re-exported from here.
+ * The internal `@contentful/experiences-sdk-core` and
+ * `@contentful/experiences-design` packages are workspace-only implementation
+ * details; they are not part of the public API.
+ *
+ * `ExperienceRenderer` is an alias for `ClientExperienceRenderer`; SSR
+ * consumers explicitly import `ServerExperienceRenderer`.
+ *
+ * Names carry Angular's `Component` or `Directive` suffix, matching the
+ * framework's own convention; the un-suffixed aliases exist so the three
+ * adapters read the same in customer code. See the README's parity table for the
+ * full mapping.
+ */
+// ─── Renderers ─────────────────────────────────────────────────────────────
+export { ClientExperienceRendererComponent } from './client-experience-renderer.component.js';
+export { ClientExperienceRendererComponent as ClientExperienceRenderer } from './client-experience-renderer.component.js';
+export { ClientExperienceRendererComponent as ExperienceRenderer } from './client-experience-renderer.component.js';
+export { ServerExperienceRendererComponent } from './server-experience-renderer.component.js';
+export { ServerExperienceRendererComponent as ServerExperienceRenderer } from './server-experience-renderer.component.js';
+export { MissingComponentComponent } from './missing-component.component.js';
+export { MissingComponentComponent as MissingComponent } from './missing-component.component.js';
+export { ComponentErrorComponent } from './component-error.component.js';
+export { ComponentErrorComponent as ComponentError } from './component-error.component.js';
+export { DebugExperienceComponent } from './debug-experience.component.js';
+export { DebugExperienceComponent as DebugExperience } from './debug-experience.component.js';
+// Load-bearing in this adapter, not an escape hatch: Angular has no lazy
+// renderable-child primitive for arbitrary named slots, so each slot arrives as
+// a same-named `PortableRenderNode[]` input and the receiving component renders
+// it with `<ng-container *cfNodes="children()"></ng-container>`.
+//
+// Structural directives rather than components, so the adapter contributes no
+// elements of its own — slot children become direct children of whatever element
+// the customer wrapped them in, exactly as in React and Svelte.
+export { NodesRendererDirective } from './node-renderer.directive.js';
+export { NodesRendererDirective as NodesRenderer } from './node-renderer.directive.js';
+export { NodeRendererDirective } from './node-renderer.directive.js';
+export { NodeRendererDirective as NodeRenderer } from './node-renderer.directive.js';
+export { injectActiveViewport } from './inject-active-viewport.js';
+export { injectLivePreviewExperience } from './inject-live-preview-experience.js';
+export { injectLivePreview } from './inject-live-preview.js';
+export { injectExperiencePlan } from './inject-experience-plan.js';
+export { fetchPreviewSession, LivePreviewConnectionError, PREVIEW_WEBSOCKET_HOST, PreviewSessionFetchError, } from '@contentful/experiences-live-preview';
+// ─── Runtime context helpers ─────────────────────────────────────────────
+export { injectExperience, injectContentfulComponent, injectContentfulExperienceTemplate, } from './context.js';
+export { injectDesignValues } from './inject-design-values.js';
+export { toCss } from './design-utils.js';
+// ─── Authoring helpers + Config types ─────────────────────────────────────
+export { defineComponent, defineExperienceTemplate, normalizeComponentRegistration, normalizeExperienceTemplateRegistration, } from './types.js';
+// ─── Resolver (re-exported from render-core) ──────────────────────────────
+export { resolveExperience } from '@contentful/experiences-sdk-core';
+// ─── Event builder (re-exported from client) ──────────────────────────────
+export { DEFAULT_PAGE_PROPERTIES, EventBuilder } from '@contentful/experiences-client';
+// ─── Design utilities (re-exported from design) ───────────────────────────
+export { CSS_PROPERTIES, getValueForViewport, getViewportIndex, isCssProperty, resolveDesignProperties, toCssKey, toCssMediaQuery, } from '@contentful/experiences-design';
+// ─── Delivery client + fetchExperience ────────────────────────────────────
+export { ContentfulViewDelivery, ContentfulViewDeliveryClient, DELIVERY_HOST, ExperienceFetchError, NotFoundError, PREVIEW_HOST, createClient, fetchExperience, readSourceMap, toExperiencePayload, toExperiencePayloadFromDestination, } from '@contentful/experiences-client';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,8EAA8E;AAC9E,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,iCAAiC,IAAI,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC1H,OAAO,EAAE,iCAAiC,IAAI,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACpH,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,iCAAiC,IAAI,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC1H,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,yBAAyB,IAAI,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,uBAAuB,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAE9F,yEAAyE;AACzE,gFAAgF;AAChF,gFAAgF;AAChF,iEAAiE;AACjE,EAAE;AACF,8EAA8E;AAC9E,iFAAiF;AACjF,gEAAgE;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,sBAAsB,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,qBAAqB,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAErF,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGnE,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAKlF,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAcnE,OAAO,EACL,mBAAmB,EACnB,0BAA0B,EAC1B,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,sCAAsC,CAAC;AAE9C,4EAA4E;AAC5E,OAAO,EACL,gBAAgB,EAChB,yBAAyB,EACzB,kCAAkC,GACnC,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,6EAA6E;AAC7E,OAAO,EACL,eAAe,EACf,wBAAwB,EACxB,8BAA8B,EAC9B,uCAAuC,GACxC,MAAM,YAAY,CAAC;AAkBpB,6EAA6E;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,6EAA6E;AAC7E,OAAO,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAoCvF,6EAA6E;AAC7E,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,EACb,uBAAuB,EACvB,QAAQ,EACR,eAAe,GAChB,MAAM,gCAAgC,CAAC;AAExC,6EAA6E;AAC7E,OAAO,EACL,sBAAsB,EACtB,4BAA4B,EAC5B,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,kCAAkC,GACnC,MAAM,gCAAgC,CAAC"}

package/dist/inject-active-viewport.d.ts

@@ -0,0 +1,32 @@
+import { type Signal } from '@angular/core';
+import type { ViewportDef } from '@contentful/experiences-sdk-core';
+/**
+ * @deprecated Viewports are being removed from the Experiences APIs, with no
+ * direct replacement — use CSS media queries or `window.matchMedia` instead.
+ * Will not be removed before 2026-10-06.
+ */
+export interface InjectActiveViewportResult {
+    readonly activeViewportIndex: Signal<number>;
+}
+/**
+ * Returns a signal that tracks which viewport's media query currently matches.
+ * Listeners mount after the first browser render and tear down with the calling
+ * component.
+ *
+ * Must be called from an injection context — a field initializer or a
+ * constructor — like any other `inject()`-based API. Both arguments are getters
+ * rather than values, which is the Angular divergence from the React and Svelte
+ * signatures: an injection context runs *before* inputs are bound, so a
+ * component passing its own `@Input()` viewports has nothing to hand over yet.
+ * Deferring the read to first render fixes that, and since every `Signal` is
+ * already a getter, `injectActiveViewport(this.viewports)` works unchanged.
+ *
+ *   readonly experience = injectExperience();
+ *   private readonly tracker = injectActiveViewport(() => this.experience().viewports);
+ *
+ * @deprecated Viewports are being removed from the Experiences APIs, with no
+ * direct replacement — use CSS media queries or `window.matchMedia` instead.
+ * Will not be removed before 2026-10-06.
+ */
+export declare function injectActiveViewport(viewports: () => ViewportDef[], initialViewportId?: () => string | undefined): InjectActiveViewportResult;
+//# sourceMappingURL=inject-active-viewport.d.ts.map

package/dist/inject-active-viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-active-viewport.d.ts","sourceRoot":"","sources":["../src/inject-active-viewport.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAc,KAAK,MAAM,EAA6C,MAAM,eAAe,CAAC;AAGnG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEpE;;;;GAIG;AACH,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,WAAW,EAAE,EAC9B,iBAAiB,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,GAC3C,0BAA0B,CA+C5B"}

package/dist/inject-active-viewport.js

@@ -0,0 +1,78 @@
+/*
+ * Reactive viewport matcher. Port of adapter-svelte/src/use-active-viewport.svelte.ts.
+ *
+ * "Active viewport" = the last-matching media query in the ordered viewports
+ * list. With desktop-first ordering (`*`, `<992px`, `<576px`), the narrowest
+ * matching query wins. With mobile-first ordering, the widest wins. Either
+ * way: the last `findLastIndex` of `mediaQueryMatches[i] === true`.
+ *
+ * Pass `initialViewportId` (typically derived from User-Agent on the server) to
+ * seed the first render so SSR and the client agree on viewport before
+ * `window.matchMedia` takes over.
+ *
+ * Why `afterNextRender` rather than `effect()`: it is browser-only by contract,
+ * so nothing here touches `window` during server rendering, and it fires after
+ * the first render has already committed. That preserves the seed-then-correct
+ * ordering hydration needs — the first paint uses `initialViewportId`, matching
+ * the server's HTML, and the real media-query state lands immediately after.
+ */
+import { DestroyRef, afterNextRender, computed, inject, signal } from '@angular/core';
+import { createMediaQueryMatchers, getViewportIndex } from '@contentful/experiences-design';
+/**
+ * Returns a signal that tracks which viewport's media query currently matches.
+ * Listeners mount after the first browser render and tear down with the calling
+ * component.
+ *
+ * Must be called from an injection context — a field initializer or a
+ * constructor — like any other `inject()`-based API. Both arguments are getters
+ * rather than values, which is the Angular divergence from the React and Svelte
+ * signatures: an injection context runs *before* inputs are bound, so a
+ * component passing its own `@Input()` viewports has nothing to hand over yet.
+ * Deferring the read to first render fixes that, and since every `Signal` is
+ * already a getter, `injectActiveViewport(this.viewports)` works unchanged.
+ *
+ *   readonly experience = injectExperience();
+ *   private readonly tracker = injectActiveViewport(() => this.experience().viewports);
+ *
+ * @deprecated Viewports are being removed from the Experiences APIs, with no
+ * direct replacement — use CSS media queries or `window.matchMedia` instead.
+ * Will not be removed before 2026-10-06.
+ */
+export function injectActiveViewport(viewports, initialViewportId) {
+    const destroyRef = inject(DestroyRef);
+    // `null` means the browser has not taken over yet: on the server, and on the
+    // client up to the first `afterNextRender`. Readers fall back to the seed.
+    const matches = signal(null, ...(ngDevMode ? [{ debugName: "matches" }] : []));
+    const activeViewportIndex = computed(() => {
+        const seedIndex = getViewportIndex(viewports(), initialViewportId?.());
+        const current = matches();
+        if (!current)
+            return seedIndex;
+        const found = current.findLastIndex((isMatch) => isMatch);
+        return found === -1 ? seedIndex : found;
+    }, ...(ngDevMode ? [{ debugName: "activeViewportIndex" }] : []));
+    afterNextRender(() => {
+        const [matchers, seeded] = createMediaQueryMatchers(viewports());
+        // Sync once on mount, in case the initial index came from the server.
+        matches.set(matchers.reduce((acc, { index, signal: mediaQuery }) => {
+            acc[index] = mediaQuery.matches;
+            return acc;
+        }, [...seeded]));
+        const listeners = matchers.map(({ index, signal: mediaQuery }) => {
+            const onChange = () => {
+                const next = [...(matches() ?? seeded)];
+                next[index] = mediaQuery.matches;
+                matches.set(next);
+            };
+            mediaQuery.addEventListener('change', onChange);
+            return onChange;
+        });
+        destroyRef.onDestroy(() => {
+            listeners.forEach((listener, i) => {
+                matchers[i]?.signal.removeEventListener('change', listener);
+            });
+        });
+    });
+    return { activeViewportIndex };
+}
+//# sourceMappingURL=inject-active-viewport.js.map

package/dist/inject-active-viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-active-viewport.js","sourceRoot":"","sources":["../src/inject-active-viewport.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,UAAU,EAAe,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEnG,OAAO,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAY5F;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,oBAAoB,CAClC,SAA8B,EAC9B,iBAA4C;IAE5C,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEtC,6EAA6E;IAC7E,2EAA2E;IAC3E,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,mDAAC,CAAC;IAE/C,MAAM,mBAAmB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACxC,MAAM,SAAS,GAAG,gBAAgB,CAAC,SAAS,EAAE,EAAE,iBAAiB,EAAE,EAAE,CAAC,CAAC;QACvE,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO;YAAE,OAAO,SAAS,CAAC;QAC/B,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;QAC1D,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAC1C,CAAC,+DAAC,CAAC;IAEH,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,wBAAwB,CAAC,SAAS,EAAE,CAAC,CAAC;QAEjE,sEAAsE;QACtE,OAAO,CAAC,GAAG,CACT,QAAQ,CAAC,MAAM,CACb,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE;YACrC,GAAG,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC;YAChC,OAAO,GAAG,CAAC;QACb,CAAC,EACD,CAAC,GAAG,MAAM,CAAC,CACZ,CACF,CAAC;QAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE;YAC/D,MAAM,QAAQ,GAAG,GAAS,EAAE;gBAC1B,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,MAAM,CAAC,CAAC,CAAC;gBACxC,IAAI,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC;gBACjC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC,CAAC;YACF,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAChD,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE;YACxB,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE;gBAChC,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC9D,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,mBAAmB,EAAE,CAAC;AACjC,CAAC"}

package/dist/inject-design-values.d.ts

@@ -0,0 +1,14 @@
+import { type Signal } from '@angular/core';
+/**
+ * Viewport-cascaded, token-resolved design values for the enclosing node.
+ *
+ * The renderer already assigns every design key the target component declares as
+ * an input; this is for the rest — keys a component reads dynamically, or design
+ * properties it never declared. Returns a signal of an empty record outside a
+ * rendered node.
+ *
+ *   readonly design = injectDesignValues<{ cfPadding?: string }>();
+ *   // template: [style.padding]="design().cfPadding"
+ */
+export declare function injectDesignValues<T extends object = Record<string, unknown>>(): Signal<T>;
+//# sourceMappingURL=inject-design-values.d.ts.map

package/dist/inject-design-values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-design-values.d.ts","sourceRoot":"","sources":["../src/inject-design-values.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAA4B,MAAM,eAAe,CAAC;AAMtE;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAI1F"}

package/dist/inject-design-values.js

@@ -0,0 +1,24 @@
+/*
+ * Port of adapter-svelte/src/get-design-values.ts.
+ */
+import { computed, inject, signal } from '@angular/core';
+import { DesignScope } from './node-scopes.js';
+const EMPTY = signal({}).asReadonly();
+/**
+ * Viewport-cascaded, token-resolved design values for the enclosing node.
+ *
+ * The renderer already assigns every design key the target component declares as
+ * an input; this is for the rest — keys a component reads dynamically, or design
+ * properties it never declared. Returns a signal of an empty record outside a
+ * rendered node.
+ *
+ *   readonly design = injectDesignValues<{ cfPadding?: string }>();
+ *   // template: [style.padding]="design().cfPadding"
+ */
+export function injectDesignValues() {
+    const scope = inject(DesignScope, { optional: true });
+    if (!scope)
+        return EMPTY;
+    return computed(() => scope.resolvedDesign());
+}
+//# sourceMappingURL=inject-design-values.js.map

package/dist/inject-design-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-design-values.js","sourceRoot":"","sources":["../src/inject-design-values.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAe,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,KAAK,GAAG,MAAM,CAA0B,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC;AAE/D;;;;;;;;;;GAUG;AACH,MAAM,UAAU,kBAAkB;IAChC,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACtD,IAAI,CAAC,KAAK;QAAE,OAAO,KAAkB,CAAC;IACtC,OAAO,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAO,CAAC,CAAC;AACrD,CAAC"}

package/dist/inject-experience-plan.d.ts

@@ -0,0 +1,15 @@
+import { type Signal } from '@angular/core';
+import type { ExperiencePayload, PortableRenderPlan, ResolveExperienceOptions, ResolverConfig } from '@contentful/experiences-sdk-core';
+export interface ExperiencePlanResolveOptions extends ResolveExperienceOptions {
+    config: ResolverConfig;
+}
+export interface InjectExperiencePlanOptions {
+    payload: ExperiencePayload | undefined;
+    initialPlan?: PortableRenderPlan;
+    resolveOptions: ExperiencePlanResolveOptions;
+}
+export interface InjectExperiencePlanResult {
+    readonly data: Signal<PortableRenderPlan | undefined>;
+}
+export declare function injectExperiencePlan(getOptions: () => InjectExperiencePlanOptions): InjectExperiencePlanResult;
+//# sourceMappingURL=inject-experience-plan.d.ts.map

package/dist/inject-experience-plan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-experience-plan.d.ts","sourceRoot":"","sources":["../src/inject-experience-plan.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAA4B,MAAM,eAAe,CAAC;AAGtE,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,EAClB,wBAAwB,EACxB,cAAc,EACf,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,4BAA6B,SAAQ,wBAAwB;IAC5E,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACvC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,4BAA4B,CAAC;CAC9C;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAC;CACvD;AAyBD,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,MAAM,2BAA2B,GAC5C,0BAA0B,CAiC5B"}

package/dist/inject-experience-plan.js

@@ -0,0 +1,39 @@
+import { computed, effect, signal } from '@angular/core';
+import { resolveExperience } from '@contentful/experiences-sdk-core';
+function areExperienceUpdateOptionsEqual(first, second) {
+    return (first.payload === second.payload &&
+        first.config === second.config &&
+        first.metadata === second.metadata &&
+        first.debug === second.debug &&
+        first.initialViewportId === second.initialViewportId &&
+        first.sourceMap === second.sourceMap);
+}
+export function injectExperiencePlan(getOptions) {
+    const currentPlan = signal(undefined, ...(ngDevMode ? [{ debugName: "currentPlan" }] : []));
+    const data = computed(() => currentPlan() ?? getOptions().initialPlan, ...(ngDevMode ? [{ debugName: "data" }] : []));
+    const updateOptions = computed(() => {
+        const { payload, resolveOptions } = getOptions();
+        const { config, metadata, debug, initialViewportId, sourceMap } = resolveOptions;
+        return { payload, config, metadata, debug, initialViewportId, sourceMap };
+    }, ...(ngDevMode ? [{ debugName: "updateOptions", equal: areExperienceUpdateOptionsEqual }] : [{ equal: areExperienceUpdateOptionsEqual }]));
+    effect((onCleanup) => {
+        const { payload, config, metadata, debug, initialViewportId, sourceMap } = updateOptions();
+        if (payload === undefined)
+            return;
+        let isCurrent = true;
+        onCleanup(() => {
+            isCurrent = false;
+        });
+        void resolveExperience(payload, config, { metadata, debug, initialViewportId, sourceMap })
+            .then((nextPlan) => {
+            if (isCurrent && nextPlan.diagnostics.length === 0) {
+                currentPlan.set(nextPlan);
+            }
+        })
+            .catch(() => {
+            // Keep the last usable experience when resolving an update fails.
+        });
+    });
+    return { data };
+}
+//# sourceMappingURL=inject-experience-plan.js.map

package/dist/inject-experience-plan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-experience-plan.js","sourceRoot":"","sources":["../src/inject-experience-plan.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AA+BrE,SAAS,+BAA+B,CACtC,KAA8B,EAC9B,MAA+B;IAE/B,OAAO,CACL,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,OAAO;QAChC,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM;QAC9B,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ;QAClC,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK;QAC5B,KAAK,CAAC,iBAAiB,KAAK,MAAM,CAAC,iBAAiB;QACpD,KAAK,CAAC,SAAS,KAAK,MAAM,CAAC,SAAS,CACrC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,UAA6C;IAE7C,MAAM,WAAW,GAAG,MAAM,CAAiC,SAAS,uDAAC,CAAC;IACtE,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,IAAI,UAAU,EAAE,CAAC,WAAW,gDAAC,CAAC;IACvE,MAAM,aAAa,GAAG,QAAQ,CAC5B,GAAG,EAAE;QACH,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;QACjD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC;QACjF,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC;IAC5E,CAAC,iDACC,KAAK,EAAE,+BAA+B,OAAxC,EAAE,KAAK,EAAE,+BAA+B,EAAE,GAC3C,CAAC;IAEF,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;QACnB,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,CAAC;QAC3F,IAAI,OAAO,KAAK,SAAS;YAAE,OAAO;QAElC,IAAI,SAAS,GAAG,IAAI,CAAC;QACrB,SAAS,CAAC,GAAG,EAAE;YACb,SAAS,GAAG,KAAK,CAAC;QACpB,CAAC,CAAC,CAAC;QAEH,KAAK,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC;aACvF,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YACjB,IAAI,SAAS,IAAI,QAAQ,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACnD,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,kEAAkE;QACpE,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,IAAI,EAAE,CAAC;AAClB,CAAC"}

package/dist/inject-live-preview-experience.d.ts

@@ -0,0 +1,13 @@
+import { type Signal } from '@angular/core';
+import { type PreviewSessionOptions } from '@contentful/experiences-live-preview';
+import type { ExperiencePayload } from '@contentful/experiences-sdk-core';
+export type InjectLivePreviewExperienceOptions = {
+    previewSessionOptions?: PreviewSessionOptions;
+    initialPayload?: ExperiencePayload;
+};
+export interface InjectLivePreviewExperienceResult {
+    readonly data: Signal<ExperiencePayload | undefined>;
+    readonly error: Signal<Error | undefined>;
+}
+export declare function injectLivePreviewExperience(getOptions: () => InjectLivePreviewExperienceOptions): InjectLivePreviewExperienceResult;
+//# sourceMappingURL=inject-live-preview-experience.d.ts.map

package/dist/inject-live-preview-experience.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-live-preview-experience.d.ts","sourceRoot":"","sources":["../src/inject-live-preview-experience.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAA6C,MAAM,eAAe,CAAC;AAEvF,OAAO,EAIL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAE1E,MAAM,MAAM,kCAAkC,GAAG;IAC/C,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,cAAc,CAAC,EAAE,iBAAiB,CAAC;CACpC,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAC;IACrD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC;CAC3C;AAkBD,wBAAgB,2BAA2B,CACzC,UAAU,EAAE,MAAM,kCAAkC,GACnD,iCAAiC,CAoCnC"}

package/dist/inject-live-preview-experience.js

@@ -0,0 +1,47 @@
+import { afterNextRender, computed, effect, signal } from '@angular/core';
+import { createLivePreviewClient, sendPreviewStatus, } from '@contentful/experiences-live-preview';
+function areConnectionOptionsEqual(first, second) {
+    if (first === undefined || second === undefined)
+        return first === second;
+    return (first?.spaceId === second.spaceId &&
+        first?.environmentId === second.environmentId &&
+        first?.previewToken === second.previewToken &&
+        first?.sessionId === second.sessionId &&
+        first?.resourceResolution === second.resourceResolution &&
+        first?.sessionHost === second.sessionHost &&
+        first?.debug === second.debug);
+}
+export function injectLivePreviewExperience(getOptions) {
+    const browserReady = signal(false, ...(ngDevMode ? [{ debugName: "browserReady" }] : []));
+    const currentResult = signal({ data: undefined, error: undefined }, ...(ngDevMode ? [{ debugName: "currentResult" }] : []));
+    const data = computed(() => currentResult().data ?? getOptions().initialPayload, ...(ngDevMode ? [{ debugName: "data" }] : []));
+    const error = computed(() => currentResult().error, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    const connectionOptions = computed(() => getOptions().previewSessionOptions, ...(ngDevMode ? [{ debugName: "connectionOptions", equal: areConnectionOptionsEqual }] : [{
+            equal: areConnectionOptionsEqual,
+        }]));
+    afterNextRender(() => {
+        browserReady.set(true);
+    });
+    effect((onCleanup) => {
+        if (!browserReady())
+            return;
+        const options = connectionOptions();
+        currentResult.update((result) => ({ ...result, error: undefined }));
+        if (options === undefined) {
+            sendPreviewStatus('static');
+            return;
+        }
+        const client = createLivePreviewClient(options);
+        const unsubscribeStatus = client.subscribeStatus(sendPreviewStatus);
+        currentResult.set(client.getResult());
+        const unsubscribe = client.subscribe(() => {
+            currentResult.set(client.getResult());
+        });
+        onCleanup(() => {
+            unsubscribeStatus();
+            unsubscribe();
+        });
+    });
+    return { data, error };
+}
+//# sourceMappingURL=inject-live-preview-experience.js.map

package/dist/inject-live-preview-experience.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-live-preview-experience.js","sourceRoot":"","sources":["../src/inject-live-preview-experience.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvF,OAAO,EACL,uBAAuB,EACvB,iBAAiB,GAGlB,MAAM,sCAAsC,CAAC;AAe9C,SAAS,yBAAyB,CAAC,KAAwB,EAAE,MAAyB;IACpF,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,KAAK,KAAK,MAAM,CAAC;IAEzE,OAAO,CACL,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC,OAAO;QACjC,KAAK,EAAE,aAAa,KAAK,MAAM,CAAC,aAAa;QAC7C,KAAK,EAAE,YAAY,KAAK,MAAM,CAAC,YAAY;QAC3C,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,SAAS;QACrC,KAAK,EAAE,kBAAkB,KAAK,MAAM,CAAC,kBAAkB;QACvD,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC,WAAW;QACzC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,CAC9B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,2BAA2B,CACzC,UAAoD;IAEpD,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,wDAAC,CAAC;IACnC,MAAM,aAAa,GAAG,MAAM,CAAoB,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,yDAAC,CAAC;IACvF,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,IAAI,IAAI,UAAU,EAAE,CAAC,cAAc,gDAAC,CAAC;IACjF,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,KAAK,iDAAC,CAAC;IACpD,MAAM,iBAAiB,GAAG,QAAQ,CAAoB,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,qBAAqB,qDAC5F,KAAK,EAAE,yBAAyB,OAD8D;YAC9F,KAAK,EAAE,yBAAyB;SACjC,GAAC,CAAC;IAEH,eAAe,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;QACnB,IAAI,CAAC,YAAY,EAAE;YAAE,OAAO;QAE5B,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;QACpC,aAAa,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;QACpE,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,iBAAiB,CAAC,QAAQ,CAAC,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC;QAChD,MAAM,iBAAiB,GAAG,MAAM,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;QACpE,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC;QACtC,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;YACxC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,GAAG,EAAE;YACb,iBAAiB,EAAE,CAAC;YACpB,WAAW,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACzB,CAAC"}

package/dist/inject-live-preview.d.ts

@@ -0,0 +1,16 @@
+import type { ExperiencePayload, PortableRenderPlan } from '@contentful/experiences-sdk-core';
+import type { PreviewSessionOptions } from '@contentful/experiences-live-preview';
+import { type ExperiencePlanResolveOptions, type InjectExperiencePlanResult } from './inject-experience-plan.js';
+import { type InjectLivePreviewExperienceResult } from './inject-live-preview-experience.js';
+export interface InjectLivePreviewOptions {
+    previewSessionOptions?: PreviewSessionOptions;
+    initialPayload?: ExperiencePayload;
+    initialPlan?: PortableRenderPlan;
+    resolveOptions: ExperiencePlanResolveOptions;
+}
+export interface InjectLivePreviewResult {
+    readonly data: InjectExperiencePlanResult['data'];
+    readonly error: InjectLivePreviewExperienceResult['error'];
+}
+export declare function injectLivePreview(getOptions: () => InjectLivePreviewOptions): InjectLivePreviewResult;
+//# sourceMappingURL=inject-live-preview.d.ts.map