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

# RectangleItem

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

## Classes

### RectangleItem

#### Extends

#### Extended by

- [`BaseTextItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/BaseTextItem.md#basetextitem)
- [`ContentItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ContentItem.md#contentitem)

#### Constructors

##### Constructor

```ts
new RectangleItem(sourceRec?): RectangleItem;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `sourceRec` | [`RectangleF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/RectangleF.md#rectanglef) |

###### Returns

[`RectangleItem`](#rectangleitem)

###### Overrides

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

#### Properties

##### containerName

```ts
containerName: string;
```

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`containerName`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#containername)

##### id

```ts
id: string;
```

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`id`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#id)

##### sourcePathId

```ts
sourcePathId: string = null;
```

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`sourcePathId`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#sourcepathid)

##### sourcePathLoaded

```ts
sourcePathLoaded: boolean = false;
```

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`sourcePathLoaded`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#sourcepathloaded)

##### themeBinding

```ts
themeBinding: ThemeBinding;
```

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`themeBinding`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#themebinding)

##### type

```ts
type: string = RectangleItem.type;
```

###### Overrides

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`type`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#type)

##### type

```ts
static type: string = "RectangleItem";
```

###### Overrides

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`type`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#type-1)

#### Accessors

##### altBorderColor

###### Get Signature

```ts
get altBorderColor(): Color;
```

###### Returns

[`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color)

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`altBorderColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#altbordercolor)

##### blendMode

###### Get Signature

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

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### borderColor

###### Get Signature

```ts
get borderColor(): Color;
```

###### Returns

[`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color)

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`borderColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#bordercolor)

##### borderWidth

###### Get Signature

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

###### Returns

`number`

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`borderWidth`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#borderwidth)

##### class

###### Get Signature

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

###### Returns

`string`

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `string` |

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`class`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#class)

##### dash

###### Get Signature

```ts
get dash(): number[];
```

###### Returns

`number`[]

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number`[] |

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`dash`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#dash)

##### fillColor

###### Get Signature

```ts
get fillColor(): Color;
```

###### Returns

[`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color)

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`fillColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#fillcolor)

##### fixedBorderWidth

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`fixedBorderWidth`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#fixedborderwidth)

##### fromLayout

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`fromLayout`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#fromlayout)

##### frontendPermissions

###### Get Signature

```ts
get frontendPermissions(): FrontendPermissions;
```

###### Returns

[`FrontendPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/FrontEndPermissions.md#frontendpermissions)

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`frontendPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#frontendpermissions)

##### isRenderTypeIsNormal

###### Get Signature

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

###### Returns

`boolean`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`isRenderTypeIsNormal`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#isrendertypeisnormal)

##### isVariable

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`isVariable`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#isvariable)

##### itemPermissions

###### Get Signature

```ts
get itemPermissions(): ItemPermissions;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`itemPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#itempermissions)

##### locked

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### manipulationPermissions

###### Get Signature

```ts
get manipulationPermissions(): ManipulationPermissions;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`manipulationPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#manipulationpermissions)

##### mask

###### Get Signature

```ts
get mask(): ItemMask;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`mask`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#mask)

##### name

###### Get Signature

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

###### Returns

`string`

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `string` |

###### Returns

`void`

###### Inherited from

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

##### opacity

###### Get Signature

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

###### Returns

`number`

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`opacity`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#opacity)

##### overprintFill

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`overprintFill`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#overprintfill)

##### overprintStroke

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`overprintStroke`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#overprintstroke)

##### parentContainer

###### Get Signature

```ts
get parentContainer(): Container;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`parentContainer`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#parentcontainer)

##### parentGroupItem

###### Get Signature

```ts
get parentGroupItem(): GroupItem;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`parentGroupItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#parentgroupitem)

##### renderingType

###### Get Signature

```ts
get renderingType(): RenderingType;
```

###### Returns

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

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`renderingType`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#renderingtype)

##### shapePermissions

###### Get Signature

```ts
get shapePermissions(): ShapePermissions;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`shapePermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapepermissions)

##### sourcePath

###### Get Signature

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

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`sourcePath`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#sourcepath)

##### sourceRectangle

###### Get Signature

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

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`sourceRectangle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#sourcerectangle)

##### tags

###### Get Signature

```ts
get tags(): object;
```

###### Returns

`object`

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | \{ \[`key`: `string`\]: `any`; \} |

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`tags`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#tags)

##### textWrappingMode

###### Get Signature

```ts
get textWrappingMode(): WrappingMode;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`textWrappingMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#textwrappingmode)

##### transform

###### Get Signature

```ts
get transform(): Transform;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`transform`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#transform)

##### version

###### Get Signature

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

###### Returns

`string`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`version`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#version)

##### violationSettings

###### Get Signature

```ts
get violationSettings(): ShapeViolationSettings;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`violationSettings`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#violationsettings)

##### visible

###### Get Signature

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

###### Returns

`boolean`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### visualizationPermissions

###### Get Signature

```ts
get visualizationPermissions(): VisualizationPermissions;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`visualizationPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#visualizationpermissions)

#### Methods

##### addPropertyChanged()

```ts
addPropertyChanged(listener): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `listener` | (`sender`, `eventArgs`) => `void` |

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`addPropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#addpropertychanged)

##### applyPermissionsConstrain()

```ts
applyPermissionsConstrain(): void;
```

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`applyPermissionsConstrain`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#applypermissionsconstrain)

##### canSetIsVariable()

```ts
canSetIsVariable(): boolean;
```

###### Returns

`boolean`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`canSetIsVariable`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#cansetisvariable)

##### clone()

```ts
clone(generateNewIds?, appropriateParentContainer?): RectangleItem;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `generateNewIds` | `boolean` | `false` |
| `appropriateParentContainer` | `boolean` | `false` |

###### Returns

[`RectangleItem`](#rectangleitem)

###### Overrides

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`clone`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#clone)

##### copyTo()

```ts
copyTo(destination): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `destination` | [`BaseItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/BaseItem.md#baseitem) |

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`copyTo`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#copyto)

##### equals()

```ts
equals(other): any;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `other` | [`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem) |

###### Returns

`any`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`equals`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#equals)

##### generateNewIds()

```ts
generateNewIds(): void;
```

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`generateNewIds`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#generatenewids)

##### getItemChangedEvent()

```ts
getItemChangedEvent(): EventWithAutoSenderArg<Item, Item>;
```

###### Returns

[`EventWithAutoSenderArg`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/EventObject.md#eventwithautosenderarg)\<[`Item`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Item.md#item), [`Item`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Item.md#item)\>

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`getItemChangedEvent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#getitemchangedevent)

##### getItemChangingEvent()

```ts
getItemChangingEvent(): EventObject<Item>;
```

###### Returns

[`EventObject`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/EventObject.md#eventobject)\<[`Item`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Item.md#item)\>

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`getItemChangingEvent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#getitemchangingevent)

##### getPathLoadedEvent()

```ts
getPathLoadedEvent(): EventObject<unknown>;
```

###### Returns

[`EventObject`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/EventObject.md#eventobject)\<`unknown`\>

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`getPathLoadedEvent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#getpathloadedevent)

##### getSimplifiedObject()

```ts
getSimplifiedObject(omitProperties?): Object;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `omitProperties?` | `string` \| `string`[] |

###### Returns

`Object`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`getSimplifiedObject`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#getsimplifiedobject)

##### removePropertyChanged()

```ts
removePropertyChanged(listener): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `listener` | (`sender`, `eventArgs`) => `void` |

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`removePropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#removepropertychanged)

##### setTransform()

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

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `value` | [`Transform`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Transform.md#transform) | `undefined` |
| `suppressOnChanged` | `boolean` | `false` |

###### Returns

`void`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`setTransform`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#settransform)

##### toString()

```ts
toString(): string;
```

Returns a string representation of an object.

###### Returns

`string`

###### Inherited from

[`ShapeItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#shapeitem).[`toString`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ShapeItem.md#tostring)

##### update()

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `item` | [`BaseItem`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/BaseItem.md#baseitem) |

###### Returns

`void`

###### Inherited from

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