Supported Components

The following components support the Data Layer.

Also refer to the events triggered by the components.

Core Components Data Schemas

The following is a list of schemas that the Core Components use with the Data Layer.

Component/Container Item Schema

The Component/Container Item schema is used in the following components:

The Component/Container Item schema is defined as follows.

id: {                   // component ID
    @type               // resource type
    repo:modifyDate     // last modified date
    dc:title            // title
    dc:description      // description
    xdm:text            // text
    xdm:linkURL         // link URL
    parentId            // parent component ID
}

The following event is relevant to the Component/Container Item schema:

  • cmp:click

Page Schema

The Page schema is used by the following component:

The Page schema is defined as follows.

id: {
    @type
    repo:modifyDate
    dc:title
    dc:description
    xdm:text
    xdm:linkURL
    parentId
    xdm:tags            // page tags
    repo:path           // page path
    xdm:template        // page template
    xdm:language        // page language
}

A cmp:show event is triggered on page load. This event is dispatched from in-line JavaScript immediately beneath the opening <body> tag, making it the earliest event in the Data Layer event queue.

Container Schema

The Container schema is used by the following components:

The Container schema is defined as follows.

id: {
    @type
    repo:modifyDate
    dc:title
    dc:description
    xdm:text
    xdm:linkURL
    parentId
    shownItems          // array of the displayed item IDs
}

The following events are relevant to the Container schema:

  • cmp:click
  • cmp:show
  • cmp:hide

Image Schema

The Image schema is used by the following component:

The Image schema is defined as follows.

id: {
    @type
    repo:modifyDate
    dc:title
    dc:description
    xdm:text
    xdm:linkURL
    parentId
    image               // asset detail (see below section)
}

The following event is relevant to the Image schema:

  • cmp:click

Asset Schema

The Asset schema is used inside the Image component.

The Asset schema is defined as follows.

id: {
    repo:id             // asset UUID
    repo:path           // asset path
    @type               // asset resource type
    xdm:tags            // asset tags
    repo:modifyDate
}

The following event is relevant to the Asset schema:

  • cmp:click

Content Fragment Schema

The Content Fragment schema is used by the Content Fragment component.

The Content Fragment schema is defined as follows.

id: {
    @type
    repo:modifyDate
    dc:title
    dc:description
    xdm:text
    xdm:linkURL
    parentId
    elements            // array of the Content Fragment elements
}

The schema used for the Content Fragment element is as follows.

{
    xdm:title           // title
    xdm:text            // text
}