---
title: "ToolbarCollection"
---
# ToolbarCollection

Defined in: [src/modules/toolbar/collection/collection.ts:39](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L39)

The base class of all Jodit UI components. Provides work with a life cycle.

## Extends

- [`UIList`](./ui_group.UIList.html)\<`T`\>

## Extended by

- [`ToolbarEditorCollection`](./toolbar_collection.ToolbarEditorCollection.html)

## Type Parameters

| Type Parameter | Default type |
| ------ | ------ |
| `T` *extends* [`IViewWithToolbar`](../interfaces/types.IViewWithToolbar.html) | [`IViewWithToolbar`](../interfaces/types.IViewWithToolbar.html) |

## Implements

- [`IToolbarCollection`](../interfaces/types.IToolbarCollection.html)

### Constructor

**new ToolbarCollection**\<`T`\>(`jodit`): `ToolbarCollection`\<`T`\>

Defined in: [src/modules/toolbar/collection/collection.ts:123](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L123)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `jodit` | [`IViewBased`](../interfaces/types.IViewBased.html) |

#### Returns

`ToolbarCollection`\<`T`\>

#### Overrides

[`UIList`](./ui_group.UIList.html).[`constructor`](./ui_group.UIList.html#constructor)

### STATUSES

`static` **STATUSES**: `object`

Defined in: [src/core/component/component.ts:40](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L40)

#### beforeInit

`readonly` **beforeInit**: `"beforeInit"` = `'beforeInit'`

#### ready

`readonly` **ready**: `"ready"` = `'ready'`

#### beforeDestruct

`readonly` **beforeDestruct**: `"beforeDestruct"` = `'beforeDestruct'`

#### destructed

`readonly` **destructed**: `"destructed"` = `'destructed'`

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`STATUSES`](./ui_group.UIList.html#statuses)

***

### async

**async**: [`IAsync`](../interfaces/types.IAsync.html)

Defined in: [src/core/component/component.ts:44](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L44)

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`async`](../interfaces/types.IToolbarCollection.html#async)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`async`](./ui_group.UIList.html#async)

***

### uid

`readonly` **uid**: `string`

Defined in: [src/core/component/component.ts:59](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L59)

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`uid`](../interfaces/types.IToolbarCollection.html#uid)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`uid`](./ui_group.UIList.html#uid)

***

### ownerWindow

**ownerWindow**: [`Window`](https://developer.mozilla.org/docs/Web/API/Window) = `window`

Defined in: [src/core/component/component.ts:109](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L109)

The window in which jodit was created

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`ownerWindow`](../interfaces/types.IToolbarCollection.html#ownerwindow)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`ownerWindow`](./ui_group.UIList.html#ownerwindow)

***

### container

**container**: [`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement)

Defined in: [src/core/ui/element.ts:34](https://github.com/xdan/jodit/blob/main/src/core/ui/element.ts#L34)

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`container`](../interfaces/types.IToolbarCollection.html#container)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`container`](./ui_group.UIList.html#container)

***

### name

**name**: `string` = `''`

Defined in: [src/core/ui/element.ts:35](https://github.com/xdan/jodit/blob/main/src/core/ui/element.ts#L35)

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`name`](../interfaces/types.IToolbarCollection.html#name)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`name`](./ui_group.UIList.html#name)

***

### mods

`readonly` **mods**: [`IDictionary`](../modules/types.html#idictionary)\<`string` \| `boolean` \| `null`\> = `{}`

Defined in: [src/core/ui/element.ts:133](https://github.com/xdan/jodit/blob/main/src/core/ui/element.ts#L133)

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`mods`](../interfaces/types.IToolbarCollection.html#mods)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`mods`](./ui_group.UIList.html#mods)

***

### syncMod

**syncMod**: `boolean` = `false`

Defined in: [src/core/ui/group/group.ts:45](https://github.com/xdan/jodit/blob/main/src/core/ui/group/group.ts#L45)

Synchronize mods to all children

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`syncMod`](./ui_group.UIList.html#syncmod)

***

### elements

**elements**: [`IUIElement`](../interfaces/types.IUIElement.html)[] = `[]`

Defined in: [src/core/ui/group/group.ts:47](https://github.com/xdan/jodit/blob/main/src/core/ui/group/group.ts#L47)

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`elements`](../interfaces/types.IToolbarCollection.html#elements)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`elements`](./ui_group.UIList.html#elements)

***

### buttonSize

**buttonSize**: `"small"` \| `"tiny"` \| `"xsmall"` \| `"middle"` \| `"large"` = `'middle'`

Defined in: [src/core/ui/group/group.ts:74](https://github.com/xdan/jodit/blob/main/src/core/ui/group/group.ts#L74)

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`buttonSize`](../interfaces/types.IToolbarCollection.html#buttonsize)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`buttonSize`](./ui_group.UIList.html#buttonsize)

***

### options?

`readonly` `optional` **options?**: [`IDictionary`](../modules/types.html#idictionary)

Defined in: [src/core/ui/group/group.ts:194](https://github.com/xdan/jodit/blob/main/src/core/ui/group/group.ts#L194)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`options`](./ui_group.UIList.html#options)

***

### jodit

**jodit**: `T`

Defined in: [src/core/ui/group/list.ts:49](https://github.com/xdan/jodit/blob/main/src/core/ui/group/list.ts#L49)

Parent View element

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`jodit`](../interfaces/types.IToolbarCollection.html#jodit)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`jodit`](./ui_group.UIList.html#jodit)

***

### mode

**mode**: `"vertical"` \| `"horizontal"` = `'horizontal'`

Defined in: [src/core/ui/group/list.ts:51](https://github.com/xdan/jodit/blob/main/src/core/ui/group/list.ts#L51)

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`mode`](../interfaces/types.IToolbarCollection.html#mode)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`mode`](./ui_group.UIList.html#mode)

#### Get Signature

**get** **componentName**(): `string`

Defined in: [src/core/component/component.ts:46](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L46)

##### Returns

`string`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`componentName`](../interfaces/types.IToolbarCollection.html#componentname)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`componentName`](./ui_group.UIList.html#componentname)

***

#### Get Signature

**get** **ownerDocument**(): [`Document`](https://developer.mozilla.org/docs/Web/API/Document)

Defined in: [src/core/component/component.ts:95](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L95)

The document in which jodit was created

##### Returns

[`Document`](https://developer.mozilla.org/docs/Web/API/Document)

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`ownerDocument`](../interfaces/types.IToolbarCollection.html#ownerdocument)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`ownerDocument`](./ui_group.UIList.html#ownerdocument)

***

#### Get Signature

**get** **od**(): [`Document`](https://developer.mozilla.org/docs/Web/API/Document)

Defined in: [src/core/component/component.ts:102](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L102)

Shortcut for `this.ownerDocument`

##### Returns

[`Document`](https://developer.mozilla.org/docs/Web/API/Document)

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`od`](../interfaces/types.IToolbarCollection.html#od)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`od`](./ui_group.UIList.html#od)

***

#### Get Signature

**get** **ow**(): [`Window`](https://developer.mozilla.org/docs/Web/API/Window)

Defined in: [src/core/component/component.ts:110](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L110)

##### Returns

[`Window`](https://developer.mozilla.org/docs/Web/API/Window)

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`ow`](../interfaces/types.IToolbarCollection.html#ow)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`ow`](./ui_group.UIList.html#ow)

***

#### Get Signature

**get** **isReady**(): `boolean`

Defined in: [src/core/component/component.ts:145](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L145)

Component is ready for work

##### Returns

`boolean`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`isReady`](../interfaces/types.IToolbarCollection.html#isready)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`isReady`](./ui_group.UIList.html#isready)

***

#### Get Signature

**get** **isDestructed**(): `boolean`

Defined in: [src/core/component/component.ts:152](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L152)

Component was destructed

##### Returns

`boolean`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`isDestructed`](../interfaces/types.IToolbarCollection.html#isdestructed)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`isDestructed`](./ui_group.UIList.html#isdestructed)

***

#### Get Signature

**get** **isInDestruct**(): `boolean`

Defined in: [src/core/component/component.ts:160](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L160)

The component is currently undergoing destructuring or has already been destroyed.
Those. you should not the app froze new events on him now or do anything else with him.

##### Returns

`boolean`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`isInDestruct`](../interfaces/types.IToolbarCollection.html#isindestruct)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`isInDestruct`](./ui_group.UIList.html#isindestruct)

***

#### Get Signature

**get** **componentStatus**(): [`ComponentStatus`](../modules/types.html#componentstatus)

Defined in: [src/core/component/component.ts:210](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L210)

Current component status

##### Returns

[`ComponentStatus`](../modules/types.html#componentstatus)

#### Set Signature

**set** **componentStatus**(`componentStatus`): `void`

Defined in: [src/core/component/component.ts:217](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L217)

Setter for current component status

##### Parameters

| Parameter | Type |
| ------ | ------ |
| `componentStatus` | [`ComponentStatus`](../modules/types.html#componentstatus) |

##### Returns

`void`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`componentStatus`](../interfaces/types.IToolbarCollection.html#componentstatus)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`componentStatus`](./ui_group.UIList.html#componentstatus)

***

#### Get Signature

**get** **j**(): `T`

Defined in: [src/core/component/view-component.ts:27](https://github.com/xdan/jodit/blob/main/src/core/component/view-component.ts#L27)

Shortcut for `this.jodit`

##### Returns

`T`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`j`](../interfaces/types.IToolbarCollection.html#j)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`j`](./ui_group.UIList.html#j)

***

#### Get Signature

**get** **defaultTimeout**(): `number`

Defined in: [src/core/component/view-component.ts:31](https://github.com/xdan/jodit/blob/main/src/core/component/view-component.ts#L31)

##### Returns

`number`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`defaultTimeout`](../interfaces/types.IToolbarCollection.html#defaulttimeout)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`defaultTimeout`](./ui_group.UIList.html#defaulttimeout)

***

#### Get Signature

**get** **parentElement**(): [`Nullable`](../modules/types.html#nullable)\<[`IUIElement`](../interfaces/types.IUIElement.html)\>

Defined in: [src/core/ui/element.ts:45](https://github.com/xdan/jodit/blob/main/src/core/ui/element.ts#L45)

##### Returns

[`Nullable`](../modules/types.html#nullable)\<[`IUIElement`](../interfaces/types.IUIElement.html)\>

#### Set Signature

**set** **parentElement**(`parentElement`): `void`

Defined in: [src/core/ui/element.ts:49](https://github.com/xdan/jodit/blob/main/src/core/ui/element.ts#L49)

##### Parameters

| Parameter | Type |
| ------ | ------ |
| `parentElement` | [`Nullable`](../modules/types.html#nullable)\<[`IUIElement`](../interfaces/types.IUIElement.html)\> |

##### Returns

`void`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`parentElement`](../interfaces/types.IToolbarCollection.html#parentelement)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`parentElement`](./ui_group.UIList.html#parentelement)

***

#### Get Signature

**get** **allChildren**(): [`IUIElement`](../interfaces/types.IUIElement.html)[]

Defined in: [src/core/ui/group/group.ts:52](https://github.com/xdan/jodit/blob/main/src/core/ui/group/group.ts#L52)

All group children

##### Returns

[`IUIElement`](../interfaces/types.IUIElement.html)[]

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`allChildren`](../interfaces/types.IToolbarCollection.html#allchildren)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`allChildren`](./ui_group.UIList.html#allchildren)

***

#### Get Signature

**get** **buttons**(): [`IUIButton`](../interfaces/types.IUIButton.html)[]

Defined in: [src/core/ui/group/list.ts:69](https://github.com/xdan/jodit/blob/main/src/core/ui/group/list.ts#L69)

All buttons from list

##### Returns

[`IUIButton`](../interfaces/types.IUIButton.html)[]

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`buttons`](../interfaces/types.IToolbarCollection.html#buttons)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`buttons`](./ui_group.UIList.html#buttons)

***

#### Get Signature

**get** **firstButton**(): [`Nullable`](../modules/types.html#nullable)\<[`IToolbarButton`](../interfaces/types.IToolbarButton.html)\>

Defined in: [src/modules/toolbar/collection/collection.ts:58](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L58)

First button in a list

##### Returns

[`Nullable`](../modules/types.html#nullable)\<[`IToolbarButton`](../interfaces/types.IToolbarButton.html)\>

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`firstButton`](../interfaces/types.IToolbarCollection.html#firstbutton)

#### Call Signature

**getFullElName**(`elementName`): `string`

Defined in: [src/core/component/component.ts:65](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L65)

Calc BEM element class name

##### Parameters

| Parameter | Type | Description |
| ------ | ------ | ------ |
| `elementName` | `string` | element name in the bem classification |

##### Returns

`string`

##### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`getFullElName`](../interfaces/types.IToolbarCollection.html#getfullelname)

##### Inherited from

[`UIList`](./ui_group.UIList.html).[`getFullElName`](./ui_group.UIList.html#getfullelname)

#### Call Signature

**getFullElName**(`elementName`, `mod`): `string`

Defined in: [src/core/component/component.ts:66](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L66)

Calc BEM element class name

##### Parameters

| Parameter | Type | Description |
| ------ | ------ | ------ |
| `elementName` | `string` | element name in the bem classification |
| `mod` | `string` | - |

##### Returns

`string`

##### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`getFullElName`](../interfaces/types.IToolbarCollection.html#getfullelname)

##### Inherited from

[`UIList`](./ui_group.UIList.html).[`getFullElName`](./ui_group.UIList.html#getfullelname)

#### Call Signature

**getFullElName**(`elementName`, `mod`, `modValue`): `string`

Defined in: [src/core/component/component.ts:67](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L67)

Calc BEM element class name

##### Parameters

| Parameter | Type | Description |
| ------ | ------ | ------ |
| `elementName` | `string` | element name in the bem classification |
| `mod` | `string` | - |
| `modValue` | `string` \| `boolean` | - |

##### Returns

`string`

##### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`getFullElName`](../interfaces/types.IToolbarCollection.html#getfullelname)

##### Inherited from

[`UIList`](./ui_group.UIList.html).[`getFullElName`](./ui_group.UIList.html#getfullelname)

***

### bindDestruct()

**bindDestruct**(`component`): `this`

Defined in: [src/core/component/component.ts:170](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L170)

Bind destructor to some View

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `component` | [`IComponent`](../interfaces/types.IComponent.html) |

#### Returns

`this`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`bindDestruct`](../interfaces/types.IToolbarCollection.html#binddestruct)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`bindDestruct`](./ui_group.UIList.html#binddestruct)

***

### setStatus()

**setStatus**(`componentStatus`): `void`

Defined in: [src/core/component/component.ts:226](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L226)

Set component status

#### Parameters

| Parameter | Type | Description |
| ------ | ------ | ------ |
| `componentStatus` | [`ComponentStatus`](../modules/types.html#componentstatus) | component status |

#### Returns

`void`

#### See

ComponentStatus

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`setStatus`](../interfaces/types.IToolbarCollection.html#setstatus)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`setStatus`](./ui_group.UIList.html#setstatus)

***

### hookStatus()

**hookStatus**(`status`, `callback`): `void`

Defined in: [src/core/component/component.ts:265](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L265)

Adds a handler for changing the component's status

#### Parameters

| Parameter | Type | Description |
| ------ | ------ | ------ |
| `status` | [`ComponentStatus`](../modules/types.html#componentstatus) | the status at which the callback is triggered |
| `callback` | (`component`) => `void` | a function that will be called when the status is `status` |

#### Returns

`void`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`hookStatus`](../interfaces/types.IToolbarCollection.html#hookstatus)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`hookStatus`](./ui_group.UIList.html#hookstatus)

***

### isInstanceOf()

`static` **isInstanceOf**\<`T`\>(`c`, `constructorFunc`): `c is T`

Defined in: [src/core/component/component.ts:283](https://github.com/xdan/jodit/blob/main/src/core/component/component.ts#L283)

#### Type Parameters

| Type Parameter |
| ------ |
| `T` *extends* [`Component`](./component.Component.html) |

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `c` | `unknown` |
| `constructorFunc` | [`Function`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Function) |

#### Returns

`c is T`

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`isInstanceOf`](./ui_group.UIList.html#isinstanceof)

***

### i18n()

**i18n**(`text`, ...`params`): `string`

Defined in: [src/core/component/view-component.ts:35](https://github.com/xdan/jodit/blob/main/src/core/component/view-component.ts#L35)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `text` | `string` |
| ...`params` | (`string` \| `number`)[] |

#### Returns

`string`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`i18n`](../interfaces/types.IToolbarCollection.html#i18n)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`i18n`](./ui_group.UIList.html#i18n)

***

### getElm()

**getElm**\<`T`\>(`this`, `elementName`): [`Nullable`](../modules/types.html#nullable)\<[`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement)\>

Defined in: [src/core/traits/elms.ts:18](https://github.com/xdan/jodit/blob/main/src/core/traits/elms.ts#L18)

Return element with BEM class name

#### Type Parameters

| Type Parameter |
| ------ |
| `T` *extends* [`IComponent`](../interfaces/types.IComponent.html)\<[`IViewBased`](../interfaces/types.IViewBased.html)\<[`IViewOptions`](../interfaces/types.IViewOptions.html)\>\> & [`IContainer`](../interfaces/types.IContainer.html) & [`IElms`](../interfaces/types.IElms.html) |

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `this` | `T` |
| `elementName` | `string` |

#### Returns

[`Nullable`](../modules/types.html#nullable)\<[`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement)\>

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`getElm`](../interfaces/types.IToolbarCollection.html#getelm)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`getElm`](./ui_group.UIList.html#getelm)

***

### getElms()

**getElms**\<`T`\>(`this`, `elementName`): [`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement)[]

Defined in: [src/core/traits/elms.ts:34](https://github.com/xdan/jodit/blob/main/src/core/traits/elms.ts#L34)

Return elements with BEM class name

#### Type Parameters

| Type Parameter |
| ------ |
| `T` *extends* [`IComponent`](../interfaces/types.IComponent.html)\<[`IViewBased`](../interfaces/types.IViewBased.html)\<[`IViewOptions`](../interfaces/types.IViewOptions.html)\>\> & [`IContainer`](../interfaces/types.IContainer.html) & [`IElms`](../interfaces/types.IElms.html) |

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `this` | `T` |
| `elementName` | `string` |

#### Returns

[`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement)[]

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`getElms`](../interfaces/types.IToolbarCollection.html#getelms)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`getElms`](./ui_group.UIList.html#getelms)

***

### setMod()

**setMod**\<`T`\>(`this`, `name`, `value`, `container?`): `T`

Defined in: [src/core/traits/mods.ts:30](https://github.com/xdan/jodit/blob/main/src/core/traits/mods.ts#L30)

Set/remove BEM class modification

#### Type Parameters

| Type Parameter |
| ------ |
| `T` *extends* [`IComponent`](../interfaces/types.IComponent.html)\<[`IViewBased`](../interfaces/types.IViewBased.html)\<[`IViewOptions`](../interfaces/types.IViewOptions.html)\>\> & [`IContainer`](../interfaces/types.IContainer.html) & [`IMods`](../interfaces/types.IMods.html) |

#### Parameters

| Parameter | Type | Description |
| ------ | ------ | ------ |
| `this` | `T` | - |
| `name` | `string` | - |
| `value` | [`ModType`](../modules/types.html#modtype) | if null, mod will be removed |
| `container?` | [`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement) | - |

#### Returns

`T`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`setMod`](../interfaces/types.IToolbarCollection.html#setmod)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`setMod`](./ui_group.UIList.html#setmod)

***

### getMod()

**getMod**(`this`, `name`): [`ModType`](../modules/types.html#modtype)

Defined in: [src/core/traits/mods.ts:64](https://github.com/xdan/jodit/blob/main/src/core/traits/mods.ts#L64)

Get BEM class modification value

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `this` | [`IMods`](../interfaces/types.IMods.html) |
| `name` | `string` |

#### Returns

[`ModType`](../modules/types.html#modtype)

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`getMod`](../interfaces/types.IToolbarCollection.html#getmod)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`getMod`](./ui_group.UIList.html#getmod)

***

### bubble()

**bubble**(`callback`): `this`

Defined in: [src/core/ui/element.ts:59](https://github.com/xdan/jodit/blob/main/src/core/ui/element.ts#L59)

Apply callback for all parents

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `callback` | (`parent`) => `void` |

#### Returns

`this`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`bubble`](../interfaces/types.IToolbarCollection.html#bubble)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`bubble`](./ui_group.UIList.html#bubble)

***

### updateParentElement()

**updateParentElement**(`target`): `this`

Defined in: [src/core/ui/element.ts:70](https://github.com/xdan/jodit/blob/main/src/core/ui/element.ts#L70)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `target` | [`IUIElement`](../interfaces/types.IUIElement.html) |

#### Returns

`this`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`updateParentElement`](../interfaces/types.IToolbarCollection.html#updateparentelement)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`updateParentElement`](./ui_group.UIList.html#updateparentelement)

***

### get()

**get**\<`T`\>(`chain`, `obj?`): [`Nullable`](../modules/types.html#nullable)\<`T`\>

Defined in: [src/core/ui/element.ts:76](https://github.com/xdan/jodit/blob/main/src/core/ui/element.ts#L76)

#### Type Parameters

| Type Parameter |
| ------ |
| `T` |

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `chain` | `string` |
| `obj?` | [`IDictionary`](../modules/types.html#idictionary) |

#### Returns

[`Nullable`](../modules/types.html#nullable)\<`T`\>

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`get`](../interfaces/types.IToolbarCollection.html#get)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`get`](./ui_group.UIList.html#get)

***

### closest()

Find match parent

#### Call Signature

**closest**\<`T`\>(`ctor`): [`Nullable`](../modules/types.html#nullable)\<`T`\>

Defined in: [src/core/ui/element.ts:80](https://github.com/xdan/jodit/blob/main/src/core/ui/element.ts#L80)

##### Type Parameters

| Type Parameter |
| ------ |
| `T` |

##### Parameters

| Parameter | Type |
| ------ | ------ |
| `ctor` | [`ComponentCompatible`](../interfaces/decorators_component.ComponentCompatible.html)\<`T`\> |

##### Returns

[`Nullable`](../modules/types.html#nullable)\<`T`\>

##### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`closest`](../interfaces/types.IToolbarCollection.html#closest)

##### Inherited from

[`UIList`](./ui_group.UIList.html).[`closest`](./ui_group.UIList.html#closest)

#### Call Signature

**closest**\<`T`\>(`type`): [`Nullable`](../modules/types.html#nullable)\<`T` *extends* *typeof* [`UIElement`](./ui.UIElement.html) ? [`InstanceType`](https://www.typescriptlang.org/docs/handbook/utility-types.html#instancetypetype)\<`T`\> : `T`\>

Defined in: [src/core/ui/element.ts:82](https://github.com/xdan/jodit/blob/main/src/core/ui/element.ts#L82)

##### Type Parameters

| Type Parameter |
| ------ |
| `T` *extends* *typeof* [`UIElement`](./ui.UIElement.html) \| [`UIElement`](./ui.UIElement.html)\<[`IViewBased`](../interfaces/types.IViewBased.html)\<[`IViewOptions`](../interfaces/types.IViewOptions.html)\>\> |

##### Parameters

| Parameter | Type |
| ------ | ------ |
| `type` | [`Function`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Function) \| [`UIElement`](./ui.UIElement.html)\<[`IViewBased`](../interfaces/types.IViewBased.html)\<[`IViewOptions`](../interfaces/types.IViewOptions.html)\>\> |

##### Returns

[`Nullable`](../modules/types.html#nullable)\<`T` *extends* *typeof* [`UIElement`](./ui.UIElement.html) ? [`InstanceType`](https://www.typescriptlang.org/docs/handbook/utility-types.html#instancetypetype)\<`T`\> : `T`\>

##### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`closest`](../interfaces/types.IToolbarCollection.html#closest)

##### Inherited from

[`UIList`](./ui_group.UIList.html).[`closest`](./ui_group.UIList.html#closest)

***

### closestElement()

`static` **closestElement**(`node`, `type`): [`Nullable`](../modules/types.html#nullable)\<[`IUIElement`](../interfaces/types.IUIElement.html)\>

Defined in: [src/core/ui/element.ts:120](https://github.com/xdan/jodit/blob/main/src/core/ui/element.ts#L120)

Find closest UIElement in DOM

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `node` | [`Node`](https://developer.mozilla.org/docs/Web/API/Node) |
| `type` | [`Function`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Function) |

#### Returns

[`Nullable`](../modules/types.html#nullable)\<[`IUIElement`](../interfaces/types.IUIElement.html)\>

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`closestElement`](./ui_group.UIList.html#closestelement)

***

### appendTo()

**appendTo**(`element`): `this`

Defined in: [src/core/ui/element.ts:145](https://github.com/xdan/jodit/blob/main/src/core/ui/element.ts#L145)

Append container to element

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `element` | [`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement) |

#### Returns

`this`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`appendTo`](../interfaces/types.IToolbarCollection.html#appendto)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`appendTo`](./ui_group.UIList.html#appendto)

***

#### Call Signature

**append**(`elm`, `index?`): `this`

Defined in: [src/core/ui/group/group.ts:88](https://github.com/xdan/jodit/blob/main/src/core/ui/group/group.ts#L88)

Append new element into group

##### Parameters

| Parameter | Type |
| ------ | ------ |
| `elm` | [`IUIElement`](../interfaces/types.IUIElement.html) |
| `index?` | `number` |

##### Returns

`this`

##### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`append`](../interfaces/types.IToolbarCollection.html#append)

##### Inherited from

[`UIList`](./ui_group.UIList.html).[`append`](./ui_group.UIList.html#append)

#### Call Signature

**append**(`elm`, `distElement?`): `this`

Defined in: [src/core/ui/group/group.ts:89](https://github.com/xdan/jodit/blob/main/src/core/ui/group/group.ts#L89)

Append new element into group

##### Parameters

| Parameter | Type |
| ------ | ------ |
| `elm` | [`IUIElement`](../interfaces/types.IUIElement.html) |
| `distElement?` | `string` |

##### Returns

`this`

##### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`append`](../interfaces/types.IToolbarCollection.html#append)

##### Inherited from

[`UIList`](./ui_group.UIList.html).[`append`](./ui_group.UIList.html#append)

#### Call Signature

**append**(`elm`, `distElement?`): `this`

Defined in: [src/core/ui/group/group.ts:90](https://github.com/xdan/jodit/blob/main/src/core/ui/group/group.ts#L90)

Append new element into group

##### Parameters

| Parameter | Type |
| ------ | ------ |
| `elm` | [`IUIElement`](../interfaces/types.IUIElement.html)[] |
| `distElement?` | `string` |

##### Returns

`this`

##### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`append`](../interfaces/types.IToolbarCollection.html#append)

##### Inherited from

[`UIList`](./ui_group.UIList.html).[`append`](./ui_group.UIList.html#append)

***

### afterSetMod()

**afterSetMod**(`name`, `value`): `void`

Defined in: [src/core/ui/group/group.ts:138](https://github.com/xdan/jodit/blob/main/src/core/ui/group/group.ts#L138)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `name` | `string` |
| `value` | [`ModType`](../modules/types.html#modtype) |

#### Returns

`void`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`afterSetMod`](../interfaces/types.IToolbarCollection.html#aftersetmod)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`afterSetMod`](./ui_group.UIList.html#aftersetmod)

***

### remove()

**remove**(`elm`): `this`

Defined in: [src/core/ui/group/group.ts:166](https://github.com/xdan/jodit/blob/main/src/core/ui/group/group.ts#L166)

Remove element from group

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `elm` | [`IUIElement`](../interfaces/types.IUIElement.html) |

#### Returns

`this`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`remove`](../interfaces/types.IToolbarCollection.html#remove)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`remove`](./ui_group.UIList.html#remove)

***

### clear()

**clear**(): `this`

Defined in: [src/core/ui/group/group.ts:181](https://github.com/xdan/jodit/blob/main/src/core/ui/group/group.ts#L181)

Clear group

#### Returns

`this`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`clear`](../interfaces/types.IToolbarCollection.html#clear)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`clear`](./ui_group.UIList.html#clear)

***

### setParentView()

**setParentView**(`view`): `this`

Defined in: [src/core/ui/group/group.ts:204](https://github.com/xdan/jodit/blob/main/src/core/ui/group/group.ts#L204)

Attach component to View

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `view` | `T` |

#### Returns

`this`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`setParentView`](../interfaces/types.IToolbarCollection.html#setparentview)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`setParentView`](./ui_group.UIList.html#setparentview)

***

### getButtonsNames()

**getButtonsNames**(): `string`[]

Defined in: [src/core/ui/group/list.ts:78](https://github.com/xdan/jodit/blob/main/src/core/ui/group/list.ts#L78)

Helper for getting full plain button list

#### Returns

`string`[]

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`getButtonsNames`](../interfaces/types.IToolbarCollection.html#getbuttonsnames)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`getButtonsNames`](./ui_group.UIList.html#getbuttonsnames)

***

### setRemoveButtons()

**setRemoveButtons**(`removeButtons?`): `this`

Defined in: [src/core/ui/group/list.ts:86](https://github.com/xdan/jodit/blob/main/src/core/ui/group/list.ts#L86)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `removeButtons?` | `string`[] |

#### Returns

`this`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`setRemoveButtons`](../interfaces/types.IToolbarCollection.html#setremovebuttons)

#### Inherited from

[`UIList`](./ui_group.UIList.html).[`setRemoveButtons`](./ui_group.UIList.html#setremovebuttons)

***

### className()

**className**(): `string`

Defined in: [src/modules/toolbar/collection/collection.ts:43](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L43)

#### Returns

`string`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`className`](../interfaces/types.IToolbarCollection.html#classname)

#### Overrides

[`UIList`](./ui_group.UIList.html).[`className`](./ui_group.UIList.html#classname)

***

### getRole()

**getRole**(): `string`

Defined in: [src/modules/toolbar/collection/collection.ts:47](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L47)

#### Returns

`string`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`getRole`](../interfaces/types.IToolbarCollection.html#getrole)

#### Overrides

[`UIList`](./ui_group.UIList.html).[`getRole`](./ui_group.UIList.html#getrole)

***

### shouldBeActive()

**shouldBeActive**(`button`): `boolean` \| `undefined`

Defined in: [src/modules/toolbar/collection/collection.ts:80](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L80)

Button should be active

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `button` | [`IToolbarButton`](../interfaces/types.IToolbarButton.html) |

#### Returns

`boolean` \| `undefined`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`shouldBeActive`](../interfaces/types.IToolbarCollection.html#shouldbeactive)

***

### shouldBeDisabled()

**shouldBeDisabled**(`button`): `boolean` \| `undefined`

Defined in: [src/modules/toolbar/collection/collection.ts:87](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L87)

The Button should be disabled

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `button` | [`IToolbarButton`](../interfaces/types.IToolbarButton.html) |

#### Returns

`boolean` \| `undefined`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`shouldBeDisabled`](../interfaces/types.IToolbarCollection.html#shouldbedisabled)

***

### getTarget()

**getTarget**(`button`): [`Node`](https://developer.mozilla.org/docs/Web/API/Node) \| `null`

Defined in: [src/modules/toolbar/collection/collection.ts:94](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L94)

Returns current target for button

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `button` | [`IToolbarButton`](../interfaces/types.IToolbarButton.html) |

#### Returns

[`Node`](https://developer.mozilla.org/docs/Web/API/Node) \| `null`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`getTarget`](../interfaces/types.IToolbarCollection.html#gettarget)

***

### update()

**update**(): `void`

Defined in: [src/modules/toolbar/collection/collection.ts:111](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L111)

Update all children

#### Returns

`void`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`update`](../interfaces/types.IToolbarCollection.html#update)

#### Overrides

[`UIList`](./ui_group.UIList.html).[`update`](./ui_group.UIList.html#update)

***

### setDirection()

**setDirection**(`direction`): `void`

Defined in: [src/modules/toolbar/collection/collection.ts:118](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L118)

Set direction

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `direction` | `"rtl"` \| `"ltr"` |

#### Returns

`void`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`setDirection`](../interfaces/types.IToolbarCollection.html#setdirection)

***

### hide()

**hide**(): `void`

Defined in: [src/modules/toolbar/collection/collection.ts:134](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L134)

#### Returns

`void`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`hide`](../interfaces/types.IToolbarCollection.html#hide)

***

### show()

**show**(): `void`

Defined in: [src/modules/toolbar/collection/collection.ts:138](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L138)

#### Returns

`void`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`show`](../interfaces/types.IToolbarCollection.html#show)

***

### showInline()

**showInline**(`bound?`): `void`

Defined in: [src/modules/toolbar/collection/collection.ts:142](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L142)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `bound?` | [`IBound`](../interfaces/types.IBound.html) |

#### Returns

`void`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`showInline`](../interfaces/types.IToolbarCollection.html#showinline)

***

### build()

**build**(`items`, `target?`): `this`

Defined in: [src/modules/toolbar/collection/collection.ts:147](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L147)

*

#### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `items` | [`ButtonsGroups`](../modules/types.html#buttonsgroups) | `undefined` |
| `target` | [`Nullable`](../modules/types.html#nullable)\<[`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement)\> | `null` |

#### Returns

`this`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`build`](../interfaces/types.IToolbarCollection.html#build)

#### Overrides

[`UIList`](./ui_group.UIList.html).[`build`](./ui_group.UIList.html#build)

***

### destruct()

**destruct**(): `void`

Defined in: [src/modules/toolbar/collection/collection.ts:165](https://github.com/xdan/jodit/blob/main/src/modules/toolbar/collection/collection.ts#L165)

*

#### Returns

`void`

#### Implementation of

[`IToolbarCollection`](../interfaces/types.IToolbarCollection.html).[`destruct`](../interfaces/types.IToolbarCollection.html#destruct)

#### Overrides

[`UIList`](./ui_group.UIList.html).[`destruct`](./ui_group.UIList.html#destruct)