[**@rxap/directives v19.0.4**](../README.md)

***

[@rxap/directives](../globals.md) / MovableDividerDirective

# Class: MovableDividerDirective

Defined in: [movable-divider.directive.ts:22](https://gitlab.com/rxap/packages/-/blob/3eebed1be2bbb37bc0d65959f8fecbb850c0b8aa/packages/angular/directives/src/lib/movable-divider.directive.ts#L22)

## Implements

- `OnDestroy`
- `OnInit`

## Constructors

### new MovableDividerDirective()

> **new MovableDividerDirective**(`renderer`): [`MovableDividerDirective`](MovableDividerDirective.md)

Defined in: [movable-divider.directive.ts:48](https://gitlab.com/rxap/packages/-/blob/3eebed1be2bbb37bc0d65959f8fecbb850c0b8aa/packages/angular/directives/src/lib/movable-divider.directive.ts#L48)

#### Parameters

##### renderer

`Renderer2`

#### Returns

[`MovableDividerDirective`](MovableDividerDirective.md)

## Properties

### containerElement

> **containerElement**: `HTMLDivElement`

Defined in: [movable-divider.directive.ts:25](https://gitlab.com/rxap/packages/-/blob/3eebed1be2bbb37bc0d65959f8fecbb850c0b8aa/packages/angular/directives/src/lib/movable-divider.directive.ts#L25)

***

### cursor

> **cursor**: `string` = `'ew-resize'`

Defined in: [movable-divider.directive.ts:33](https://gitlab.com/rxap/packages/-/blob/3eebed1be2bbb37bc0d65959f8fecbb850c0b8aa/packages/angular/directives/src/lib/movable-divider.directive.ts#L33)

***

### fixedElement

> **fixedElement**: `HTMLDivElement`

Defined in: [movable-divider.directive.ts:28](https://gitlab.com/rxap/packages/-/blob/3eebed1be2bbb37bc0d65959f8fecbb850c0b8aa/packages/angular/directives/src/lib/movable-divider.directive.ts#L28)

***

### origin

> **origin**: `"right"` \| `"left"` = `'right'`

Defined in: [movable-divider.directive.ts:31](https://gitlab.com/rxap/packages/-/blob/3eebed1be2bbb37bc0d65959f8fecbb850c0b8aa/packages/angular/directives/src/lib/movable-divider.directive.ts#L31)

## Methods

### ngOnDestroy()

> **ngOnDestroy**(): `void`

Defined in: [movable-divider.directive.ts:51](https://gitlab.com/rxap/packages/-/blob/3eebed1be2bbb37bc0d65959f8fecbb850c0b8aa/packages/angular/directives/src/lib/movable-divider.directive.ts#L51)

A callback method that performs custom clean-up, invoked immediately
before a directive, pipe, or service instance is destroyed.

#### Returns

`void`

#### Implementation of

`OnDestroy.ngOnDestroy`

***

### ngOnInit()

> **ngOnInit**(): `void`

Defined in: [movable-divider.directive.ts:55](https://gitlab.com/rxap/packages/-/blob/3eebed1be2bbb37bc0d65959f8fecbb850c0b8aa/packages/angular/directives/src/lib/movable-divider.directive.ts#L55)

A callback method that is invoked immediately after the
default change detector has checked the directive's
data-bound properties for the first time,
and before any of the view or content children have been checked.
It is invoked only once when the directive is instantiated.

#### Returns

`void`

#### Implementation of

`OnInit.ngOnInit`

***

### onMousedown()

> **onMousedown**(): `void`

Defined in: [movable-divider.directive.ts:90](https://gitlab.com/rxap/packages/-/blob/3eebed1be2bbb37bc0d65959f8fecbb850c0b8aa/packages/angular/directives/src/lib/movable-divider.directive.ts#L90)

#### Returns

`void`