# @acoustic-content-sdk/ng-edit-api

> Module to attach inline-edit functionality to an WCH based Angular application.

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

## Install

```sh
npm install @acoustic-content-sdk/ng-edit-api
pnpm add @acoustic-content-sdk/ng-edit-api
yarn add @acoustic-content-sdk/ng-edit-api
bun add @acoustic-content-sdk/ng-edit-api
```

## 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 | 2019-11-30 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 289.1 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-edit-api
- npm.io page: https://npm.io/package/@acoustic-content-sdk/ng-edit-api

## Dependencies (4)

- [@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/edit-api](https://npm.io/package/@acoustic-content-sdk/edit-api.md) 9.0.10076
- [@acoustic-content-sdk/component-api](https://npm.io/package/@acoustic-content-sdk/component-api.md) 9.0.10076

## Recent versions

- 9.0.10076 (latest) — 2020-03-26
- 8.0.498 (beta) — 2019-11-30
- 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
- … 5 more at https://npm.io/package/@acoustic-content-sdk/ng-edit-api/versions

## README

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

Collection of APIs and constants for the Angular SDK in edit mode.

## Table of Contents

- [API Documentation](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9)

## General Concepts

This module defines [Dependency Injection](https://angular.io/guide/dependency-injection#dependency-injection-tokens) tokens for all relevant services. An application would typically select an appropriate [ngModule](https://angular.io/guide/ngmodules) to provide an implementation of the tokens. The tokens are typically consumed by directives or components of the SDK, but they may also be consumed by custom components or services, directly.

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9)

## ng-edit-api package

Collection of APIs and constants for the Angular SDK in edit mode

## Functions

|  Function | Description |
|  --- | --- |
|  [selectDebugPlaceholder(aConfig)](#_0c76f06bf2a78c877fad9f54a2be9ba28d9e24e1ef47af34724cb55307d9fa2f) |  |
|  [selectDefaultPlaceholder(aConfig)](#_232e607fff06a773c1d49a9e492d2baba00fdcc36fc8ef48ff4f61053762382b) |  |
|  [selectInlineEditURL(aConfig)](#_c3a5dda4aec6039f3540cf2b4eb24a57fad4da9510bbd683028b375bdb8a4f14) |  |
|  [selectPlaceholderTag(aConfig)](#_f3ae427e41460c20e6771608b21146b9cb5be853a5ff09e6c8b457cdc170cce1) |  |
|  [selectThrottleLoading(aConfig)](#_09bb184c18c0437bb672d88c198d3977306a36461a584fe8abd3e6d0d0381adf) |  |

## Interfaces

|  Interface | Description |
|  --- | --- |
|  [EditHubInfoService](#_74a4fadfd62281e62103a2487cb4daa7717e7b8e885ae6992b320e7762e6b524) |  |
|  [WchEditableDirectiveInput](#_d6f68d1816e8d204f6298a499496f4f33671b191f2153f9901041c2226d14a96) | Input to the editable directive service |
|  [WchEditableDirectiveOutput](#_c82a7bfa0de57f89a22b2c15ec3017c6aa68d4f3f0fc528d3c10ce812dbfeb59) | Input of the editable directive service |
|  [WchEditablePlaceholderDirectiveInput](#_9ba6d7467169b95fda963a23ac5caedff991655b703225ba805b17fa57c92f5e) | Input to the editable directive service |
|  [WchEditablePlaceholderDirectiveOutput](#_9feaffcd9a1a46513483a88356db7e4d516ee7f90e68cbd76b074ded2b7a3215) | Input of the editable directive service |
|  [WchPlaceholder](#_ea5dd940dae8cce13001fc6b39a51e654dac8a5cbd8db42c3b8ba5b28e7d0256) |  |
|  [WchPlaceholderProvider](#_772231b3e935e90a1903deffb3f239e147d544fadf212fb6e7c045443b700ef0) |  |
|  [WchSelectableDirectiveInput](#_32d0803d5334055f6e005aef21d6fdb3d9af3ecf6f4e5c59e1a3b5019d72f6db) | Input to the editable directive service |
|  [WchSelectableDirectiveOutput](#_b0a3f37e21788e0fbee08e4cb39ad3303ea4fc302882433af5b4a9818a001e36) | Output of the editable directive service |
|  [WchSelectableDirectiveService](#_3e47c6fec70187c2d4faa48b10454228c600b3330174fc382f94b262be8b9323) | Service that returns an instance of the selectable directive |

## Variables

|  Variable | Description |
|  --- | --- |
|  [ACOUSTIC\_TOKEN\_ACOUSTIC\_CONFIG](#_ff2d734416d5cf7cf07732c866ce6ff4771242993ba11eaaa665e991afaf4a8b) | Injection token for the wch config |
|  [ACOUSTIC\_TOKEN\_DEBUG\_PLACEHOLDERS](#_8a505ceaddc57f0cd6f0d00bcd2f591fd12fd923667b729144b4099c81e73109) | Injection token for placeholder debugging |
|  [ACOUSTIC\_TOKEN\_DEFAULT\_PLACEHOLDER\_TEXT](#_f103227041dd957070221b23a8b1d612fe39282d06fb5b98b1801834300653ed) | Injection token for default placeholder text |
|  [ACOUSTIC\_TOKEN\_EDIT\_HOST\_WINDOW](#_ba1d2ea4f005ef00fc61392eb4d09d4b6c203efe9a49697fe8c897a6e0290350) | Injects the window that acts as the edit host for an application. This is typically the parent window or the opener window. |
|  [ACOUSTIC\_TOKEN\_INLINE\_EDIT\_PROVIDER](#_e86cd3334edc8a6ee09fe65b605a087d085e71562523e9c1eaa76b9e2ed190a0) | Injection token for the inline edit provider |
|  [ACOUSTIC\_TOKEN\_INLINE\_EDIT\_SELECTED\_CELL\_CONSUMER](#_c981f349aae806eaf1a409c571affe21ec16ef193dfccd62d25a0cdc260556fd) | Consumer for inline edit selections |
|  [ACOUSTIC\_TOKEN\_INLINE\_EDIT\_SELECTION\_PROVIDER](#_41ba99357a16f4bd7eb05cca578e0a5905e8518c08c2215a131dbabf5cf3b2a2) | Provides information about the inline edit selection |
|  [ACOUSTIC\_TOKEN\_INLINE\_EDIT\_SERVICE](#_c328b081aec9a0b9ec8c3d44f919d300aacf7f9ceea0a59643ffe63e6f98ff49) | Token used to inject the <code>WchInlineEditServiceV2</code> service. |
|  [ACOUSTIC\_TOKEN\_INLINE\_EDIT\_URL](#_7cd3ab4c238f9cef0bf0e8d151457ac628579c15c90d1fa50d1be91dd1985e59) | Injection token for the inline edit URL |
|  [ACOUSTIC\_TOKEN\_PLACEHOLDER\_PROVIDER](#_7f1ad2903867b5473cc4365c403e002d0da993dd8deec4ef3f04960297e3a7dd) |  |
|  [DEFAULT\_DEBUG\_PLACEHOLDERS](#_93d2a8570cfcd2430fc08247c145cfbeb2c5272e66b00e5f2fc76a655cb63f46) | per default do not debug |
|  [DEFAULT\_INLINE\_EDIT\_URL](#_61c93f7e1b3710ade56ec6dc4e93a0e794a2111afa880e78a90cb7a452d6e96e) | default value for the inline edit URL |
|  [VERSION](#_f6700f1f5ecf072efbe6a3ef5741862005acc1d89d5023f3781a14c26bf153b4) | Version and build number of the package |

## Type Aliases

|  Type Alias | Description |
|  --- | --- |
|  [WchDefaultPlaceholder](#_e5c763f0002f737de842fd783acc86f7b26a85ea191df1c1fe5e4e37382b2ad5) | type for placeholder |
|  [WchEditableFormat](#_220174c16d2a82dbc21883994832f1d02c205be48790fbaf31b3a0e664577a46) | Potential values for the 'wchFormat' field |


<a name="_0387dcbd6b65024d1351fd026d73c306750558751ac5591784ef168a1d6bc320"></a>

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [selectDebugPlaceholder](#_0c76f06bf2a78c877fad9f54a2be9ba28d9e24e1ef47af34724cb55307d9fa2f)

## selectDebugPlaceholder() function

<b>Signature:</b>

```typescript
export declare function selectDebugPlaceholder(aConfig?: EditHubInfoService): boolean;
```

## Parameters

|  Parameter | Type | Description |
|  --- | --- | --- |
|  aConfig | <code>EditHubInfoService</code> |  |

<b>Returns:</b>

`boolean`


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [selectDefaultPlaceholder](#_232e607fff06a773c1d49a9e492d2baba00fdcc36fc8ef48ff4f61053762382b)

## selectDefaultPlaceholder() function

<b>Signature:</b>

```typescript
export declare function selectDefaultPlaceholder(aConfig?: EditHubInfoService): WchDefaultPlaceholder;
```

## Parameters

|  Parameter | Type | Description |
|  --- | --- | --- |
|  aConfig | <code>EditHubInfoService</code> |  |

<b>Returns:</b>

`WchDefaultPlaceholder`


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [selectInlineEditURL](#_c3a5dda4aec6039f3540cf2b4eb24a57fad4da9510bbd683028b375bdb8a4f14)

## selectInlineEditURL() function

<b>Signature:</b>

```typescript
export declare function selectInlineEditURL(aConfig?: EditHubInfoService): HubInfoUrlProvider;
```

## Parameters

|  Parameter | Type | Description |
|  --- | --- | --- |
|  aConfig | <code>EditHubInfoService</code> |  |

<b>Returns:</b>

`HubInfoUrlProvider`


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [selectPlaceholderTag](#_f3ae427e41460c20e6771608b21146b9cb5be853a5ff09e6c8b457cdc170cce1)

## selectPlaceholderTag() function

<b>Signature:</b>

```typescript
export declare function selectPlaceholderTag(aConfig?: EditHubInfoService): string;
```

## Parameters

|  Parameter | Type | Description |
|  --- | --- | --- |
|  aConfig | <code>EditHubInfoService</code> |  |

<b>Returns:</b>

`string`


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [selectThrottleLoading](#_09bb184c18c0437bb672d88c198d3977306a36461a584fe8abd3e6d0d0381adf)

## selectThrottleLoading() function

<b>Signature:</b>

```typescript
export declare function selectThrottleLoading(aConfig?: EditHubInfoService): number;
```

## Parameters

|  Parameter | Type | Description |
|  --- | --- | --- |
|  aConfig | <code>EditHubInfoService</code> |  |

<b>Returns:</b>

`number`


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [EditHubInfoService](#_74a4fadfd62281e62103a2487cb4daa7717e7b8e885ae6992b320e7762e6b524)

## EditHubInfoService interface

<b>Signature:</b>

```typescript
export interface EditHubInfoService 
```

## Properties

|  Property | Type | Description |
|  --- | --- | --- |
|  [debugPlaceholders](#_7e6bce2eaa765361790cd3827c29ef0963367fc859cc0f541602257126b3e1b4) | <code>boolean</code> | Enable or disable placeholders even if inline edit mode has not been enabled |
|  [defaultPlaceholderText](#_12b437dd9a87ae25c39c99cf21934a585faede128880e5aaa46a1ac058aafe72) | <code>WchDefaultPlaceholder</code> | Provide a default placeholder text |
|  [inlineEditUrl](#_4889ee7abc917f78e2168053e255573c105f361ae5ffc13c4fd454fa5d504b2a) | <code>HubInfoUrlProvider</code> |  |
|  [placeholderTag](#_c280b49a2361c3b54c2055d12117fbbc4cd4207f02aebe105ae07037c09730f2) | <code>string</code> | Tag used to find placeholder content items. If left undefined, placeholders will not be inserted, automatically |
|  [throttleLoading](#_88fcd3e8a3f8c3d063fc839af4d814285de2dec6a5f6944b02d2d979aa06587c) | <code>number</code> | Throttle loading of lib |


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditableDirectiveInput](#_d6f68d1816e8d204f6298a499496f4f33671b191f2153f9901041c2226d14a96)

## WchEditableDirectiveInput interface

Input to the editable directive service

<b>Signature:</b>

```typescript
export interface WchEditableDirectiveInput 
```

## Properties

|  Property | Type | Description |
|  --- | --- | --- |
|  [wchEditable$](#_08bbcb1bc5206d5b40bf91941f6b1a21bb008d6b109ced637e9916c1e59823e8) | <code>Observable&lt;AccessorType&gt;</code> | Main input value for the directive. It denotes the element that is being edited. |


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditableDirectiveOutput](#_c82a7bfa0de57f89a22b2c15ec3017c6aa68d4f3f0fc528d3c10ce812dbfeb59)

## WchEditableDirectiveOutput interface

Input of the editable directive service

<b>Signature:</b>

```typescript
export interface WchEditableDirectiveOutput 
```

## Properties

|  Property | Type | Description |
|  --- | --- | --- |
|  [accessor$](#_5a2fd0d33780191c72c08656783811d23eec1f90c210a19a8382b75854d56dcb) | <code>Observable&lt;string&gt;</code> | The accessor expression |
|  [data$](#_df92c91300f647c2b7f4597c23e5db949185fd0e564cd814d219d218e56b28e7) | <code>Observable&lt;any&gt;</code> | Generates the accessed data, decoded from the accessor expression |
|  [placeholder$](#_8bfae04506b06631f379025d614dc075a8f9f7dad1ef5f6474dc0c673411fd67) | <code>Observable&lt;AuthoringPlaceholder&gt;</code> | Event exposing the current placeholder. If no placeholder exists or placeholders are disabled, this will return <code>undefined</code>. |
|  [placeholderText$](#_b0cfca4186f5bacc88c17d87395876d6d116dc6e23887c4b6a0a93acc68c87b0) | <code>Observable&lt;LocalizedText&gt;</code> | Event exposing the current placeholder text. If placeholders are disabled, this will return. If no placeholder has been defined this returns the default placeholder as specified by the application |
|  [showPlaceholder$](#_c6416bebaaebf8525cf5868b26902f6eb797751fea0410b4bb4de01cfc3c6f80) | <code>Observable&lt;boolean&gt;</code> | Checks if we should show or hide placeholders |
|  [typeId$](#_7a522e8ea5f9e14448f0416100742efafa8e39bda91fc122cbdfe6150150f7b5) | <code>Observable&lt;string&gt;</code> | Generates the type of the current element |
|  [wchEditable$](#_b70b6839779c9bf92ddff9a8532bcad80ac47e12ce195f36b61e0548e4f4560f) | <code>Observable&lt;WchEditableEvent&gt;</code> | Event that tells about the inline edit process |


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditablePlaceholderDirectiveInput](#_9ba6d7467169b95fda963a23ac5caedff991655b703225ba805b17fa57c92f5e)

## WchEditablePlaceholderDirectiveInput interface

Input to the editable directive service

<b>Signature:</b>

```typescript
export interface WchEditablePlaceholderDirectiveInput extends WchEditableDirectiveInput 
```

## Properties

|  Property | Type | Description |
|  --- | --- | --- |
|  [wchFormat$](#_2e2ab0a2b3a3b94594f63bada709020a8ac19709013ed4229d06c490d59432c4) | <code>Observable&lt;WchEditableFormat&gt;</code> | If specified, the directive will update the textual content of the attached node with either the value of the edited property or with the configured placeholder, if there is any. The format flag describes if the value is considered to be plain text ('text'), formatted text ('html') or if the type is to be discovered automatically.<!-- -->If missing, the property has to be updated by the designer of the template, explicitly. |


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditablePlaceholderDirectiveOutput](#_9feaffcd9a1a46513483a88356db7e4d516ee7f90e68cbd76b074ded2b7a3215)

## WchEditablePlaceholderDirectiveOutput interface

Input of the editable directive service

<b>Signature:</b>

```typescript
export interface WchEditablePlaceholderDirectiveOutput extends WchEditableDirectiveOutput, WchPlaceholder 
```

## Properties

|  Property | Type | Description |
|  --- | --- | --- |
|  [formattedText$](#_35ffdda42b893aa97bbafbabe8f15124cb72edde2b1c399bb2ad9c03e76be638) | <code>Observable&lt;LocalizedText&gt;</code> | Generates the formatted text of an element, potentially replaced by the placeholder |
|  [plainText$](#_16e3b2d65899d7265aaf76c2ee8cdb9583cb2cb229ca69d70326aea174c58426) | <code>Observable&lt;LocalizedText&gt;</code> | Generates the text of an element, potentially replaced by the placeholder |


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchPlaceholder](#_ea5dd940dae8cce13001fc6b39a51e654dac8a5cbd8db42c3b8ba5b28e7d0256)

## WchPlaceholder interface

<b>Signature:</b>

```typescript
export interface WchPlaceholder 
```

## Properties

|  Property | Type | Description |
|  --- | --- | --- |
|  [accessor$](#_4cf45d673674b9041bbbb2011beef5cf51adfecbb5d94f7b9d539bca39ee7d2f) | <code>Observable&lt;string&gt;</code> | The accessor expression |
|  [data$](#_185d242358e9b8dcf1b45ea558ff05da580426e675796ae059ecec0e479b351a) | <code>Observable&lt;any&gt;</code> | Generates the accessed data, decoded from the accessor expression |
|  [formattedText$](#_d7cf998651b3e57eed995317b50bb17bb8cb898a8956d8d2c13c786883d2a59c) | <code>Observable&lt;LocalizedText&gt;</code> | Generates the formatted text of an element, potentially replaced by the placeholder |
|  [placeholder$](#_e2be7227d40f9b139d0820d7061e4ef8cddbfe067832cbcb251f174630ae8b87) | <code>Observable&lt;AuthoringPlaceholder&gt;</code> | Event exposing the current placeholder. If no placeholder exists or placeholders are disabled, this will return 'undefined'. |
|  [placeholderText$](#_72bd6e2e31088ef63f3915a81ba262fe222999cab5f88139cf5a205e5d1a8e37) | <code>Observable&lt;LocalizedText&gt;</code> | Event exposing the current placeholder text. If placeholders are disabled, this will return 'undefined'. If no placeholder has been defined this returns the default placeholder as specified by the application, else 'undefined'. |
|  [plainText$](#_a281ef8f0f0982e411da21294b55f3d1e0cea72542970169be76846489f5ab40) | <code>Observable&lt;LocalizedText&gt;</code> | Generates the text of an element, potentially replaced by the placeholder |
|  [showPlaceholder$](#_4b3e7180756300e712eb450cb6de83378a20667e8e46b0b0978632d4a58e1b93) | <code>Observable&lt;boolean&gt;</code> | Checks if we should show or hide placeholders |
|  [typeId$](#_c43bf4e5c282d87aa0dd3d7283366a76bd280d22335209c0b4428956898bb3c2) | <code>Observable&lt;string&gt;</code> | Decodes the type of the currently accessed element |


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchPlaceholderProvider](#_772231b3e935e90a1903deffb3f239e147d544fadf212fb6e7c045443b700ef0)

## WchPlaceholderProvider interface

<b>Signature:</b>

```typescript
export interface WchPlaceholderProvider 
```

## Properties

|  Property | Type | Description |
|  --- | --- | --- |
|  [getPlaceholder](#_77ce89d3b85aedd55deecbb1f9b57059bd7ff2ed0c39ba41cbf81f90e4ee2181) | <code>(aAccessor: AccessorType, aProvider: RenderingContextProviderV2) =&gt; WchPlaceholder</code> |  |


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchSelectableDirectiveInput](#_32d0803d5334055f6e005aef21d6fdb3d9af3ecf6f4e5c59e1a3b5019d72f6db)

## WchSelectableDirectiveInput interface

Input to the editable directive service

<b>Signature:</b>

```typescript
export interface WchSelectableDirectiveInput 
```

## Properties

|  Property | Type | Description |
|  --- | --- | --- |
|  [wchSelectable$](#_30f7ad524ae9b27dd8a489795443a6d4c95a635fbbfea9cc0df8ec80d7c9815b) | <code>Observable&lt;AccessorType&gt;</code> | Main input value for the directive. It denotes the element that can be selected. |


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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchSelectableDirectiveOutput](#_b0a3f37e21788e0fbee08e4cb39ad3303ea4fc302882433af5b4a9818a001e36)

## WchSelectableDirectiveOutput interface

Output of the editable directive service

<b>Signature:</b>

```typescript
export interface WchSelectableDirectiveOutput 
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchSelectableDirectiveService](#_3e47c6fec70187c2d4faa48b10454228c600b3330174fc382f94b262be8b9323)

## WchSelectableDirectiveService interface

Service that returns an instance of the selectable directive

<b>Signature:</b>

```typescript
export interface WchSelectableDirectiveService 
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [ACOUSTIC\_TOKEN\_ACOUSTIC\_CONFIG](#_ff2d734416d5cf7cf07732c866ce6ff4771242993ba11eaaa665e991afaf4a8b)

## ACOUSTIC\_TOKEN\_ACOUSTIC\_CONFIG variable

Injection token for the wch config

<b>Signature:</b>

```typescript
ACOUSTIC_TOKEN_ACOUSTIC_CONFIG: InjectionToken<Observable<WchConfig>>
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [ACOUSTIC\_TOKEN\_DEBUG\_PLACEHOLDERS](#_8a505ceaddc57f0cd6f0d00bcd2f591fd12fd923667b729144b4099c81e73109)

## ACOUSTIC\_TOKEN\_DEBUG\_PLACEHOLDERS variable

Injection token for placeholder debugging

<b>Signature:</b>

```typescript
ACOUSTIC_TOKEN_DEBUG_PLACEHOLDERS: InjectionToken<boolean>
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [ACOUSTIC\_TOKEN\_DEFAULT\_PLACEHOLDER\_TEXT](#_f103227041dd957070221b23a8b1d612fe39282d06fb5b98b1801834300653ed)

## ACOUSTIC\_TOKEN\_DEFAULT\_PLACEHOLDER\_TEXT variable

Injection token for default placeholder text

<b>Signature:</b>

```typescript
ACOUSTIC_TOKEN_DEFAULT_PLACEHOLDER_TEXT: InjectionToken<import("@acoustic-content-sdk/utils").ObservableOrT<string | import("@acoustic-content-sdk/api").LocalizedText>>
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [ACOUSTIC\_TOKEN\_EDIT\_HOST\_WINDOW](#_ba1d2ea4f005ef00fc61392eb4d09d4b6c203efe9a49697fe8c897a6e0290350)

## ACOUSTIC\_TOKEN\_EDIT\_HOST\_WINDOW variable

Injects the window that acts as the edit host for an application. This is typically the parent window or the opener window.

<b>Signature:</b>

```typescript
ACOUSTIC_TOKEN_EDIT_HOST_WINDOW: InjectionToken<WindowType>
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [ACOUSTIC\_TOKEN\_INLINE\_EDIT\_PROVIDER](#_e86cd3334edc8a6ee09fe65b605a087d085e71562523e9c1eaa76b9e2ed190a0)

## ACOUSTIC\_TOKEN\_INLINE\_EDIT\_PROVIDER variable

Injection token for the inline edit provider

<b>Signature:</b>

```typescript
ACOUSTIC_TOKEN_INLINE_EDIT_PROVIDER: InjectionToken<Observable<WchInlineEditProviderV2>>
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [ACOUSTIC\_TOKEN\_INLINE\_EDIT\_SELECTED\_CELL\_CONSUMER](#_c981f349aae806eaf1a409c571affe21ec16ef193dfccd62d25a0cdc260556fd)

## ACOUSTIC\_TOKEN\_INLINE\_EDIT\_SELECTED\_CELL\_CONSUMER variable

Consumer for inline edit selections

<b>Signature:</b>

```typescript
ACOUSTIC_TOKEN_INLINE_EDIT_SELECTED_CELL_CONSUMER: InjectionToken<string>
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [ACOUSTIC\_TOKEN\_INLINE\_EDIT\_SELECTION\_PROVIDER](#_41ba99357a16f4bd7eb05cca578e0a5905e8518c08c2215a131dbabf5cf3b2a2)

## ACOUSTIC\_TOKEN\_INLINE\_EDIT\_SELECTION\_PROVIDER variable

Provides information about the inline edit selection

<b>Signature:</b>

```typescript
ACOUSTIC_TOKEN_INLINE_EDIT_SELECTION_PROVIDER: InjectionToken<InlineEditSelectionProvider>
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [ACOUSTIC\_TOKEN\_INLINE\_EDIT\_SERVICE](#_c328b081aec9a0b9ec8c3d44f919d300aacf7f9ceea0a59643ffe63e6f98ff49)

## ACOUSTIC\_TOKEN\_INLINE\_EDIT\_SERVICE variable

Token used to inject the `WchInlineEditServiceV2` service.

<b>Signature:</b>

```typescript
ACOUSTIC_TOKEN_INLINE_EDIT_SERVICE: InjectionToken<WchInlineEditServiceV2>
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [ACOUSTIC\_TOKEN\_INLINE\_EDIT\_URL](#_7cd3ab4c238f9cef0bf0e8d151457ac628579c15c90d1fa50d1be91dd1985e59)

## ACOUSTIC\_TOKEN\_INLINE\_EDIT\_URL variable

Injection token for the inline edit URL

<b>Signature:</b>

```typescript
ACOUSTIC_TOKEN_INLINE_EDIT_URL: InjectionToken<StaticHubInfoUrlProvider>
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [ACOUSTIC\_TOKEN\_PLACEHOLDER\_PROVIDER](#_7f1ad2903867b5473cc4365c403e002d0da993dd8deec4ef3f04960297e3a7dd)

## ACOUSTIC\_TOKEN\_PLACEHOLDER\_PROVIDER variable

<b>Signature:</b>

```typescript
ACOUSTIC_TOKEN_PLACEHOLDER_PROVIDER: InjectionToken<WchPlaceholderProvider>
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [DEFAULT\_DEBUG\_PLACEHOLDERS](#_93d2a8570cfcd2430fc08247c145cfbeb2c5272e66b00e5f2fc76a655cb63f46)

## DEFAULT\_DEBUG\_PLACEHOLDERS variable

per default do not debug

<b>Signature:</b>

```typescript
DEFAULT_DEBUG_PLACEHOLDERS = false
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [DEFAULT\_INLINE\_EDIT\_URL](#_61c93f7e1b3710ade56ec6dc4e93a0e794a2111afa880e78a90cb7a452d6e96e)

## DEFAULT\_INLINE\_EDIT\_URL variable

default value for the inline edit URL

<b>Signature:</b>

```typescript
DEFAULT_INLINE_EDIT_URL = "${authoringUIBaseUrl.protocol}//${authoringUIBaseUrl.host}/authoring-sites-ui/inline-edit/inline-edit.js"
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [VERSION](#_f6700f1f5ecf072efbe6a3ef5741862005acc1d89d5023f3781a14c26bf153b4)

## 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="_e5c763f0002f737de842fd783acc86f7b26a85ea191df1c1fe5e4e37382b2ad5"></a>
<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchDefaultPlaceholder](#_e5c763f0002f737de842fd783acc86f7b26a85ea191df1c1fe5e4e37382b2ad5)

## WchDefaultPlaceholder type

type for placeholder

<b>Signature:</b>

```typescript
export declare type WchDefaultPlaceholder = ObservableOrT<string | LocalizedText>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditableFormat](#_220174c16d2a82dbc21883994832f1d02c205be48790fbaf31b3a0e664577a46)

## WchEditableFormat type

Potential values for the 'wchFormat' field

<b>Signature:</b>

```typescript
export declare type WchEditableFormat = 'text' | 'html' | 'auto';
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditableDirectiveInput](#_d6f68d1816e8d204f6298a499496f4f33671b191f2153f9901041c2226d14a96) &gt; [wchEditable$](#_08bbcb1bc5206d5b40bf91941f6b1a21bb008d6b109ced637e9916c1e59823e8)

## WchEditableDirectiveInput.wchEditable$ property

Main input value for the directive. It denotes the element that is being edited.

<b>Signature:</b>

```typescript
wchEditable$: Observable<AccessorType>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditableDirectiveOutput](#_c82a7bfa0de57f89a22b2c15ec3017c6aa68d4f3f0fc528d3c10ce812dbfeb59) &gt; [accessor$](#_5a2fd0d33780191c72c08656783811d23eec1f90c210a19a8382b75854d56dcb)

## WchEditableDirectiveOutput.accessor$ property

The accessor expression

<b>Signature:</b>

```typescript
accessor$: Observable<string>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditableDirectiveOutput](#_c82a7bfa0de57f89a22b2c15ec3017c6aa68d4f3f0fc528d3c10ce812dbfeb59) &gt; [data$](#_df92c91300f647c2b7f4597c23e5db949185fd0e564cd814d219d218e56b28e7)

## WchEditableDirectiveOutput.data$ property

Generates the accessed data, decoded from the accessor expression

<b>Signature:</b>

```typescript
data$: Observable<any>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditableDirectiveOutput](#_c82a7bfa0de57f89a22b2c15ec3017c6aa68d4f3f0fc528d3c10ce812dbfeb59) &gt; [placeholder$](#_8bfae04506b06631f379025d614dc075a8f9f7dad1ef5f6474dc0c673411fd67)

## WchEditableDirectiveOutput.placeholder$ property

Event exposing the current placeholder. If no placeholder exists or placeholders are disabled, this will return `undefined`<!-- -->.

<b>Signature:</b>

```typescript
placeholder$: Observable<AuthoringPlaceholder>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditableDirectiveOutput](#_c82a7bfa0de57f89a22b2c15ec3017c6aa68d4f3f0fc528d3c10ce812dbfeb59) &gt; [placeholderText$](#_b0cfca4186f5bacc88c17d87395876d6d116dc6e23887c4b6a0a93acc68c87b0)

## WchEditableDirectiveOutput.placeholderText$ property

Event exposing the current placeholder text. If placeholders are disabled, this will return. If no placeholder has been defined this returns the default placeholder as specified by the application

<b>Signature:</b>

```typescript
placeholderText$: Observable<LocalizedText>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditableDirectiveOutput](#_c82a7bfa0de57f89a22b2c15ec3017c6aa68d4f3f0fc528d3c10ce812dbfeb59) &gt; [showPlaceholder$](#_c6416bebaaebf8525cf5868b26902f6eb797751fea0410b4bb4de01cfc3c6f80)

## WchEditableDirectiveOutput.showPlaceholder$ property

Checks if we should show or hide placeholders

<b>Signature:</b>

```typescript
showPlaceholder$: Observable<boolean>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditableDirectiveOutput](#_c82a7bfa0de57f89a22b2c15ec3017c6aa68d4f3f0fc528d3c10ce812dbfeb59) &gt; [typeId$](#_7a522e8ea5f9e14448f0416100742efafa8e39bda91fc122cbdfe6150150f7b5)

## WchEditableDirectiveOutput.typeId$ property

Generates the type of the current element

<b>Signature:</b>

```typescript
typeId$: Observable<string>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditableDirectiveOutput](#_c82a7bfa0de57f89a22b2c15ec3017c6aa68d4f3f0fc528d3c10ce812dbfeb59) &gt; [wchEditable$](#_b70b6839779c9bf92ddff9a8532bcad80ac47e12ce195f36b61e0548e4f4560f)

## WchEditableDirectiveOutput.wchEditable$ property

Event that tells about the inline edit process

<b>Signature:</b>

```typescript
wchEditable$: Observable<WchEditableEvent>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [EditHubInfoService](#_74a4fadfd62281e62103a2487cb4daa7717e7b8e885ae6992b320e7762e6b524) &gt; [debugPlaceholders](#_7e6bce2eaa765361790cd3827c29ef0963367fc859cc0f541602257126b3e1b4)

## EditHubInfoService.debugPlaceholders property

Enable or disable placeholders even if inline edit mode has not been enabled

<b>Signature:</b>

```typescript
readonly debugPlaceholders?: boolean;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [EditHubInfoService](#_74a4fadfd62281e62103a2487cb4daa7717e7b8e885ae6992b320e7762e6b524) &gt; [defaultPlaceholderText](#_12b437dd9a87ae25c39c99cf21934a585faede128880e5aaa46a1ac058aafe72)

## EditHubInfoService.defaultPlaceholderText property

Provide a default placeholder text

<b>Signature:</b>

```typescript
readonly defaultPlaceholderText?: WchDefaultPlaceholder;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [EditHubInfoService](#_74a4fadfd62281e62103a2487cb4daa7717e7b8e885ae6992b320e7762e6b524) &gt; [inlineEditUrl](#_4889ee7abc917f78e2168053e255573c105f361ae5ffc13c4fd454fa5d504b2a)

## EditHubInfoService.inlineEditUrl property

<b>Signature:</b>

```typescript
readonly inlineEditUrl?: HubInfoUrlProvider;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [EditHubInfoService](#_74a4fadfd62281e62103a2487cb4daa7717e7b8e885ae6992b320e7762e6b524) &gt; [placeholderTag](#_c280b49a2361c3b54c2055d12117fbbc4cd4207f02aebe105ae07037c09730f2)

## EditHubInfoService.placeholderTag property

Tag used to find placeholder content items. If left undefined, placeholders will not be inserted, automatically

<b>Signature:</b>

```typescript
readonly placeholderTag?: string;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [EditHubInfoService](#_74a4fadfd62281e62103a2487cb4daa7717e7b8e885ae6992b320e7762e6b524) &gt; [throttleLoading](#_88fcd3e8a3f8c3d063fc839af4d814285de2dec6a5f6944b02d2d979aa06587c)

## EditHubInfoService.throttleLoading property

Throttle loading of lib

<b>Signature:</b>

```typescript
readonly throttleLoading?: number;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditablePlaceholderDirectiveInput](#_9ba6d7467169b95fda963a23ac5caedff991655b703225ba805b17fa57c92f5e) &gt; [wchFormat$](#_2e2ab0a2b3a3b94594f63bada709020a8ac19709013ed4229d06c490d59432c4)

## WchEditablePlaceholderDirectiveInput.wchFormat$ property

If specified, the directive will update the textual content of the attached node with either the value of the edited property or with the configured placeholder, if there is any. The format flag describes if the value is considered to be plain text ('text'), formatted text ('html') or if the type is to be discovered automatically.

If missing, the property has to be updated by the designer of the template, explicitly.

<b>Signature:</b>

```typescript
wchFormat$: Observable<WchEditableFormat>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchPlaceholder](#_ea5dd940dae8cce13001fc6b39a51e654dac8a5cbd8db42c3b8ba5b28e7d0256) &gt; [accessor$](#_4cf45d673674b9041bbbb2011beef5cf51adfecbb5d94f7b9d539bca39ee7d2f)

## WchPlaceholder.accessor$ property

The accessor expression

<b>Signature:</b>

```typescript
accessor$: Observable<string>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchPlaceholder](#_ea5dd940dae8cce13001fc6b39a51e654dac8a5cbd8db42c3b8ba5b28e7d0256) &gt; [data$](#_185d242358e9b8dcf1b45ea558ff05da580426e675796ae059ecec0e479b351a)

## WchPlaceholder.data$ property

Generates the accessed data, decoded from the accessor expression

<b>Signature:</b>

```typescript
data$: Observable<any>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchPlaceholder](#_ea5dd940dae8cce13001fc6b39a51e654dac8a5cbd8db42c3b8ba5b28e7d0256) &gt; [formattedText$](#_d7cf998651b3e57eed995317b50bb17bb8cb898a8956d8d2c13c786883d2a59c)

## WchPlaceholder.formattedText$ property

Generates the formatted text of an element, potentially replaced by the placeholder

<b>Signature:</b>

```typescript
formattedText$: Observable<LocalizedText>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchPlaceholder](#_ea5dd940dae8cce13001fc6b39a51e654dac8a5cbd8db42c3b8ba5b28e7d0256) &gt; [placeholder$](#_e2be7227d40f9b139d0820d7061e4ef8cddbfe067832cbcb251f174630ae8b87)

## WchPlaceholder.placeholder$ property

Event exposing the current placeholder. If no placeholder exists or placeholders are disabled, this will return 'undefined'.

<b>Signature:</b>

```typescript
placeholder$: Observable<AuthoringPlaceholder>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchPlaceholder](#_ea5dd940dae8cce13001fc6b39a51e654dac8a5cbd8db42c3b8ba5b28e7d0256) &gt; [placeholderText$](#_72bd6e2e31088ef63f3915a81ba262fe222999cab5f88139cf5a205e5d1a8e37)

## WchPlaceholder.placeholderText$ property

Event exposing the current placeholder text. If placeholders are disabled, this will return 'undefined'. If no placeholder has been defined this returns the default placeholder as specified by the application, else 'undefined'.

<b>Signature:</b>

```typescript
placeholderText$: Observable<LocalizedText>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchPlaceholder](#_ea5dd940dae8cce13001fc6b39a51e654dac8a5cbd8db42c3b8ba5b28e7d0256) &gt; [plainText$](#_a281ef8f0f0982e411da21294b55f3d1e0cea72542970169be76846489f5ab40)

## WchPlaceholder.plainText$ property

Generates the text of an element, potentially replaced by the placeholder

<b>Signature:</b>

```typescript
plainText$: Observable<LocalizedText>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchPlaceholder](#_ea5dd940dae8cce13001fc6b39a51e654dac8a5cbd8db42c3b8ba5b28e7d0256) &gt; [showPlaceholder$](#_4b3e7180756300e712eb450cb6de83378a20667e8e46b0b0978632d4a58e1b93)

## WchPlaceholder.showPlaceholder$ property

Checks if we should show or hide placeholders

<b>Signature:</b>

```typescript
showPlaceholder$: Observable<boolean>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchPlaceholder](#_ea5dd940dae8cce13001fc6b39a51e654dac8a5cbd8db42c3b8ba5b28e7d0256) &gt; [typeId$](#_c43bf4e5c282d87aa0dd3d7283366a76bd280d22335209c0b4428956898bb3c2)

## WchPlaceholder.typeId$ property

Decodes the type of the currently accessed element

<b>Signature:</b>

```typescript
typeId$: Observable<string>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditablePlaceholderDirectiveOutput](#_9feaffcd9a1a46513483a88356db7e4d516ee7f90e68cbd76b074ded2b7a3215) &gt; [formattedText$](#_35ffdda42b893aa97bbafbabe8f15124cb72edde2b1c399bb2ad9c03e76be638)

## WchEditablePlaceholderDirectiveOutput.formattedText$ property

Generates the formatted text of an element, potentially replaced by the placeholder

<b>Signature:</b>

```typescript
formattedText$: Observable<LocalizedText>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchEditablePlaceholderDirectiveOutput](#_9feaffcd9a1a46513483a88356db7e4d516ee7f90e68cbd76b074ded2b7a3215) &gt; [plainText$](#_16e3b2d65899d7265aaf76c2ee8cdb9583cb2cb229ca69d70326aea174c58426)

## WchEditablePlaceholderDirectiveOutput.plainText$ property

Generates the text of an element, potentially replaced by the placeholder

<b>Signature:</b>

```typescript
plainText$: Observable<LocalizedText>;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchPlaceholderProvider](#_772231b3e935e90a1903deffb3f239e147d544fadf212fb6e7c045443b700ef0) &gt; [getPlaceholder](#_77ce89d3b85aedd55deecbb1f9b57059bd7ff2ed0c39ba41cbf81f90e4ee2181)

## WchPlaceholderProvider.getPlaceholder property

<b>Signature:</b>

```typescript
getPlaceholder: (aAccessor: AccessorType, aProvider: RenderingContextProviderV2) => WchPlaceholder;
```

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

[Home](#_8907da9516dbc208319ea6c071ac4ee51f972a420c43f969a6aca6a66ff816db) &gt; [@acoustic-content-sdk/ng-edit-api](#_ac68dab3e60a1c46fda9b40a71240d5d7e0099c34e190edbbd199ba0b72421a9) &gt; [WchSelectableDirectiveInput](#_32d0803d5334055f6e005aef21d6fdb3d9af3ecf6f4e5c59e1a3b5019d72f6db) &gt; [wchSelectable$](#_30f7ad524ae9b27dd8a489795443a6d4c95a635fbbfea9cc0df8ec80d7c9815b)

## WchSelectableDirectiveInput.wchSelectable$ property

Main input value for the directive. It denotes the element that can be selected.

<b>Signature:</b>

```typescript
wchSelectable$: Observable<AccessorType>;
```

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