# fields-layout



<!-- Auto Generated Below -->


## Properties

| Property          | Attribute | Description | Type                | Default     |
| ----------------- | --------- | ----------- | ------------------- | ----------- |
| `dataUnit`        | --        |             | `DataUnit`          | `undefined` |
| `groupsList`      | --        |             | `IGroupConfig[]`    | `[]`        |
| `guideNames`      | --        |             | `string[]`          | `[]`        |
| `messagesBuilder` | --        |             | `SnkMessageBuilder` | `undefined` |
| `selectedGuide`   | --        |             | `IGuideConfig`      | `undefined` |


## Events

| Event                     | Description | Type                          |
| ------------------------- | ----------- | ----------------------------- |
| `guideRenamed`            |             | `CustomEvent<string>`         |
| `isEditingGroupName`      |             | `CustomEvent<boolean>`        |
| `isEditingGuideName`      |             | `CustomEvent<boolean>`        |
| `layoutChanged`           |             | `CustomEvent<IGroupConfig[]>` |
| `setFieldListAsAvailable` |             | `CustomEvent<IFieldConfig[]>` |


## Methods

### `addFieldToLayout(incomingField: IFieldConfig) => Promise<void>`



#### Returns

Type: `Promise<void>`




## Dependencies

### Used by

 - [snk-form-config](..)

### Depends on

- [field-item](../field-item)

### Graph
```mermaid
graph TD;
  fields-layout --> field-item
  field-item --> field-config
  snk-form-config --> fields-layout
  style fields-layout fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------