## VaultDisplayWidget
Class VaultDisplayWidget include method for working on html
**Kind**: global class
* [VaultDisplayWidget](#VaultDisplayWidget)
* [new VaultDisplayWidget(selector, token)](#new_VaultDisplayWidget_new)
* [.setEnv(env, [alias])](#VaultDisplayWidget+setEnv)
* [.on(eventName, [cb])](#VaultDisplayWidget+on) ⇒ Promise.<(IEventData\|void)>
* [.setStyles(fields)](#VaultDisplayWidget+setStyles)
* [.load()](#VaultDisplayWidget+load)
### new VaultDisplayWidget(selector, token)
| Param | Type | Description |
| --- | --- | --- |
| selector | string | Selector of html element. Container for widget |
| token | string | One time token |
**Example**
```js
var widget = new VaultDisplayWidget('#widget', 'token');
```
### vaultDisplayWidget.setEnv(env, [alias])
Current method can change environment. By default environment = sandbox.
Also we can change domain alias for this environment. By default domain_alias = paydock.com
**Kind**: instance method of [VaultDisplayWidget](#VaultDisplayWidget)
| Param | Type | Description |
| --- | --- | --- |
| env | string | sandbox, production |
| [alias] | string | Own domain alias |
**Example**
```js
widget.setEnv('production', 'paydock.com');
```
### vaultDisplayWidget.on(eventName, [cb]) ⇒ Promise.<(IEventData\|void)>
Listen to events of widget
**Kind**: instance method of [VaultDisplayWidget](#VaultDisplayWidget)
| Param | Type | Description |
| --- | --- | --- |
| eventName | string | Available event names [VAULT_DISPLAY_EVENT](VAULT_DISPLAY_EVENT) |
| [cb] | listener | |
**Example**
```js
widget.on('after_load', function (data) {
console.log(data);
});
// or
widget.on('after_load').then(function (data) {
console.log(data);
});
```
### vaultDisplayWidget.setStyles(fields)
Object contain styles for widget
**Kind**: instance method of [VaultDisplayWidget](#VaultDisplayWidget)
| Param | Type | Description |
| --- | --- | --- |
| fields | VaultDisplayStyle | name of styles which can be shown in widget [VAULT_DISPLAY_STYLE](VAULT_DISPLAY_STYLE) |
**Example**
```js
widget.setStyles({
background_color: '#fff',
border_color: 'yellow',
text_color: '#FFFFAA',
button_color: 'rgba(255, 255, 255, 0.9)',
font_size: '20px',
fort_family: 'fantasy'
});
```
### vaultDisplayWidget.load()
The final method to beginning, the load process of widget to html
**Kind**: instance method of [VaultDisplayWidget](#VaultDisplayWidget)