---
title: "ContentItemHandler | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ContentItemHandler/"
---

# ContentItemHandler

> - [`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler)

## Classes

### ContentItemHandler

#### Extends

#### Extended by

- [`BarcodeItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/BarcodeItemHandler.md#barcodeitemhandler)
- [`ImageItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ImageItemHandler.md#imageitemhandler)

#### Constructors

##### Constructor

```ts
new ContentItemHandler(
   item?, 
   textWhizz?, 
   apiClient?, 
   colorPreviewService?, 
   options?): ContentItemHandler;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `item?` | `ContentItem` | `undefined` |
| `textWhizz?` | `any` | `null` |
| `apiClient?` | [`IDesignAtomsApiClient`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IDesignAtomsApiClient.md#idesignatomsapiclient) | `undefined` |
| `colorPreviewService?` | [`IListenableColorPreviewService`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IColorPreviewService.md#ilistenablecolorpreviewservice) | `undefined` |
| `options?` | [`IPlaceholderHandlerOptions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IPlaceholderHandlerOptions.md#iplaceholderhandleroptions) | `undefined` |

###### Returns

[`ContentItemHandler`](#contentitemhandler)

###### Overrides

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`constructor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#constructor)

#### Properties

##### ENABLED

```ts
readonly static ENABLED: true = true;
```

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`ENABLED`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#enabled)

##### LEVEL

```ts
readonly static LEVEL: 0.8 = 0.8;
```

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`LEVEL`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#level)

##### typeName

```ts
readonly static typeName: string = "ContentItemHandler";
```

###### Overrides

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`typeName`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#typename)

#### Accessors

##### allowNegativeResize

###### Get Signature

```ts
get allowNegativeResize(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`allowNegativeResize`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#allownegativeresize)

##### angle

###### Get Signature

```ts
get angle(): number;
```

###### Returns

`number`

###### Set Signature

```ts
set angle(angle): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `angle` | `number` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`angle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#angle)

##### blendMode

###### Get Signature

```ts
get blendMode(): any;
```

###### Returns

`any`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`blendMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#blendmode)

##### bounds

###### Get Signature

```ts
get bounds(): RectangleF;
```

###### Returns

`RectangleF`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`bounds`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#bounds)

##### canvas

###### Get Signature

```ts
get canvas(): ICanvas;
```

###### Returns

[`ICanvas`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ICanvas.md#icanvas)

###### Set Signature

```ts
set canvas(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`ICanvas`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ICanvas.md#icanvas) |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`canvas`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#canvas)

##### changeItemOnUpdate

###### Get Signature

```ts
get changeItemOnUpdate(): boolean;
```

###### Returns

`boolean`

###### Set Signature

```ts
set changeItemOnUpdate(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `boolean` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`changeItemOnUpdate`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#changeitemonupdate)

##### contentType

###### Get Signature

```ts
get contentType(): ContentType;
```

###### Returns

[`ContentType`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ContentType.md#contenttype)

###### Set Signature

```ts
set contentType(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`ContentType`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ContentType.md#contenttype) |

###### Returns

`void`

##### controlPoints

###### Get Signature

```ts
get controlPoints(): PointF[];
```

###### Returns

`PointF`[]

###### Set Signature

```ts
set controlPoints(v): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `v` | `PointF`[] |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`controlPoints`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#controlpoints)

##### drawingRectangle

###### Get Signature

```ts
get drawingRectangle(): RotatedRectangleF;
```

###### Returns

`RotatedRectangleF`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`drawingRectangle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#drawingrectangle)

##### hasLayoutAncestor

###### Get Signature

```ts
get hasLayoutAncestor(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`hasLayoutAncestor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#haslayoutancestor)

##### height

###### Get Signature

```ts
get height(): number;
```

###### Returns

`number`

###### Set Signature

```ts
set height(height): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `height` | `number` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`height`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#height)

##### index

###### Get Signature

```ts
get index(): number;
```

###### Returns

`number`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`index`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#index)

##### inEdit

###### Get Signature

```ts
get inEdit(): boolean;
```

###### Returns

`boolean`

##### isAlwaysFitMode

###### Get Signature

```ts
get isAlwaysFitMode(): boolean;
```

###### Returns

`boolean`

##### isCropMode

###### Get Signature

```ts
get isCropMode(): boolean;
```

###### Returns

`boolean`

##### isLoadingImage

###### Get Signature

```ts
get isLoadingImage(): boolean;
```

###### Returns

`boolean`

###### Set Signature

```ts
set isLoadingImage(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `boolean` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`isLoadingImage`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#isloadingimage)

##### isNormalRenderingType

###### Get Signature

```ts
get isNormalRenderingType(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`isNormalRenderingType`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#isnormalrenderingtype)

##### isPlaceholderContent

###### Get Signature

```ts
get isPlaceholderContent(): boolean;
```

###### Returns

`boolean`

##### isUpdating

###### Get Signature

```ts
get isUpdating(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`isUpdating`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#isupdating)

##### item

###### Get Signature

```ts
get item(): ContentItem;
```

###### Returns

`ContentItem`

###### Overrides

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`item`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#item)

##### layer

###### Get Signature

```ts
get layer(): Layer;
```

###### Returns

[`Layer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Layer.md#layer)

###### Set Signature

```ts
set layer(v): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `v` | [`Layer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Layer.md#layer) |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`layer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#layer)

##### locked

###### Get Signature

```ts
get locked(): boolean;
```

###### Returns

`boolean`

###### Set Signature

```ts
set locked(v): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `v` | `boolean` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`locked`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#locked)

##### name

###### Get Signature

```ts
get name(): string;
```

###### Returns

`string`

###### Set Signature

```ts
set name(v): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `v` | `string` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`name`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#name)

##### originalPath

###### Get Signature

```ts
get originalPath(): Path;
```

###### Returns

`Path`

###### Set Signature

```ts
set originalPath(path): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `path` | `Path` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`originalPath`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#originalpath)

##### parentGroupItemHandler

###### Get Signature

```ts
get parentGroupItemHandler(): GroupItemHandler;
```

###### Returns

[`GroupItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/GroupItemHandler.md#groupitemhandler)

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`parentGroupItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#parentgroupitemhandler)

##### parentPlaceholder

###### Get Signature

```ts
get parentPlaceholder(): PlaceholderItemHandler;
```

###### Returns

[`PlaceholderItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/PlaceholderItemHandler.md#placeholderitemhandler)

###### Set Signature

```ts
set parentPlaceholder(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`PlaceholderItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/PlaceholderItemHandler.md#placeholderitemhandler) |

###### Returns

`void`

##### ready

###### Get Signature

```ts
get ready(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`ready`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#ready)

##### rectangle

###### Get Signature

```ts
get rectangle(): RotatedRectangleF;
```

###### Returns

`RotatedRectangleF`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`rectangle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangle)

##### renderState

###### Get Signature

```ts
get renderState(): RenderState;
```

###### Returns

[`RenderState`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RenderState.md#renderstate)

###### Set Signature

```ts
set renderState(v): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `v` | [`RenderState`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RenderState.md#renderstate) |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`renderState`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#renderstate)

##### startRectangle

###### Get Signature

```ts
get startRectangle(): RotatedRectangleF;
```

###### Returns

`RotatedRectangleF`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`startRectangle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#startrectangle)

##### tag

###### Get Signature

```ts
get tag(): any;
```

###### Returns

`any`

###### Set Signature

```ts
set tag(v): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `v` | `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`tag`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#tag)

##### transformChanging

###### Get Signature

```ts
get transformChanging(): any;
```

###### Returns

`any`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`transformChanging`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#transformchanging)

##### uniqueId

###### Get Signature

```ts
get uniqueId(): string;
```

###### Returns

`string`

###### Set Signature

```ts
set uniqueId(v): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `v` | `string` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`uniqueId`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#uniqueid)

##### visible

###### Get Signature

```ts
get visible(): boolean;
```

###### Returns

`boolean`

###### Set Signature

```ts
set visible(v): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `v` | `boolean` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`visible`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#visible)

##### width

###### Get Signature

```ts
get width(): number;
```

###### Returns

`number`

###### Set Signature

```ts
set width(width): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `width` | `number` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`width`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#width)

#### Methods

##### addChanged()

```ts
addChanged(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`sender`) => `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`addChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#addchanged)

##### addChanging()

```ts
addChanging(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`sender`) => `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`addChanging`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#addchanging)

##### addClick()

```ts
addClick(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`sender?`, `e?`) => `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`addClick`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#addclick)

##### addDoubleClick()

```ts
addDoubleClick(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`sender?`, `e?`) => `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`addDoubleClick`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#adddoubleclick)

##### addItemPropertyChanged()

```ts
addItemPropertyChanged(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`sender`, `propertyName`) => `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`addItemPropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#additempropertychanged)

##### addReady()

```ts
addReady(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`sender`) => `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`addReady`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#addready)

##### addViolationWarningButtonClick()

```ts
addViolationWarningButtonClick(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`handler`) => `void` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`addViolationWarningButtonClick`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#addviolationwarningbuttonclick)

##### beginUpdate()

```ts
beginUpdate(): void;
```

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`beginUpdate`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#beginupdate)

##### dispatchClickEvent()

```ts
dispatchClickEvent(e): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `e` | `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`dispatchClickEvent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#dispatchclickevent)

##### dispatchDoubleClickEvent()

```ts
dispatchDoubleClickEvent(e): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `e` | `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`dispatchDoubleClickEvent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#dispatchdoubleclickevent)

##### dispose()

```ts
dispose(): void;
```

###### Returns

`void`

###### Overrides

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`dispose`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#dispose)

##### draw()

```ts
draw(
   itemHandlerCtx, 
   clippingPath, 
   textureCanvas, 
   textureCanvasCtx, 
   memoryCanvas, 
   memoryCanvasCtx, 
   canvasRenderer, 
   isMasked): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `itemHandlerCtx` | `CanvasRenderingContext2D` |
| `clippingPath` | `Path` |
| `textureCanvas` | `HTMLCanvasElement` |
| `textureCanvasCtx` | `CanvasRenderingContext2D` |
| `memoryCanvas` | `HTMLCanvasElement` |
| `memoryCanvasCtx` | `CanvasRenderingContext2D` |
| `canvasRenderer` | [`ICanvasRenderer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ICanvasRenderer.md#icanvasrenderer) |
| `isMasked` | `boolean` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`draw`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#draw)

##### drawItemHandler()

```ts
drawItemHandler(itemHandlerCtx, originalCtx?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `itemHandlerCtx` | `CanvasRenderingContext2D` |
| `originalCtx?` | `CanvasRenderingContext2D` |

###### Returns

`void`

###### Overrides

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`drawItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#drawitemhandler)

##### drawMaskedContent()

```ts
drawMaskedContent(ctx): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `ctx` | `any` |

###### Returns

`void`

##### endTransform()

```ts
endTransform(
   changed, 
   resized, 
   supressOnChanged?): void;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `changed` | `boolean` | `undefined` |
| `resized` | `boolean` | `undefined` |
| `supressOnChanged` | `boolean` | `false` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`endTransform`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#endtransform)

##### endUpdate()

```ts
endUpdate(): void;
```

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`endUpdate`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#endupdate)

##### getBorderMargin()

```ts
getBorderMargin(): number;
```

###### Returns

`number`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getBorderMargin`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getbordermargin)

##### getChangedEvent()

```ts
getChangedEvent(): any;
```

###### Returns

`any`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getChangedEvent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getchangedevent)

##### getChangingEvent()

```ts
getChangingEvent(): any;
```

###### Returns

`any`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getChangingEvent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getchangingevent)

##### getColors()

```ts
getColors(): Color[];
```

###### Returns

`Color`[]

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getColors`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getcolors)

##### getControlBounds()

```ts
getControlBounds(): RectangleF;
```

###### Returns

`RectangleF`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getControlBounds`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getcontrolbounds)

##### getControlCenter()

```ts
getControlCenter(): PointF;
```

###### Returns

`PointF`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getControlCenter`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getcontrolcenter)

##### getData()

###### Call Signature

```ts
getData(type): ItemHandlerData;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `type` | `"asObject"` |

###### Returns

[`ItemHandlerData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandlerData.md#itemhandlerdata)

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getdata)

###### Call Signature

```ts
getData(): string;
```

###### Returns

`string`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getdata)

##### getHighlightRectangles()

```ts
getHighlightRectangles(options?): RotatedRectangleF[];
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `options` | [`IGetHighlightRectanglesOptions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IGetHighlightRectanglesOptions.md#igethighlightrectanglesoptions) |

###### Returns

`RotatedRectangleF`[]

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getHighlightRectangles`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#gethighlightrectangles)

##### getLayer()

```ts
getLayer(): Layer;
```

###### Returns

[`Layer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Layer.md#layer)

###### Overrides

```ts
RectangleItemHandler._getLayer
```

##### getOriginalPathId()

```ts
getOriginalPathId(): string;
```

###### Returns

`string`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getOriginalPathId`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getoriginalpathid)

##### getPermissions()

```ts
getPermissions(): Permission;
```

###### Returns

[`Permission`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Permission.md#permission)

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getpermissions)

##### getSelectionRectangle()

```ts
getSelectionRectangle(): any;
```

###### Returns

`any`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getSelectionRectangle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getselectionrectangle)

##### getSelectionTolerance()

```ts
getSelectionTolerance(): number;
```

###### Returns

`number`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getSelectionTolerance`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getselectiontolerance)

##### getTextWrappingPath()

```ts
getTextWrappingPath(): any;
```

###### Returns

`any`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getTextWrappingPath`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#gettextwrappingpath)

##### getTransformedRectangle()

```ts
getTransformedRectangle(relativeToPrintArea?, withMargins?): RotatedRectangleF;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `relativeToPrintArea` | `boolean` | `true` |
| `withMargins?` | `boolean` | `undefined` |

###### Returns

`RotatedRectangleF`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getTransformedRectangle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#gettransformedrectangle)

##### getTypeName()

```ts
getTypeName(): string;
```

###### Returns

`string`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getTypeName`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#gettypename)

##### getViolationContainer()

```ts
getViolationContainer(): HTMLElement;
```

###### Returns

`HTMLElement`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getViolationContainer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getviolationcontainer)

##### getViolationWarningButton()

```ts
getViolationWarningButton(): HTMLElement;
```

###### Returns

`HTMLElement`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getViolationWarningButton`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getviolationwarningbutton)

##### getViolationWarningButtonClickHandler()

```ts
getViolationWarningButtonClickHandler(): any;
```

###### Returns

`any`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getViolationWarningButtonClickHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getviolationwarningbuttonclickhandler)

##### getViolationWarningButtonElement()

```ts
getViolationWarningButtonElement(): HTMLElement;
```

###### Returns

`HTMLElement`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`getViolationWarningButtonElement`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#getviolationwarningbuttonelement)

##### hasBlendMode()

```ts
hasBlendMode(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`hasBlendMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#hasblendmode)

##### hitTest()

```ts
hitTest(point): IHitTestResult;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `point` | `PointF` |

###### Returns

[`IHitTestResult`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IHitTestResult.md#ihittestresult)

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`hitTest`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#hittest)

##### initialize()

```ts
initialize(): void;
```

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`initialize`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#initialize)

##### isBadViolationIcon()

```ts
isBadViolationIcon(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`isBadViolationIcon`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#isbadviolationicon)

##### isEmpty()

```ts
isEmpty(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`isEmpty`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#isempty)

##### isGoodViolationIcon()

```ts
isGoodViolationIcon(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`isGoodViolationIcon`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#isgoodviolationicon)

##### isHighlightNeeded()

```ts
isHighlightNeeded(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`isHighlightNeeded`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#ishighlightneeded)

##### isLocked()

```ts
isLocked(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`isLocked`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#islocked)

##### isNoneViolationIcon()

```ts
isNoneViolationIcon(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`isNoneViolationIcon`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#isnoneviolationicon)

##### isVisible()

```ts
isVisible(): boolean;
```

###### Returns

`boolean`

###### Overrides

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`isVisible`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#isvisible)

##### isWarningViolationIcon()

```ts
isWarningViolationIcon(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`isWarningViolationIcon`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#iswarningviolationicon)

##### onErrorResponse()

```ts
onErrorResponse(error, activeCall?): void;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `error` | `any` | `undefined` |
| `activeCall` | [`WebServiceCallType`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Common.md#webservicecalltype) | `WebServiceCallType.Item` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`onErrorResponse`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#onerrorresponse)

##### onResized()

```ts
onResized(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`onResized`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#onresized)

##### onSuccessResponse()

```ts
onSuccessResponse(activeCall?): void;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `activeCall` | [`WebServiceCallType`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Common.md#webservicecalltype) | `WebServiceCallType.Item` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`onSuccessResponse`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#onsuccessresponse)

##### onTextWhizzInit()

```ts
onTextWhizzInit(): void;
```

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`onTextWhizzInit`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#ontextwhizzinit)

##### processEvent()

```ts
processEvent(e): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `e` | `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`processEvent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#processevent)

##### quickUpdate()

```ts
quickUpdate(): void;
```

###### Returns

`void`

###### Overrides

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`quickUpdate`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#quickupdate)

##### raiseChanged()

```ts
raiseChanged(): void;
```

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`raiseChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#raisechanged)

##### raiseChanging()

```ts
raiseChanging(param?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `param?` | `Item` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`raiseChanging`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#raisechanging)

##### removeChanged()

```ts
removeChanged(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`sender`) => `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`removeChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#removechanged)

##### removeChanging()

```ts
removeChanging(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`sender`) => `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`removeChanging`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#removechanging)

##### removeClick()

```ts
removeClick(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`sender?`, `e?`) => `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`removeClick`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#removeclick)

##### removeDoubleClick()

```ts
removeDoubleClick(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`sender?`, `e?`) => `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`removeDoubleClick`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#removedoubleclick)

##### removeItemPropertyChanged()

```ts
removeItemPropertyChanged(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`sender`, `propertyName`) => `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`removeItemPropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#removeitempropertychanged)

##### removeReady()

```ts
removeReady(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`sender`) => `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`removeReady`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#removeready)

##### removeViolationWarningButtonClick()

```ts
removeViolationWarningButtonClick(handler): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `handler` | (`handler`) => `void` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`removeViolationWarningButtonClick`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#removeviolationwarningbuttonclick)

##### resetPermissions()

```ts
resetPermissions(): void;
```

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`resetPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#resetpermissions)

##### setBadViolationIcon()

```ts
setBadViolationIcon(title?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `title?` | `string` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`setBadViolationIcon`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#setbadviolationicon)

##### setData()

```ts
setData(v): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `v` | `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`setData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#setdata)

##### setGoodViolationIcon()

```ts
setGoodViolationIcon(title): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `title` | `string` |

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`setGoodViolationIcon`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#setgoodviolationicon)

##### setLocation()

```ts
setLocation(location): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `location` | `PointF` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`setLocation`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#setlocation)

##### setNoneViolationIcon()

```ts
setNoneViolationIcon(): void;
```

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`setNoneViolationIcon`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#setnoneviolationicon)

##### setOriginalPathId()

```ts
setOriginalPathId(id): Promise<void>;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `id` | `string` |

###### Returns

[`Promise`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/finally.md#promise)\<`void`\>

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`setOriginalPathId`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#setoriginalpathid)

##### setRectangle()

```ts
setRectangle(rectangle?, suppressOnChanged?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `rectangle?` | `RotatedRectangleF` |
| `suppressOnChanged?` | `boolean` |

###### Returns

`void`

###### Overrides

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`setRectangle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#setrectangle)

##### setTransformedRectangle()

```ts
setTransformedRectangle(value, suppressOnChanged?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `RotatedRectangleF` |
| `suppressOnChanged?` | `boolean` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`setTransformedRectangle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#settransformedrectangle)

##### setViolationContainer()

```ts
setViolationContainer(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`setViolationContainer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#setviolationcontainer)

##### setViolationWarningButton()

```ts
setViolationWarningButton(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `any` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`setViolationWarningButton`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#setviolationwarningbutton)

##### setWarningViolationIcon()

```ts
setWarningViolationIcon(title?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `title?` | `string` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`setWarningViolationIcon`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#setwarningviolationicon)

##### showDeleteToolbarButton()

```ts
showDeleteToolbarButton(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`showDeleteToolbarButton`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#showdeletetoolbarbutton)

##### showEditToolbarButton()

```ts
showEditToolbarButton(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`showEditToolbarButton`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#showedittoolbarbutton)

##### showHandleToolbarButton()

```ts
showHandleToolbarButton(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`showHandleToolbarButton`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#showhandletoolbarbutton)

##### showSelectToolbarButton()

```ts
showSelectToolbarButton(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`showSelectToolbarButton`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#showselecttoolbarbutton)

##### startTransform()

```ts
startTransform(): void;
```

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`startTransform`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#starttransform)

##### transformByMatrix()

```ts
transformByMatrix(
   matrix, 
   finished, 
   newAngle?): void;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `matrix` | `Matrix` | `undefined` |
| `finished` | `boolean` | `undefined` |
| `newAngle` | `number` | `null` |

###### Returns

`void`

###### Overrides

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`transformByMatrix`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#transformbymatrix)

##### transformChanged()

```ts
transformChanged(): void;
```

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`transformChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#transformchanged)

##### transformRectangle()

```ts
transformRectangle(
   startRectangle, 
   endRectangle, 
   highlightOnly?): void;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `startRectangle` | `RotatedRectangleF` | `undefined` |
| `endRectangle` | `RotatedRectangleF` | `undefined` |
| `highlightOnly` | `boolean` | `false` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`transformRectangle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#transformrectangle)

##### update()

```ts
update(beforeUpdate?, afterUpdate?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `beforeUpdate?` | `Function` |
| `afterUpdate?` | `Function` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`update`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#update)

##### updateActiveColorWebServiceCall()

```ts
updateActiveColorWebServiceCall(callPromise, updateForAll): Promise<void>;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `callPromise` | [`ICancelablePromise`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Common.Namespace.Utils.md#icancelablepromise)\<`any`\> |
| `updateForAll` | `boolean` |

###### Returns

[`Promise`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/finally.md#promise)\<`void`\>

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`updateActiveColorWebServiceCall`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#updateactivecolorwebservicecall)

##### updateAsync()

```ts
updateAsync(beforeUpdate?, afterUpdate?): Promise<void>;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `beforeUpdate?` | `Function` |
| `afterUpdate?` | `Function` |

###### Returns

[`Promise`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/finally.md#promise)\<`void`\>

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`updateAsync`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#updateasync)

##### updated()

```ts
updated(): void;
```

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`updated`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#updated)

##### updateForExternalCanvas()

```ts
updateForExternalCanvas(canvas): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `canvas` | [`ICanvas`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ICanvas.md#icanvas) |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`updateForExternalCanvas`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#updateforexternalcanvas)

##### updateItem()

```ts
updateItem(item): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `item` | `Item` |

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`updateItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#updateitem)

##### updateRectangle()

```ts
updateRectangle(
   keepLocation?, 
   resizeMode?, 
   parentPlaceholder?, 
   sourceWidth?, 
   sourceHeight?, 
   hiResOutputDpi?): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `keepLocation?` | `boolean` |
| `resizeMode?` | `ResizeMode` |
| `parentPlaceholder?` | [`PlaceholderItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/PlaceholderItemHandler.md#placeholderitemhandler) |
| `sourceWidth?` | `number` |
| `sourceHeight?` | `number` |
| `hiResOutputDpi?` | `number` |

###### Returns

`void`

##### updateViolationContainerPosition()

```ts
updateViolationContainerPosition(): void;
```

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`updateViolationContainerPosition`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#updateviolationcontainerposition)

##### validateActiveColorWebServiceCall()

```ts
validateActiveColorWebServiceCall(): void;
```

###### Returns

`void`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`validateActiveColorWebServiceCall`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#validateactivecolorwebservicecall)

##### waitUpdate()

```ts
waitUpdate(): Promise<void>;
```

###### Returns

[`Promise`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/finally.md#promise)\<`void`\>

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`waitUpdate`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#waitupdate)

##### isGroupHandler()

```ts
static isGroupHandler(itemHandler): itemHandler is IGroupHandler;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `itemHandler` | `any` |

###### Returns

`itemHandler is IGroupHandler`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`isGroupHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#isgrouphandler)

##### transformRectangleByTwoRectanglesDiff()

```ts
static transformRectangleByTwoRectanglesDiff(
   rectangle, 
   startRectangle, 
   endRectangle): RotatedRectangleF;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `rectangle` | `RotatedRectangleF` |
| `startRectangle` | `RotatedRectangleF` |
| `endRectangle` | `RotatedRectangleF` |

###### Returns

`RotatedRectangleF`

###### Inherited from

[`RectangleItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#rectangleitemhandler).[`transformRectangleByTwoRectanglesDiff`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/RectangleItemHandler.md#transformrectanglebytworectanglesdiff)