@rxap/directives/docs/markdown/classes/MovableDividerDirective.md

This package provides a set of Angular directives to simplify common tasks such as setting background images, confirming clicks, making elements contenteditable, and more. It includes directives for handling UI interactions, applying styles, and managing

[**@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`