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

# BaseRectangleItemHandler

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

## Classes

### BaseRectangleItemHandler

#### Extends

#### Extended by

- [`GridItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/GridItemHandler.md#griditemhandler)
- [`GroupItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/GroupItemHandler.md#groupitemhandler)
- [`LineItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/LineItemHandler.md#lineitemhandler)
- [`PolylineItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/PolylineItemHandler.md#polylineitemhandler)
- [`ShapeItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ShapeItemHandler.md#shapeitemhandler)

#### Constructors

##### Constructor

```ts
new BaseRectangleItemHandler(
   left?, 
   top?, 
   width?, 
   height?, 
   item?, 
   textWhizz?, 
   colorPreviewService?): BaseRectangleItemHandler;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `left?` | `number` | `undefined` |
| `top?` | `number` | `undefined` |
| `width?` | `number` | `undefined` |
| `height?` | `number` | `undefined` |
| `item?` | `Item` | `undefined` |
| `textWhizz?` | `any` | `null` |
| `colorPreviewService?` | [`IListenableColorPreviewService`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IColorPreviewService.md#ilistenablecolorpreviewservice) | `undefined` |

###### Returns

[`BaseRectangleItemHandler`](#baserectangleitemhandler)

###### Overrides

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

#### Properties

##### ENABLED

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

###### Inherited from

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

##### LEVEL

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

###### Inherited from

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

##### typeName

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

###### Overrides

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

#### Accessors

##### allowNegativeResize

###### Get Signature

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

###### Returns

`boolean`

##### angle

###### Get Signature

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

###### Returns

`number`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

##### blendMode

###### Get Signature

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

###### Returns

`any`

###### Inherited from

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

##### bounds

###### Get Signature

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

###### Returns

`RectangleF`

###### Overrides

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`bounds`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`canvas`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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

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

##### 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

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

##### drawingRectangle

###### Get Signature

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

###### Returns

`RotatedRectangleF`

##### hasLayoutAncestor

###### Get Signature

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

###### Returns

`boolean`

###### Inherited from

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`hasLayoutAncestor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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`

##### index

###### Get Signature

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

###### Returns

`number`

###### Inherited from

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

##### 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

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

##### isNormalRenderingType

###### Get Signature

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

###### Returns

`boolean`

###### Inherited from

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

##### isUpdating

###### Get Signature

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

###### Returns

`boolean`

###### Inherited from

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

##### item

###### Get Signature

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

###### Returns

`Item`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`item`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`layer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`locked`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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

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

##### 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

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

##### ready

###### Get Signature

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

###### Returns

`boolean`

###### Inherited from

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

##### rectangle

###### Get Signature

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

###### Returns

`RotatedRectangleF`

##### 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

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

##### startRectangle

###### Get Signature

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

###### Returns

`RotatedRectangleF`

##### 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

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

##### transformChanging

###### Get Signature

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

###### Returns

`any`

##### 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

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`uniqueId`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`visible`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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`

#### Methods

##### addChanged()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### addChanging()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### addClick()

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

###### Parameters

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

###### Returns

`void`

##### addDoubleClick()

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

###### Parameters

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

###### Returns

`void`

##### addItemPropertyChanged()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### addReady()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### addViolationWarningButtonClick()

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

###### Parameters

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

###### Returns

`void`

##### beginUpdate()

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

###### Returns

`void`

###### Inherited from

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

##### dispatchClickEvent()

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

###### Parameters

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

###### Returns

`void`

##### dispatchDoubleClickEvent()

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

###### Parameters

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

###### Returns

`void`

##### dispose()

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

###### Returns

`void`

###### Inherited from

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`dispose`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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

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

##### drawItemHandler()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### endTransform()

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

###### Parameters

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

###### Returns

`void`

###### Overrides

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

##### endUpdate()

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

###### Returns

`void`

###### Inherited from

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

##### getBorderMargin()

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

###### Returns

`number`

##### getChangedEvent()

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

###### Returns

`any`

###### Inherited from

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

##### getChangingEvent()

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

###### Returns

`any`

###### Inherited from

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

##### getColors()

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

###### Returns

`Color`[]

###### Inherited from

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

##### getControlBounds()

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

###### Returns

`RectangleF`

##### getControlCenter()

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

###### Returns

`PointF`

##### 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

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

###### Call Signature

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

###### Returns

`string`

###### Inherited from

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`getData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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`[]

##### getPermissions()

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

###### Returns

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

###### Inherited from

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

##### getSelectionRectangle()

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

###### Returns

`any`

##### getSelectionTolerance()

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

###### Returns

`number`

##### getTextWrappingPath()

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

###### Returns

`any`

##### getTransformedRectangle()

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

###### Parameters

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

###### Returns

`RotatedRectangleF`

##### getTypeName()

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

###### Returns

`string`

###### Inherited from

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

##### getViolationContainer()

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

###### Returns

`HTMLElement`

##### getViolationWarningButton()

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

###### Returns

`HTMLElement`

##### getViolationWarningButtonClickHandler()

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

###### Returns

`any`

##### getViolationWarningButtonElement()

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

###### Returns

`HTMLElement`

##### hasBlendMode()

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

###### Returns

`boolean`

###### Inherited from

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`hasBlendMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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)

###### Overrides

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

##### initialize()

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

###### Returns

`void`

###### Inherited from

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

##### isBadViolationIcon()

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

###### Returns

`boolean`

##### isEmpty()

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

###### Returns

`boolean`

###### Inherited from

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

##### isGoodViolationIcon()

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

###### Returns

`boolean`

##### isHighlightNeeded()

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

###### Returns

`boolean`

###### Inherited from

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

##### isLocked()

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

###### Returns

`boolean`

###### Inherited from

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

##### isNoneViolationIcon()

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

###### Returns

`boolean`

##### isVisible()

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

###### Returns

`boolean`

###### Inherited from

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

##### isWarningViolationIcon()

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

###### Returns

`boolean`

##### 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

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

##### onResized()

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

###### Returns

`boolean`

##### 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

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

##### onTextWhizzInit()

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

###### Returns

`void`

##### processEvent()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### quickUpdate()

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

###### Returns

`void`

###### Inherited from

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

##### raiseChanged()

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

###### Returns

`void`

###### Inherited from

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

##### raiseChanging()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### removeChanged()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### removeChanging()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### removeClick()

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

###### Parameters

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

###### Returns

`void`

##### removeDoubleClick()

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

###### Parameters

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

###### Returns

`void`

##### removeItemPropertyChanged()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### removeReady()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### removeViolationWarningButtonClick()

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

###### Parameters

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

###### Returns

`void`

##### resetPermissions()

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

###### Returns

`void`

###### Inherited from

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

##### setBadViolationIcon()

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

###### Parameters

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

###### Returns

`void`

##### setData()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### setGoodViolationIcon()

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

###### Parameters

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

###### Returns

`boolean`

##### setLocation()

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

###### Parameters

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

###### Returns

`void`

##### setNoneViolationIcon()

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

###### Returns

`void`

##### setRectangle()

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

###### Parameters

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

###### Returns

`void`

##### setTransformedRectangle()

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

###### Parameters

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

###### Returns

`void`

##### setViolationContainer()

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

###### Parameters

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

###### Returns

`void`

##### setViolationWarningButton()

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

###### Parameters

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

###### Returns

`void`

##### setWarningViolationIcon()

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

###### Parameters

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

###### Returns

`void`

##### showDeleteToolbarButton()

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

###### Returns

`boolean`

##### showEditToolbarButton()

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

###### Returns

`boolean`

##### showHandleToolbarButton()

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

###### Returns

`boolean`

##### showSelectToolbarButton()

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

###### Returns

`boolean`

##### startTransform()

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

###### Returns

`void`

###### Overrides

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`startTransform`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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`

##### transformChanged()

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

###### Returns

`void`

###### Overrides

```ts
ItemHandler.transformChanged
```

##### transformRectangle()

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

###### Parameters

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

###### Returns

`void`

##### update()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`update`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`updateActiveColorWebServiceCall`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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

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

##### updated()

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

###### Returns

`void`

###### Inherited from

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`updated`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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

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

##### updateItem()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### updateViolationContainerPosition()

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

###### Returns

`void`

##### validateActiveColorWebServiceCall()

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

###### Returns

`void`

###### Inherited from

[`ItemHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.md#itemhandler).[`validateActiveColorWebServiceCall`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ItemHandler.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

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

##### isGroupHandler()

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

###### Parameters

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

###### Returns

`itemHandler is IGroupHandler`

###### Inherited from

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

##### transformRectangleByTwoRectanglesDiff()

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

###### Parameters

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

###### Returns

`RotatedRectangleF`