@contentful/experiences-angular 0.4.1 → 0.6.0

package/CHANGELOG.md

@@ -1,3 +1,153 @@
+## 0.6.0 (2026-10-08)
+
+### 🚀 Features
+
+- ⚠️  remove sdk viewport surface [SPA-5275] ([#220](https://github.com/contentful/experiences/pull/220))
+
+### ⚠️  Breaking Changes
+
+- remove sdk viewport surface [SPA-5275]  ([#220](https://github.com/contentful/experiences/pull/220))
+  The SDK no longer exposes viewport definitions, viewport-aware design-value resolution, or active-viewport hooks. Use CSS media queries or application-owned matchMedia integration for responsive behavior. Delivered design property values are now flat and require no migration."
+  M	AGENTS.md
+  M	ARCHITECTURE.md
+  M	CONTRIBUTING.md
+  M	README.md
+  M	catalog-info.yaml
+  M	examples/angular/README.md
+  M	examples/angular/src/app/components/heading.component.ts
+  D	examples/angular/src/app/lib/detect-viewport.ts
+  M	examples/angular/src/app/lib/experience-config.ts
+  M	examples/angular/src/app/lib/experience-route-data.ts
+  M	examples/angular/src/app/pages/experience-page.component.ts
+  M	examples/angular/src/server.ts
+  M	examples/nextjs/README.md
+  M	examples/nextjs/app/[slug]/page.tsx
+  M	examples/nextjs/components/Heading.tsx
+  M	examples/nextjs/components/LivePreviewExperience.tsx
+  M	examples/nextjs/components/Section.tsx
+  D	examples/nextjs/lib/detect-viewport.ts
+  M	examples/nextjs/lib/experience-config.tsx
+  M	examples/scripts/bootstrap-example.ts
+  M	examples/scripts/fixture/experience.ts
+  M	examples/scripts/fixture/types.ts
+  M	examples/sveltekit/README.md
+  M	examples/sveltekit/src/lib/components/Heading.svelte
+  D	examples/sveltekit/src/lib/detect-viewport.ts
+  M	examples/sveltekit/src/lib/experience-config.ts
+  M	examples/sveltekit/src/routes/[slug]/+page.server.ts
+  M	examples/sveltekit/src/routes/[slug]/+page.svelte
+  M	examples/sveltekit/vite.config.ts
+  M	package-lock.json
+  M	packages/adapter-angular/README.md
+  M	packages/adapter-angular/src/client-experience-renderer.component.ts
+  M	packages/adapter-angular/src/context.ts
+  M	packages/adapter-angular/src/debug-experience.test.ts
+  M	packages/adapter-angular/src/debug-panel-coverage.ssr.test.ts
+  M	packages/adapter-angular/src/debug-panel-coverage.test.ts
+  M	packages/adapter-angular/src/dom-parity.test.ts
+  M	packages/adapter-angular/src/experience-defaults.ts
+  M	packages/adapter-angular/src/experience-scope.ts
+  M	packages/adapter-angular/src/index.ts
+  D	packages/adapter-angular/src/inject-active-viewport.ts
+  M	packages/adapter-angular/src/inject-design-values.ts
+  M	packages/adapter-angular/src/inject-experience-plan.ts
+  M	packages/adapter-angular/src/live-preview-experience.ssr.test.ts
+  M	packages/adapter-angular/src/live-preview-experience.test.ts
+  M	packages/adapter-angular/src/node-render-engine.test.ts
+  M	packages/adapter-angular/src/node-render-engine.ts
+  M	packages/adapter-angular/src/node-scopes.ts
+  M	packages/adapter-angular/src/nodes-renderer.ssr.test.ts
+  M	packages/adapter-angular/src/server-experience-renderer.component.ts
+  M	packages/adapter-angular/src/server-renderer.test.ts
+  M	packages/adapter-angular/src/test-fixtures/render-harness.ts
+  M	packages/adapter-angular/src/types.ts
+  M	packages/adapter-react/README.md
+  M	packages/adapter-react/src/client-renderer.tsx
+  M	packages/adapter-react/src/context.tsx
+  M	packages/adapter-react/src/debug-experience.test.tsx
+  M	packages/adapter-react/src/debug-experience.tsx
+  M	packages/adapter-react/src/debug-panel-coverage.test.tsx
+  M	packages/adapter-react/src/index.ts
+  M	packages/adapter-react/src/nodes-renderer.ssr.test.tsx
+  M	packages/adapter-react/src/nodes-renderer.test.tsx
+  M	packages/adapter-react/src/nodes-renderer.tsx
+  M	packages/adapter-react/src/server-renderer.test.tsx
+  M	packages/adapter-react/src/server-renderer.tsx
+  M	packages/adapter-react/src/types.ts
+  D	packages/adapter-react/src/use-active-viewport.ts
+  M	packages/adapter-react/src/use-design-values.tsx
+  M	packages/adapter-react/src/use-experience-plan.test.tsx
+  M	packages/adapter-react/src/use-experience-plan.ts
+  M	packages/adapter-react/src/use-live-preview-experience.test.tsx
+  M	packages/adapter-react/src/use-live-preview.test.tsx
+  M	packages/adapter-svelte/README.md
+  M	packages/adapter-svelte/src/ClientExperienceRenderer.svelte
+  M	packages/adapter-svelte/src/DebugExperience.svelte
+  M	packages/adapter-svelte/src/DebugExperience.test.ts
+  M	packages/adapter-svelte/src/NodeRenderer.svelte
+  M	packages/adapter-svelte/src/NodeRenderer.test.ts
+  M	packages/adapter-svelte/src/NodesRenderer.svelte
+  M	packages/adapter-svelte/src/ServerExperienceRenderer.svelte
+  M	packages/adapter-svelte/src/component-props.ts
+  M	packages/adapter-svelte/src/context.ts
+  M	packages/adapter-svelte/src/debug-panel-coverage.ssr.test.ts
+  M	packages/adapter-svelte/src/debug-panel-coverage.test.ts
+  M	packages/adapter-svelte/src/get-design-values.ts
+  M	packages/adapter-svelte/src/index.ts
+  M	packages/adapter-svelte/src/nodes-renderer.ssr.test.ts
+  M	packages/adapter-svelte/src/server-renderer.test.ts
+  M	packages/adapter-svelte/src/types.ts
+  D	packages/adapter-svelte/src/use-active-viewport.svelte.ts
+  M	packages/adapter-svelte/src/use-experience-plan.test.ts
+  M	packages/adapter-svelte/src/use-live-preview-experience.test.ts
+  M	packages/adapter-svelte/src/use-live-preview.test.ts
+  M	packages/client/src/contentful-experiences.test.ts
+  M	packages/client/src/contentful-experiences.ts
+  M	packages/client/src/fetch-experience.test.ts
+  M	packages/client/src/fetch-experience.ts
+  M	packages/core/README.md
+  A	packages/core/src/design-properties.test.ts
+  A	packages/core/src/design-properties.ts
+  M	packages/core/src/index.ts
+  M	packages/core/src/resolve-experience.test.ts
+  M	packages/core/src/resolve-experience.ts
+  M	packages/core/src/types.ts
+  D	packages/core/src/viewport.test.ts
+  D	packages/core/src/viewport.ts
+  M	packages/design/README.md
+  M	packages/design/package.json
+  M	packages/design/src/index.ts
+  D	packages/design/src/media-query-matchers.ts
+  D	packages/design/src/select-resolved-design.ts
+  D	packages/design/src/viewport.test.ts
+  D	packages/design/src/viewport.ts
+  M	packages/live-preview/README.md
+  M	packages/live-preview/src/experience-payload.ts
+  M	packages/live-preview/src/fetch-preview-session.test.ts
+  M	packages/live-preview/src/fetch-preview-session.ts
+  M	packages/live-preview/src/live-preview-client.test.ts
+  M	packages/node/README.md
+  M	packages/node/src/contentful-experiences.test.ts
+  M	packages/node/src/contentful-experiences.ts
+  M	packages/web/README.md
+  M	packages/web/src/contentful-experiences.test.ts
+
+### 🧱 Updated Dependencies
+
+- Updated live-preview to 0.6.0
+- Updated client to 0.9.0
+- Updated design to 0.12.0
+- Updated core to 0.12.0
+
+## 0.5.0 (2026-10-06)
+
+### 🧱 Updated Dependencies
+
+- Updated live-preview to 0.5.0
+- Updated client to 0.8.0
+- Updated design to 0.11.0
+- Updated core to 0.11.0
+
 ## 0.4.1 (2026-10-01)
 
 ### 🚀 Features

package/README.md

@@ -136,13 +136,12 @@ connection fails. The last valid `data` remains available.
 Every renderer is standalone; add it to your own component's `imports`.
 
 ```ts
-ServerExperienceRenderer; // <cf-server-experience>  SSR-safe; active viewport seeded from initialViewportId
-ClientExperienceRenderer; // <cf-experience>         Subscribes to window.matchMedia
+ServerExperienceRenderer; // <cf-server-experience>  SSR-safe renderer
+ClientExperienceRenderer; // <cf-experience>         Client renderer
 MissingComponent; // <cf-missing-component>  Default fallback for unregistered component types
 NodesRenderer; // *cfNodes                Renders a slot's raw nodes (see Slot children)
 NodeRenderer; // *cfNode                 Renders one node; NodesRenderer loops over it
 DebugExperience; // <cf-debug-experience>   Auto-mounted by the renderers when debug is set
-injectActiveViewport; // Signal-backed viewport index; you'll rarely need it directly
 injectLivePreviewExperience; // Signal-backed raw Experience payload
 injectExperiencePlan; // Signal-backed PortableRenderPlan
 ```
@@ -158,13 +157,13 @@ All four are `inject()`-based: call them from a field initializer or a construct
 ```ts
 injectDesignValues<T>(); // Signal of the resolved design record that auto-fills inputs
 toCss(design, options?); // Turns a design record into a plain style object for [ngStyle]
-injectExperience(); // Signal<RenderContext>: debug, metadata, viewports, activeViewport
+injectExperience(); // Signal<RenderContext>: debug, metadata
 injectContentfulComponent(); // Signal of the raw payload for the enclosing node (or undefined)
 injectContentfulExperienceTemplate(); // Same, for an enclosing coded Experience Template node
 type ToCssOptions;
 ```
 
-Resolved design values (viewport-cascaded + token-resolved server-side) are **auto-filled onto your component's inputs** by key, alongside content. Declaring an `@Input()` per design key you style with is the one recommended path — and in Angular it is also what makes the key arrive, since binding an undeclared input is an error. `injectDesignValues()` returns the same record as a `Signal`, as an escape hatch and as the way to read keys your component didn't declare, which are **dropped** rather than passed (see [Parity table](#parity-table)). Reach for it only for a nested child that isn't itself a registered component, or for design needed outside the render path (an effect, an imperative measurement) — see [Styling components](../../README.md#styling-components). Token resolution is configured with `resolveToken` on your `Config` (`type ResolveToken`).
+Resolved design values are **auto-filled onto your component's inputs** by key, alongside content. Declaring an `@Input()` per design key you style with is the one recommended path — and in Angular it is also what makes the key arrive, since binding an undeclared input is an error. `injectDesignValues()` returns the same record as a `Signal`, as an escape hatch and as the way to read keys your component didn't declare, which are **dropped** rather than passed (see [Parity table](#parity-table)). Reach for it only for a nested child that isn't itself a registered component, or for design needed outside the render path (an effect, an imperative measurement) — see [Styling components](../../README.md#styling-components). Token resolution is configured with `resolveToken` on your `Config` (`type ResolveToken`).
 
 ### Re-exported types and utilities
 
@@ -177,8 +176,7 @@ type RenderContext, RenderUnknown, ResolveToken, SlotNodes,
 type ExperiencePayload, ExperienceNode, ComponentNode, ExperienceTemplateNode,
 type ComponentRef, ExperienceTemplateRef, ExperienceSys,
 type PortableRenderPlan, PortableRenderNode, PortableRegistration,
-type DesignPropValue, ManualDesignValue, DesignToken, ValuesByViewport,
-type ViewportDef, ExperienceContext, ResolveContext,
+type DesignPropValue, ManualDesignValue, DesignToken, ExperienceContext, ResolveContext,
 type ResolverConfig, ResolveExperienceOptions
 
 // From live preview and the Angular adapter
@@ -187,8 +185,7 @@ type InjectLivePreviewExperienceOptions, InjectLivePreviewExperienceResult,
 type ExperiencePlanResolveOptions, InjectExperiencePlanOptions,
 type InjectExperiencePlanResult
 
-// From design (if you want to do your own viewport-aware resolution)
-getValueForViewport, getViewportIndex, resolveDesignProperties, toCssMediaQuery,
+// From design
 isCssProperty, toCssKey, CSS_PROPERTIES
 
 // From client
@@ -337,7 +334,7 @@ The same nodes are also on the payload at `injectContentfulComponent()().slots`
 
 ## Parity table
 
-Everything below is a deliberate divergence from React and Svelte, forced by an Angular primitive. Semantics — merge precedence, the viewport cascade, degradation behaviour, context walk-up — are identical across all three adapters and covered by the same ported test suite.
+Everything below is a deliberate divergence from React and Svelte, forced by an Angular primitive. Semantics — merge precedence, degradation behaviour, and context walk-up — are identical across all three adapters and covered by the same ported test suite.
 
 | Concern                                          | React                                                                                        | Svelte                                                       | Angular                                                                          | Why                                                                                                                                                                                       |
 | ------------------------------------------------ | -------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -350,7 +347,6 @@ Everything below is a deliberate divergence from React and Svelte, forced by an
 | Reading dropped keys                             | n/a                                                                                          | n/a                                                          | `injectDesignValues()`                                                           | The full resolved design record is always available regardless of declared inputs.                                                                                                        |
 | Component inputs                                 | props                                                                                        | `$props()`                                                   | `@Input()` setter → `signal`                                                     | Signal `input()` is AOT-only; a JIT consumer reports zero declared inputs, which would break `reflectComponentType` filtering.                                                            |
 | Input naming                                     | any                                                                                          | any                                                          | setter takes the payload key; the readable signal needs a distinct name          | A class cannot declare a field and an accessor under one name, and under `useDefineForClassFields: false` the field initializer would assign straight through the setter.                 |
-| `injectActiveViewport` args                      | values                                                                                       | values                                                       | **getters** (`() => viewports`)                                                  | An injection context runs before inputs are bound. Every `Signal` is already a getter, so passing one works unchanged.                                                                    |
 | Missing-component warning                        | effect                                                                                       | effect                                                       | `ngOnInit`                                                                       | So the diagnostic also fires during server rendering.                                                                                                                                     |
 | Prop-shape types                                 | inferred                                                                                     | separate `*.ts` per component                                | not needed                                                                       | Angular components are `.ts`, so `tsc --noEmit` already resolves them.                                                                                                                    |
 | Style helper output                              | `CSSProperties`                                                                              | plain record                                                 | plain record for `[ngStyle]`                                                     | Scalar-only, same as Svelte.                                                                                                                                                              |
@@ -359,7 +355,7 @@ Everything below is a deliberate divergence from React and Svelte, forced by an
 
 **Not** a divergence: the DOM around slot children. React renders them through a fragment, Svelte through no element, and Angular through structural directives — no adapter element in any of the three. Dispatch deliberately does not use components, because an Angular component always has a host element and no configuration removes it; `display: contents` would hide such a wrapper from layout but not from `> .card`, `:nth-child(n)`, or the sibling combinators.
 
-For the full getting-started walkthrough, the merge-precedence rules, viewport handling, and design rationale, see the [root README](../../README.md) and [`AGENTS.md`](../../AGENTS.md).
+For the full getting-started walkthrough, merge-precedence rules, and design rationale, see the [root README](../../README.md) and [`AGENTS.md`](../../AGENTS.md).
 
 ---
 

package/dist/client-experience-renderer.component.d.ts

@@ -7,18 +7,12 @@ export declare class ClientExperienceRendererComponent {
     private readonly debugValue;
     protected readonly resolvedDebug: import("@angular/core").Signal<boolean>;
     private readonly configValue;
-    private readonly initialViewportIdValue;
     private readonly metadataValue;
     private readonly renderUnknownValue;
     private readonly renderErrorValue;
     /** A resolved render plan, or `null` while one is still being fetched. */
     set experience(value: PortableRenderPlan | null | undefined);
     set config(value: Config);
-    /**
-     * 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: string | undefined);
     /** Shallow-merges over the plan's `metadata`. Only needed to override it. */
     set metadata(value: Record<string, unknown> | undefined);
     /**
@@ -30,13 +24,12 @@ export declare class ClientExperienceRendererComponent {
     set renderUnknown(value: Type<unknown> | undefined);
     /** Replaces the default error box rendered when a registered component throws. */
     set renderError(value: Type<unknown> | undefined);
-    private readonly tracker;
     private readonly renderContext;
     private readonly scope;
     /** Resolve-time + render-time diagnostics, merged for `<cf-debug-experience>`. */
     protected readonly errors: import("@angular/core").Signal<Error[]>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ClientExperienceRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClientExperienceRendererComponent, "cf-experience", never, { "experience": { "alias": "experience"; "required": true; }; "config": { "alias": "config"; "required": true; }; "initialViewportId": { "alias": "initialViewportId"; "required": false; }; "metadata": { "alias": "metadata"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "renderUnknown": { "alias": "renderUnknown"; "required": false; }; "renderError": { "alias": "renderError"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClientExperienceRendererComponent, "cf-experience", never, { "experience": { "alias": "experience"; "required": true; }; "config": { "alias": "config"; "required": true; }; "metadata": { "alias": "metadata"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "renderUnknown": { "alias": "renderUnknown"; "required": false; }; "renderError": { "alias": "renderError"; "required": false; }; }, {}, never, never, true, never>;
 }
 //# sourceMappingURL=client-experience-renderer.component.d.ts.map

package/dist/client-experience-renderer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client-experience-renderer.component.d.ts","sourceRoot":"","sources":["../src/client-experience-renderer.component.ts"],"names":[],"mappings":"AAaA,OAAO,EAIL,KAAK,IAAI,EAIV,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAS3E,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,YAAY,CAAC;;AAExD,qBAqBa,iCAAiC;IAC5C,SAAS,CAAC,QAAQ,CAAC,eAAe,oEAA2C;IAE7E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA0C;IACrE,SAAS,CAAC,QAAQ,CAAC,aAAa,0CAE9B;IACF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+B;IAC3D,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAyC;IAChF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA0D;IACxF,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAoD;IACvF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAkD;IAEnF,0EAA0E;IAC1E,IAA+B,UAAU,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,EAErF;IAED,IAA+B,MAAM,CAAC,KAAK,EAAE,MAAM,EAElD;IAED;;;OAGG;IACH,IAAa,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAEvD;IAED,6EAA6E;IAC7E,IAAa,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAE/D;IAED;;;OAGG;IACH,IAAa,KAAK,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,EAE5C;IAED,uFAAuF;IACvF,IAAa,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,SAAS,EAE1D;IAED,kFAAkF;IAClF,IAAa,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,SAAS,EAExD;IAID,OAAO,CAAC,QAAQ,CAAC,OAAO,CAStB;IAEF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAgB3B;IAEH,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA2B;IAEjD,kFAAkF;IAClF,SAAS,CAAC,QAAQ,CAAC,MAAM,0CAGtB;;yCA1FQ,iCAAiC;2CAAjC,iCAAiC;CAkG7C"}
+{"version":3,"file":"client-experience-renderer.component.d.ts","sourceRoot":"","sources":["../src/client-experience-renderer.component.ts"],"names":[],"mappings":"AAOA,OAAO,EAIL,KAAK,IAAI,EAIV,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAQ3E,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,YAAY,CAAC;;AAExD,qBAqBa,iCAAiC;IAC5C,SAAS,CAAC,QAAQ,CAAC,eAAe,oEAA2C;IAE7E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA0C;IACrE,SAAS,CAAC,QAAQ,CAAC,aAAa,0CAE9B;IACF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+B;IAC3D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA0D;IACxF,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAoD;IACvF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAkD;IAEnF,0EAA0E;IAC1E,IAA+B,UAAU,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,EAErF;IAED,IAA+B,MAAM,CAAC,KAAK,EAAE,MAAM,EAElD;IAED,6EAA6E;IAC7E,IAAa,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAE/D;IAED;;;OAGG;IACH,IAAa,KAAK,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,EAE5C;IAED,uFAAuF;IACvF,IAAa,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,SAAS,EAE1D;IAED,kFAAkF;IAClF,IAAa,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,SAAS,EAExD;IAED,OAAO,CAAC,QAAQ,CAAC,aAAa,CAW3B;IAEH,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA2B;IAEjD,kFAAkF;IAClF,SAAS,CAAC,QAAQ,CAAC,MAAM,0CAGtB;;yCA/DQ,iCAAiC;2CAAjC,iCAAiC;CAuE7C"}

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

@@ -1,21 +1,14 @@
 /*
  * 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.
+ * Browser entry point. Design values are resolved before this renderer receives
+ * the plan, so it has no browser-only design-property work.
  */
 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 { DEFAULT_CONTEXT, EMPTY_CONFIG } 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";
@@ -27,13 +20,6 @@ export class ClientExperienceRendererComponent {
     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);
@@ -59,24 +45,11 @@ export class ClientExperienceRendererComponent {
         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(),
@@ -85,10 +58,6 @@ export class ClientExperienceRendererComponent {
                     ...(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);
@@ -103,7 +72,7 @@ export class ClientExperienceRendererComponent {
         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: `
+    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", 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()) {
@@ -141,8 +110,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
             }], config: [{
                 type: Input,
                 args: [{ required: true }]
-            }], initialViewportId: [{
-                type: Input
             }], metadata: [{
                 type: Input
             }], debug: [{

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

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

@@ -6,7 +6,7 @@ export declare class ComponentErrorComponent {
     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 experience: import("@angular/core").Signal<import("@contentful/experiences-sdk-core").ExperienceContext>;
     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>;

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

@@ -1 +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"}
+{"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,+FAAsB;IAEnD,SAAS,CAAC,QAAQ,CAAC,OAAO,yCAUxB;yCA7BS,uBAAuB;2CAAvB,uBAAuB;CA8BnC"}

package/dist/context.d.ts

@@ -1,7 +1,7 @@
 import { type Signal } from '@angular/core';
 import type { ContentfulComponent, ContentfulExperienceTemplate, RenderContext } from './types.js';
 /**
- * Render-time experience context: viewports, active viewport, metadata, debug.
+ * Render-time experience context: metadata and debug.
  * Throws outside a renderer subtree — reading experience context where there is
  * no experience is a programming error, not a state to branch on.
  */

package/dist/context.js

@@ -5,7 +5,7 @@
  * 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
+ * `computed()` stay live across plan changes. Call the signal at the point
  * of use — capturing `injectExperience()()` once loses reactivity, the same rule
  * as any other signal read.
  *
@@ -22,7 +22,7 @@ import { ComponentScope, ExperienceTemplateScope } from './node-scopes.js';
 const EMPTY_COMPONENT = signal(undefined).asReadonly();
 const EMPTY_EXPERIENCE_TEMPLATE = signal(undefined).asReadonly();
 /**
- * Render-time experience context: viewports, active viewport, metadata, debug.
+ * Render-time experience context: metadata and debug.
  * Throws outside a renderer subtree — reading experience context where there is
  * no experience is a programming error, not a state to branch on.
  */

package/dist/experience-defaults.d.ts

@@ -1,12 +1,6 @@
-import type { ExperienceContext, ViewportDef } from '@contentful/experiences-sdk-core';
+import type { ExperienceContext } 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

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

@@ -1 +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"}
+{"version":3,"file":"experience-defaults.d.ts","sourceRoot":"","sources":["../src/experience-defaults.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAE1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEzC,eAAO,MAAM,eAAe,EAAE,iBAAkD,CAAC;AAEjF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,MAA2B,CAAC"}

package/dist/experience-defaults.js

@@ -6,18 +6,7 @@
  * 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%',
-};
+export const DEFAULT_CONTEXT = { debug: false, metadata: {} };
 /**
  * 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

package/dist/experience-defaults.js.map

@@ -1 +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"}
+{"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,CAAC;AAEjF;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAW,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC"}

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

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

@@ -6,9 +6,8 @@
  * 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 independent sources rather than one object: connecting them separately
+ * keeps each reader focused on the state it needs.
  *
  * Why getters rather than snapshots: a static `providers` array cannot see
  * instance inputs, and reading an input during construction is too early. A

package/dist/experience-scope.js.map

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

@@ -13,8 +13,6 @@ 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';
@@ -33,8 +31,8 @@ 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 type { ComponentNode, ComponentRef, DesignPropValue, DesignToken, ExperienceContext, ExperienceNode, ExperiencePayload, ExperienceSourceMap, ExperienceSys, ExperienceTemplateNode, ExperienceTemplateRef, ManualDesignValue, PortableRegistration, PortableRenderNode, PortableRenderPlan, ResolveContext, } from '@contentful/experiences-sdk-core';
+export { CSS_PROPERTIES, isCssProperty, toCssKey } from '@contentful/experiences-design';
 export { ANONYMOUS_ID_COOKIE, 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

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

package/dist/index.js

@@ -2,7 +2,7 @@
  * 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,
+ * needed to render an Experience — types, the resolver, design 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
@@ -40,7 +40,6 @@ 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';
@@ -56,7 +55,7 @@ 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';
+export { CSS_PROPERTIES, isCssProperty, toCssKey } from '@contentful/experiences-design';
 // ─── Delivery client + fetchExperience ────────────────────────────────────
 export { ANONYMOUS_ID_COOKIE, 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

@@ -1 +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,mBAAmB,EACnB,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"}
+{"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,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;AAkCvF,6EAA6E;AAC7E,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEzF,6EAA6E;AAC7E,OAAO,EACL,mBAAmB,EACnB,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-design-values.d.ts

@@ -1,6 +1,6 @@
 import { type Signal } from '@angular/core';
 /**
- * Viewport-cascaded, token-resolved design values for the enclosing node.
+ * 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