# @acoustic-content-sdk/ng-app-preview

> Module that contains a default configuration to run an Angular application against Acoustic Content in preview mode.

Latest version **9.0.10076** (published 2020-03-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install @acoustic-content-sdk/ng-app-preview
pnpm add @acoustic-content-sdk/ng-app-preview
yarn add @acoustic-content-sdk/ng-app-preview
bun add @acoustic-content-sdk/ng-app-preview
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 9.0.10076 |
| Published | 2020-03-26 |
| First published | 2020-02-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 10 |
| Unpacked size | 69.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Carsten Leue |
| Maintainers | carstenleue, daherbst, jim.patrick, joe.john, kevintap, mburati, neelkanthpatel, orenaksakal |
| Keywords | acoustic, acoustic-content, angular, sdk |

## Links

- npm: https://www.npmjs.com/package/@acoustic-content-sdk/ng-app-preview
- npm.io page: https://npm.io/package/@acoustic-content-sdk/ng-app-preview

## Dependencies (10)

- [@acoustic-content-sdk/api](https://npm.io/package/@acoustic-content-sdk/api.md) 9.0.10076
- [@acoustic-content-sdk/utils](https://npm.io/package/@acoustic-content-sdk/utils.md) 9.0.10076
- [@acoustic-content-sdk/ng-api](https://npm.io/package/@acoustic-content-sdk/ng-api.md) 9.0.10076
- [@acoustic-content-sdk/ng-edit](https://npm.io/package/@acoustic-content-sdk/ng-edit.md) 9.0.10076
- [@acoustic-content-sdk/ng-redux](https://npm.io/package/@acoustic-content-sdk/ng-redux.md) 9.0.10076
- [@acoustic-content-sdk/ng-utils](https://npm.io/package/@acoustic-content-sdk/ng-utils.md) 9.0.10076
- [@acoustic-content-sdk/ng-edit-api](https://npm.io/package/@acoustic-content-sdk/ng-edit-api.md) 9.0.10076
- [@acoustic-content-sdk/ng-hbs-edit](https://npm.io/package/@acoustic-content-sdk/ng-hbs-edit.md) 9.0.10076
- [@acoustic-content-sdk/component-api](https://npm.io/package/@acoustic-content-sdk/component-api.md) 9.0.10076
- [@acoustic-content-sdk/component-utils](https://npm.io/package/@acoustic-content-sdk/component-utils.md) 9.0.10076

## Recent versions

- 9.0.10076 (latest) — 2020-03-26
- 9.0.10067 — 2020-03-25
- 9.0.10040 — 2020-03-20
- 9.0.10034 — 2020-03-20
- 9.0.495 — 2020-03-09
- 9.0.493 — 2020-03-08
- 9.0.462 — 2020-03-05
- 9.0.407 — 2020-02-28
- 9.0.384 — 2020-02-25
- 9.0.361 — 2020-02-21
- 9.0.360 — 2020-02-21
- 9.0.271 — 2020-02-11
- 9.0.270 — 2020-02-11
- 9.0.251 — 2020-02-07
- 9.0.242 — 2020-02-06
- … 2 more at https://npm.io/package/@acoustic-content-sdk/ng-app-preview/versions

## README

<a name="_d7a5e329a5066ed48ec503af88038dd98a7ae13244a49231e8793b918efe2264"></a>
[![npm](https://img.shields.io/npm/v/@acoustic-content-sdk/ng-app-preview.svg?style=flat-square)](https://www.npmjs.com/package/@acoustic-content-sdk/ng-app-preview)

Module that contains a default configuration to run an Angular application against Acoustic Content in preview mode.

## Table of Contents

- [API Documentation](#_f9fbe0b0d484ebd9f2650ced4fd037feabf789b9f80f654f340b0c6d0dc0684f)

## General Concepts

Applications on Acoustic Content can run in preview mode and in live mode. In preview mode they are augmented with inline edit capabilities and optimited for inline edit experience, in live mode they run in read-only mode optimized for size and performance.

The difference in runtime behaviour is achieved by building the application twice with different [dependency providers](https://angular.io/guide/dependency-injection) for services that the application relies on.

Providers for preview mode are supplied by the `ng-app-preview` module, for live mode via the `ng-app-live` module and general purpose providers that apply to both modes by the `ng-app-base` module.

<a name="_f9fbe0b0d484ebd9f2650ced4fd037feabf789b9f80f654f340b0c6d0dc0684f"></a>
<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](#_d54415229ab2e8d7ac1feda2da3cd6f5f9d1eac5e4bf8b38b8e5dd010fdff3f5) &gt; [@acoustic-content-sdk/ng-app-preview](#_f9fbe0b0d484ebd9f2650ced4fd037feabf789b9f80f654f340b0c6d0dc0684f)

## ng-app-preview package

Module that contains a default configuration to run an [Angular](https://angular.io/) application against [Acoustic Content](https://www.ibm.com/products/watson-content-hub) in preview mode.

## Classes

|  Class | Description |
|  --- | --- |
|  [AcNgAppPreviewModule](#_f4dc974266473350be70fd7097b16d94bf22f18a7e28ab9fc56733b21de7871d) | Imports the modules required for inline edit functionality. This module makes the following choices:<!-- -->- Inline edit functionality is accessed from the controlling parent window - Data access is implemented by accessing the redux store - The redux store is accessed from the controlling parent window<!-- -->This module assumes that the controlling parent window runs in the same origin than the application window. If this is not the case for your application, select different providers for <code>ACOUSTIC_TOKEN_INLINE_EDIT_PROVIDER</code> and <code>ACOUSTIC_TOKEN_REDUX_STORE</code> |

## Variables

|  Variable | Description |
|  --- | --- |
|  [MODULE](#_814b003cb980277a353ba1efed4ddf58dd93968625d18add0280cff556d69369) | Module name |
|  [VERSION](#_fca940d491bcea9c8e2b27561c8f2523db011104063047298c82694cdd0024c8) | Version and build number of the package |


<a name="_d7a5e329a5066ed48ec503af88038dd98a7ae13244a49231e8793b918efe2264"></a>

<a name="_f4dc974266473350be70fd7097b16d94bf22f18a7e28ab9fc56733b21de7871d"></a>
<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](#_d54415229ab2e8d7ac1feda2da3cd6f5f9d1eac5e4bf8b38b8e5dd010fdff3f5) &gt; [@acoustic-content-sdk/ng-app-preview](#_f9fbe0b0d484ebd9f2650ced4fd037feabf789b9f80f654f340b0c6d0dc0684f) &gt; [AcNgAppPreviewModule](#_f4dc974266473350be70fd7097b16d94bf22f18a7e28ab9fc56733b21de7871d)

## AcNgAppPreviewModule class

Imports the modules required for inline edit functionality. This module makes the following choices:

- Inline edit functionality is accessed from the controlling parent window - Data access is implemented by accessing the redux store - The redux store is accessed from the controlling parent window

This module assumes that the controlling parent window runs in the same origin than the application window. If this is not the case for your application, select different providers for `ACOUSTIC_TOKEN_INLINE_EDIT_PROVIDER` and `ACOUSTIC_TOKEN_REDUX_STORE`

<b>Signature:</b>

```typescript
export declare class AcNgAppPreviewModule 
```

## Constructors

|  Constructor | Modifiers | Description |
|  --- | --- | --- |
|  [(constructor)(aCurrentWindow, aHostWindow, aLoggerService)](#_cbb1eab92d7846765595eb87f3bb76e554a0beaae63d74139abc727b25c66b81) |  | Constructs a new instance of the <code>AcNgAppPreviewModule</code> class |

## Properties

|  Property | Modifiers | Type | Description |
|  --- | --- | --- | --- |
|  [VERSION](#_ce8b31755afe4d4feca194eaa78584b1288bc93b9f0d2b0da1d1ff6702e983db) |  | <code>WchSdkVersion</code> | Exposes the version information of this module |


<a name="_814b003cb980277a353ba1efed4ddf58dd93968625d18add0280cff556d69369"></a>
<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](#_d54415229ab2e8d7ac1feda2da3cd6f5f9d1eac5e4bf8b38b8e5dd010fdff3f5) &gt; [@acoustic-content-sdk/ng-app-preview](#_f9fbe0b0d484ebd9f2650ced4fd037feabf789b9f80f654f340b0c6d0dc0684f) &gt; [MODULE](#_814b003cb980277a353ba1efed4ddf58dd93968625d18add0280cff556d69369)

## MODULE variable

Module name

<b>Signature:</b>

```typescript
MODULE = "@acoustic-content-sdk/ng-app-preview"
```

<a name="_fca940d491bcea9c8e2b27561c8f2523db011104063047298c82694cdd0024c8"></a>
<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](#_d54415229ab2e8d7ac1feda2da3cd6f5f9d1eac5e4bf8b38b8e5dd010fdff3f5) &gt; [@acoustic-content-sdk/ng-app-preview](#_f9fbe0b0d484ebd9f2650ced4fd037feabf789b9f80f654f340b0c6d0dc0684f) &gt; [VERSION](#_fca940d491bcea9c8e2b27561c8f2523db011104063047298c82694cdd0024c8)

## VERSION variable

Version and build number of the package

<b>Signature:</b>

```typescript
VERSION: {
    version: {
        major: string;
        minor: string;
        patch: string;
        branch: string;
    };
    build: Date;
}
```

<a name="_cbb1eab92d7846765595eb87f3bb76e554a0beaae63d74139abc727b25c66b81"></a>
<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](#_d54415229ab2e8d7ac1feda2da3cd6f5f9d1eac5e4bf8b38b8e5dd010fdff3f5) &gt; [@acoustic-content-sdk/ng-app-preview](#_f9fbe0b0d484ebd9f2650ced4fd037feabf789b9f80f654f340b0c6d0dc0684f) &gt; [AcNgAppPreviewModule](#_f4dc974266473350be70fd7097b16d94bf22f18a7e28ab9fc56733b21de7871d) &gt; [(constructor)](#_cbb1eab92d7846765595eb87f3bb76e554a0beaae63d74139abc727b25c66b81)

## AcNgAppPreviewModule.(constructor)

Constructs a new instance of the `AcNgAppPreviewModule` class

<b>Signature:</b>

```typescript
constructor(aCurrentWindow: WindowType, aHostWindow: WindowType, aLoggerService: LoggerService);
```

## Parameters

|  Parameter | Type | Description |
|  --- | --- | --- |
|  aCurrentWindow | <code>WindowType</code> |  |
|  aHostWindow | <code>WindowType</code> |  |
|  aLoggerService | <code>LoggerService</code> |  |


<a name="_ce8b31755afe4d4feca194eaa78584b1288bc93b9f0d2b0da1d1ff6702e983db"></a>
<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](#_d54415229ab2e8d7ac1feda2da3cd6f5f9d1eac5e4bf8b38b8e5dd010fdff3f5) &gt; [@acoustic-content-sdk/ng-app-preview](#_f9fbe0b0d484ebd9f2650ced4fd037feabf789b9f80f654f340b0c6d0dc0684f) &gt; [AcNgAppPreviewModule](#_f4dc974266473350be70fd7097b16d94bf22f18a7e28ab9fc56733b21de7871d) &gt; [VERSION](#_ce8b31755afe4d4feca194eaa78584b1288bc93b9f0d2b0da1d1ff6702e983db)

## AcNgAppPreviewModule.VERSION property

Exposes the version information of this module

<b>Signature:</b>

```typescript
VERSION: WchSdkVersion;
```

---
_Source: https://npm.io/package/@acoustic-content-sdk/ng-app-preview · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._