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

# BarcodeItem

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

## Classes

### BarcodeItem

#### Extends

#### Constructors

##### Constructor

```ts
new BarcodeItem(
   format?, 
   content?, 
   options?, 
   rectangle?): BarcodeItem;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `format?` | [`BarcodeFormat`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/BarcodeFormat.md#barcodeformat) |
| `content?` | `string` |
| `options?` | [`EncodingOptions`](#encodingoptions) |
| `rectangle?` | [`RectangleF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/RectangleF.md#rectanglef) |

###### Returns

[`BarcodeItem`](#barcodeitem)

###### Overrides

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

#### Properties

##### containerName

```ts
containerName: string;
```

###### Inherited from

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

##### id

```ts
id: string;
```

###### Inherited from

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

##### sourcePathId

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

###### Inherited from

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

##### sourcePathLoaded

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

###### Inherited from

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

##### themeBinding

```ts
themeBinding: ThemeBinding;
```

###### Inherited from

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

##### type

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

###### Overrides

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

##### type

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

###### Overrides

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

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

##### barcodeContent

###### Get Signature

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

###### Returns

`string`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

##### barcodeData

###### Get Signature

```ts
get barcodeData(): BarcodeData;
```

###### Returns

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

##### barcodeFormat

###### Get Signature

```ts
get barcodeFormat(): BarcodeFormat;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

##### barcodeOptions

###### Get Signature

```ts
get barcodeOptions(): EncodingOptions;
```

###### Returns

[`EncodingOptions`](#encodingoptions)

###### Set Signature

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`EncodingOptions`](#encodingoptions) |

###### Returns

`void`

##### barcodePermissions

###### Get Signature

```ts
get barcodePermissions(): BarcodePermissions;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

##### barcodeSubType

###### Get Signature

```ts
get barcodeSubType(): BarcodeSubType;
```

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

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

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

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

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

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

##### color

###### Get Signature

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

###### Returns

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

###### Set Signature

```ts
set color(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`

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

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

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

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

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

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

##### isLinearBarcode

###### Get Signature

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

###### Returns

`boolean`

##### isQrCode

###### Get Signature

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

###### Returns

`boolean`

##### isRenderTypeIsNormal

###### Get Signature

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

###### Returns

`boolean`

###### Inherited from

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

##### isSquareCode

###### Get Signature

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

###### Returns

`boolean`

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

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

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

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

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

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

##### maskOpacity

###### Get Signature

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

###### Returns

`number`

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

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

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

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

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

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

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

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

##### parentPlaceholder

###### Get Signature

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

###### Returns

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

###### Set Signature

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

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

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

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

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

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

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

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

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

##### version

###### Get Signature

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

###### Returns

`string`

###### Inherited from

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

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

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

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

#### Methods

##### addPropertyChanged()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### applyBarcodeData()

```ts
applyBarcodeData(barcodeData): void;
```

###### Parameters

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

###### Returns

`void`

##### applyPermissionsConstrain()

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

###### Returns

`void`

###### Overrides

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

##### canSetIsVariable()

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

###### Returns

`boolean`

###### Inherited from

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

##### clone()

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

###### Parameters

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

###### Returns

[`BarcodeItem`](#barcodeitem)

###### Overrides

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

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

##### equals()

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `other` | [`BarcodeItem`](#barcodeitem) |

###### Returns

`any`

###### Overrides

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

##### generateNewIds()

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

###### Returns

`void`

###### Inherited from

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

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

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

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

##### getSimplifiedObject()

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

###### Parameters

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

###### Returns

`Object`

###### Overrides

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

##### removePropertyChanged()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

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

##### toString()

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

Returns a string representation of an object.

###### Returns

`string`

###### Inherited from

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

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

***

### EncodingOptions

#### Extends

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

#### Constructors

##### Constructor

```ts
new EncodingOptions(id?, name?): EncodingOptions;
```

###### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `id?` | `string` | `undefined` |
| `name?` | `string` | `""` |

###### Returns

[`EncodingOptions`](#encodingoptions)

###### Inherited from

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

#### Properties

##### aztecLayers?

```ts
optional aztecLayers?: number;
```

##### characterSet?

```ts
optional characterSet?: string;
```

##### code128ForceCodesetB?

```ts
optional code128ForceCodesetB?: boolean;
```

##### databarExpandedSegments?

```ts
optional databarExpandedSegments?: number;
```

##### disableEci?

```ts
optional disableEci?: boolean;
```

##### errorCorrection?

```ts
optional errorCorrection?: string;
```

##### height?

```ts
optional height?: number;
```

##### id

```ts
id: string;
```

###### Inherited from

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

##### margin?

```ts
optional margin?: number;
```

##### pdf417Compact?

```ts
optional pdf417Compact?: boolean;
```

##### pdf417Compaction?

```ts
optional pdf417Compaction?: string;
```

##### pdf417Dimensions?

```ts
optional pdf417Dimensions?: object;
```

##### pureBarcode?

```ts
optional pureBarcode?: boolean;
```

##### qrVersion?

```ts
optional qrVersion?: number;
```

##### type

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

##### width?

```ts
optional width?: number;
```

##### xDimension?

```ts
optional xDimension?: number;
```

##### type

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

#### Accessors

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

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

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

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

##### version

###### Get Signature

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

###### Returns

`string`

###### Inherited from

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

#### Methods

##### addPropertyChanged()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### equals()

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

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `other` | [`EncodingOptions`](#encodingoptions) |

###### Returns

`any`

###### Overrides

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

##### generateNewIds()

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

###### Returns

`void`

###### Inherited from

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

##### getSimplifiedObject()

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

###### Parameters

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

###### Returns

`object`

###### Inherited from

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

##### removePropertyChanged()

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

###### Parameters

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

###### Returns

`void`

###### Inherited from

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

##### toString()

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

Returns a string representation of an object.

###### Returns

`string`

###### Inherited from

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