`\nor its ancestor (e.g. the host `
`), this is set automatically from `--c4d--carousel--page-size`.",
"type": "number"
},
{
"name": "nextButtonText",
"attribute": "next-button-text",
"description": "The assistive text for the button to go to next slide/group.",
"type": "string | undefined"
},
{
"name": "prevButtonText",
"attribute": "prev-button-text",
"description": "The assistive text for the button to go to previous slide/group.",
"type": "string | undefined"
},
{
"name": "start",
"attribute": "start",
"description": "The current zero-based index of the left-most card.",
"type": "number",
"default": "0"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "prev-button",
"description": "The button to go to the previous page. Usage: `c4d-carousel::part(prev-button)`"
},
{
"name": "next-button",
"description": "The button to go to the next page. Usage: `c4d-carousel::part(next-button)`"
},
{
"name": "region",
"description": "The component container. Usage: `c4d-carousel::part(region)`"
},
{
"name": "title",
"description": "The title. Usage `c4d-carousel::part(title)`"
},
{
"name": "scroll-container",
"description": "Container for the scrolling elements. Usage: `c4d-carousel::part(scroll-container)`"
},
{
"name": "contents",
"description": "The scrolling elements. Usage: `c4d-carousel::part(contents)`"
},
{
"name": "navigation",
"description": "The navigation controls. Usage: `c4d-carousel::part(navigation)`"
},
{
"name": "status",
"description": "The navigation status. Usage: `c4d-carousel::part(status)`"
},
{
"name": "visually-hidden",
"description": "The span element used to hide content from view and keep it accessible for assistive technologies. Usage: `c4d-button::part(visually-hidden)`"
}
]
},
{
"name": "c4d-content-block-card-static",
"path": "./src/components/content-block-card-static/content-block-card-static.ts",
"description": "Content block variation which includes a static card group.",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-block-cards",
"path": "./src/components/content-block-cards/content-block-cards.ts",
"description": "Content block cards.",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-block-headlines-heading",
"path": "./src/components/content-block-headlines/content-block-headlines-heading.ts",
"description": "The heading content in content item.",
"attributes": [
{
"name": "slot",
"description": "The shadow slot this logo UI should be in.",
"type": "string",
"default": "\"heading\""
}
],
"properties": [
{
"name": "slot",
"attribute": "slot",
"description": "The shadow slot this logo UI should be in.",
"type": "string",
"default": "\"heading\""
},
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-content-block-headlines-item",
"path": "./src/components/content-block-headlines/content-block-headlines-item.ts",
"description": "Content Block Headlines item",
"attributes": [
{
"name": "horizontal",
"type": "boolean",
"default": "false"
}
],
"properties": [
{
"name": "horizontal",
"attribute": "horizontal",
"type": "boolean",
"default": "false"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "media",
"description": "The media content."
},
{
"name": "heading",
"description": "The heading content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
}
],
"cssParts": [
{
"name": "heading",
"description": "The heading element within the content block headlines item. Usage: `c4d-content-block-headlines-item::part(heading)`"
},
{
"name": "copy",
"description": "The paragraph element containing the copy text in the content block headlines item. Usage: `c4d-content-block-headlines-item::part(copy)`"
},
{
"name": "statistics",
"description": "The element. Usage: `c4d-content-item::part(statistics)`"
},
{
"name": "media",
"description": "The media content. Usage: `c4d-content-item::part(media)`"
},
{
"name": "cta",
"description": "The footer CTA. Usage: `c4d-content-item::part(cta)`"
},
{
"name": "body",
"description": "The body content. Usage: `c4d-content-item::part(body)`"
}
]
},
{
"name": "c4d-content-block-headlines",
"path": "./src/components/content-block-headlines/content-block-headlines.ts",
"description": "Content Block Headlines",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-block-horizontal",
"path": "./src/components/content-block-horizontal/content-block-horizontal.ts",
"description": "Horizontal version of content group.",
"attributes": [
{
"name": "border",
"type": "boolean",
"default": "false"
},
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "border",
"attribute": "border",
"type": "boolean",
"default": "false"
},
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "hr",
"description": "The horizontal rule element that appears when the border property is true. Usage: `c4d-content-block-horizontal::part(hr)`"
},
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-block-media-content",
"path": "./src/components/content-block-media/content-block-media-content.ts",
"description": "Content block media.",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-block-media",
"path": "./src/components/content-block-media/content-block-media.ts",
"description": "Content block media.",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-block-mixed",
"path": "./src/components/content-block-mixed/content-block-mixed.ts",
"description": "Content block mixed",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-block-segmented-item",
"path": "./src/components/content-block-segmented/content-block-segmented-item.ts",
"description": "Content block segmented item.",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-block-segmented",
"path": "./src/components/content-block-segmented/content-block-segmented.ts",
"description": "Simple version of content block.",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-block-simple",
"path": "./src/components/content-block-simple/content-block-simple.ts",
"description": "Simple version of content block.",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-block-complementary",
"path": "./src/components/content-block/content-block-complementary.ts",
"description": "The complementary content in content block.",
"attributes": [
{
"name": "slot",
"description": "The shadow slot this logo UI should be in.",
"type": "string",
"default": "\"complementary\""
}
],
"properties": [
{
"name": "slot",
"attribute": "slot",
"description": "The shadow slot this logo UI should be in.",
"type": "string",
"default": "\"complementary\""
},
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-content-block-copy",
"path": "./src/components/content-block/content-block-copy.ts",
"description": "The copy content of content block.",
"attributes": [
{
"name": "size",
"description": "The default slot for all content-block-copy use cases.\nThe content size.",
"type": "CONTENT_BLOCK_COPY_SIZE",
"default": "\"md\""
},
{
"name": "slot",
"description": "The shadow slot this copy content should be in.",
"type": "string",
"default": "\"copy\""
}
],
"properties": [
{
"name": "size",
"attribute": "size",
"description": "The default slot for all content-block-copy use cases.\nThe content size.",
"type": "CONTENT_BLOCK_COPY_SIZE",
"default": "\"md\""
},
{
"name": "slot",
"attribute": "slot",
"description": "The shadow slot this copy content should be in.",
"type": "string",
"default": "\"copy\""
},
{
"name": "content",
"description": "The markdown content.",
"type": "string | undefined"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "content-block-paragraph",
"description": "The paragraph element within the content block. Usage: `c4d-content-block-copy::part(content-block-paragraph)`"
},
{
"name": "link",
"description": "The custom link element. Usage: `c4d-markdown::part(link)`"
},
{
"name": "ordered-list",
"description": "The ordered list element. Usage: `c4d-markdown::part(ordered-list)`"
},
{
"name": "unordered-list",
"description": "The unordered list element. Usage: `c4d-markdown::part(unordered-list)`"
},
{
"name": "list",
"description": "The list element. Usage: `c4d-markdown::part(list)`"
},
{
"name": "list-item",
"description": "The list item element. Usage: `c4d-markdown::part(list-item)`"
}
]
},
{
"name": "c4d-content-block-heading",
"path": "./src/components/content-block/content-block-heading.ts",
"description": "The heading content in content block.",
"attributes": [
{
"name": "slot",
"description": "The shadow slot this logo UI should be in.",
"type": "string",
"default": "\"heading\""
}
],
"properties": [
{
"name": "slot",
"attribute": "slot",
"description": "The shadow slot this logo UI should be in.",
"type": "string",
"default": "\"heading\""
},
{
"name": "content",
"type": "string",
"default": "\"\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "h2",
"description": "The heading element within the content block. Usage: `c4d-content-block-heading::part(content-block-heading)`"
}
]
},
{
"name": "c4d-content-block-paragraph",
"path": "./src/components/content-block/content-block-paragraph.ts",
"description": "The paragraph content in content block.",
"properties": [
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-content-block",
"path": "./src/components/content-block/content-block.ts",
"description": "Content block.",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-group-card-item",
"path": "./src/components/content-group-cards/content-group-cards-item.ts",
"description": "Content Group Card item.",
"attributes": [
{
"name": "no-poster"
},
{
"name": "color-scheme",
"description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"regular\"",
"type": "string",
"default": "\"\""
},
{
"name": "pictogram-placement",
"description": "Pictogram placement",
"type": "PICTOGRAM_PLACEMENT",
"default": "\"bottom\""
},
{
"name": "link",
"description": "Whether or not to apply the link style.",
"type": "boolean",
"default": "false"
},
{
"name": "logo",
"description": "Whether or not to apply the logo style.",
"type": "boolean",
"default": "false"
},
{
"name": "cta-type",
"description": "`true` if there is copy content.",
"default": "\"\""
},
{
"name": "href",
"description": "Link `href`.",
"type": "string",
"default": "\"\""
}
],
"properties": [
{
"name": "noPoster",
"attribute": "no-poster"
},
{
"name": "colorScheme",
"attribute": "color-scheme",
"description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"regular\"",
"type": "string",
"default": "\"\""
},
{
"name": "pictogramPlacement",
"attribute": "pictogram-placement",
"description": "Pictogram placement",
"type": "PICTOGRAM_PLACEMENT",
"default": "\"bottom\""
},
{
"name": "link",
"attribute": "link",
"description": "Whether or not to apply the link style.",
"type": "boolean",
"default": "false"
},
{
"name": "logo",
"attribute": "logo",
"description": "Whether or not to apply the logo style.",
"type": "boolean",
"default": "false"
},
{
"name": "ctaType",
"attribute": "cta-type",
"description": "`true` if there is copy content.",
"default": "\"\""
},
{
"name": "href",
"attribute": "href",
"description": "Link `href`.",
"type": "string",
"default": "\"\""
},
{
"name": "hreflang",
"description": "The language of what `href` points to.",
"type": "string"
},
{
"name": "inline",
"description": "`true` if the link should be inline.",
"type": "boolean"
},
{
"name": "linkRole",
"description": "The a11y role for ``.",
"type": "string"
},
{
"name": "ping",
"description": "URLs to ping.",
"type": "string"
},
{
"name": "rel",
"description": "The link type.",
"type": "string"
},
{
"name": "size",
"description": "Link size.",
"type": "string"
},
{
"name": "type",
"description": "MIME type of the `target`.",
"type": "string"
},
{
"name": "visited",
"description": "`true` if the link has been visited.",
"type": "boolean"
},
{
"name": "shadowRootOptions",
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; }",
"default": "{\"delegatesFocus\":true}"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "eyebrow",
"description": "The eyebrow content."
},
{
"name": "heading",
"description": "The heading content."
},
{
"name": "image",
"description": "The image content."
},
{
"name": "footer",
"description": "The footer content."
}
],
"cssParts": [
{
"name": "caption",
"description": "The Caption (default heading). Usage: `c4d-card::part(caption)`"
},
{
"name": "copy",
"description": "The Copy. Usage: `c4d-card::part(copy)`"
},
{
"name": "container",
"description": "The Inner content container. Usage: `c4d-card::part(container)`"
},
{
"name": "video-thumbnail",
"description": "The video thumbnail. Usage: `c4d-card::part(video-thumbnail)`"
},
{
"name": "disabled-link",
"description": ". Disabled link. Usage: `c4d-card::part(disabled-link)`"
},
{
"name": "wrapper",
"description": "The component wrapper. Usage: `c4d-card::part(wrapper)`"
},
{
"name": "content",
"description": "The content container. Usage: `c4d-card::part(content)`"
},
{
"name": "link",
"description": "Active link. Usage: `c4d-card::part(link)`"
}
]
},
{
"name": "c4d-content-group-cards",
"path": "./src/components/content-group-cards/content-group-cards.ts",
"description": "Content group cards.",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "children",
"description": "The Element container. Usage: `c4d-content-group-cards::part(children)`"
},
{
"name": "cards-group",
"description": "The cards group grid. Usage: `c4d-content-group-cards::part(cards-group)`"
},
{
"name": "cards-row",
"description": "The cards group row. Usage: `c4d-content-group-cards::part(cards-row)`"
},
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-group-pictogram",
"path": "./src/components/content-group-pictograms/content-group-pictograms.ts",
"description": "Content group with pictograms",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-group-simple",
"path": "./src/components/content-group-simple/content-group-simple.ts",
"description": "Simple version of content group.",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The heading content."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "body",
"description": "The body. Usage: `c4d-content-block::part(body)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-content-group-copy",
"path": "./src/components/content-group/content-group-copy.ts",
"description": "The copy content in content group.",
"attributes": [
{
"name": "slot",
"description": "The shadow slot this copy content should be in.",
"type": "string",
"default": "\"copy\""
}
],
"properties": [
{
"name": "slot",
"attribute": "slot",
"description": "The shadow slot this copy content should be in.",
"type": "string",
"default": "\"copy\""
},
{
"name": "content",
"description": "The markdown content.",
"type": "string | undefined"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "paragraph",
"description": "The paragraph element within the content group copy. Usage: `c4d-content-group-copy::part(paragraph)`"
},
{
"name": "link",
"description": "The custom link element. Usage: `c4d-markdown::part(link)`"
},
{
"name": "ordered-list",
"description": "The ordered list element. Usage: `c4d-markdown::part(ordered-list)`"
},
{
"name": "unordered-list",
"description": "The unordered list element. Usage: `c4d-markdown::part(unordered-list)`"
},
{
"name": "list",
"description": "The list element. Usage: `c4d-markdown::part(list)`"
},
{
"name": "list-item",
"description": "The list item element. Usage: `c4d-markdown::part(list-item)`"
}
]
},
{
"name": "c4d-content-group-heading",
"path": "./src/components/content-group/content-group-heading.ts",
"description": "The heading content in content group.",
"attributes": [
{
"name": "slot",
"description": "The shadow slot this logo UI should be in.",
"type": "string",
"default": "\"heading\""
}
],
"properties": [
{
"name": "slot",
"attribute": "slot",
"description": "The shadow slot this logo UI should be in.",
"type": "string",
"default": "\"heading\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "heading",
"description": "The Heading. Usage: `c4d-content-group-heading::part(heading)`"
}
]
},
{
"name": "c4d-content-group-paragraph",
"path": "./src/components/content-group/content-group-paragraph.ts",
"description": "The paragraph content in content group.",
"properties": [
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-content-item-row-copy",
"path": "./src/components/content-item-row/content-item-row-copy.ts",
"description": "The copy content of content item row.",
"properties": [
{
"name": "content",
"description": "The markdown content.",
"type": "string | undefined"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "paragraph",
"description": "The paragraph element within the content item copy. Usage: `c4d-content-item-copy::part(paragraph)`"
},
{
"name": "link",
"description": "The custom link element. Usage: `c4d-markdown::part(link)`"
},
{
"name": "ordered-list",
"description": "The ordered list element. Usage: `c4d-markdown::part(ordered-list)`"
},
{
"name": "unordered-list",
"description": "The unordered list element. Usage: `c4d-markdown::part(unordered-list)`"
},
{
"name": "list",
"description": "The list element. Usage: `c4d-markdown::part(list)`"
},
{
"name": "list-item",
"description": "The list item element. Usage: `c4d-markdown::part(list-item)`"
}
]
},
{
"name": "c4d-content-item-row-eyebrow",
"path": "./src/components/content-item-row/content-item-row-eyebrow.ts",
"description": "The eyebrow content of content item row.",
"attributes": [
{
"name": "slot",
"description": "The shadow slot this eyebrow content should be in.",
"type": "string",
"default": "\"eyebrow\""
}
],
"properties": [
{
"name": "slot",
"attribute": "slot",
"description": "The shadow slot this eyebrow content should be in.",
"type": "string",
"default": "\"eyebrow\""
},
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-content-item-row-media-copy",
"path": "./src/components/content-item-row/content-item-row-media-copy.ts",
"description": "The copy content of content item row with media.",
"properties": [
{
"name": "content",
"description": "The markdown content.",
"type": "string | undefined"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "paragraph",
"description": "The paragraph element within the content item copy. Usage: `c4d-content-item-copy::part(paragraph)`"
},
{
"name": "link",
"description": "The custom link element. Usage: `c4d-markdown::part(link)`"
},
{
"name": "ordered-list",
"description": "The ordered list element. Usage: `c4d-markdown::part(ordered-list)`"
},
{
"name": "unordered-list",
"description": "The unordered list element. Usage: `c4d-markdown::part(unordered-list)`"
},
{
"name": "list",
"description": "The list element. Usage: `c4d-markdown::part(list)`"
},
{
"name": "list-item",
"description": "The list item element. Usage: `c4d-markdown::part(list-item)`"
}
]
},
{
"name": "c4d-content-item-row-media-featured",
"path": "./src/components/content-item-row/content-item-row-media-featured.ts",
"description": "A component to present content in a row orientation with featured\nmedia beneath.",
"attributes": [
{
"name": "horizontal",
"type": "boolean",
"default": "false"
}
],
"properties": [
{
"name": "horizontal",
"attribute": "horizontal",
"type": "boolean",
"default": "false"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "media",
"description": "The media content."
},
{
"name": "heading",
"description": "The heading content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
}
],
"cssParts": [
{
"name": "row--eyebrow",
"description": "The eyebrow. Usage: `c4d-contenr-item-row-media-featured::part(row--eyebrow)`"
},
{
"name": "col--body",
"description": "The body. Usage: `c4d-contenr-item-row-media-featured::part(col--body)`"
},
{
"name": "row--media",
"description": "The media. Usage: `c4d-contenr-item-row-media-featured::part(row--media)`"
},
{
"name": "statistics",
"description": "The element. Usage: `c4d-content-item::part(statistics)`"
},
{
"name": "media",
"description": "The media content. Usage: `c4d-content-item::part(media)`"
},
{
"name": "cta",
"description": "The footer CTA. Usage: `c4d-content-item::part(cta)`"
},
{
"name": "heading",
"description": "The heading content. Usage: `c4d-content-item::part(heading)`"
},
{
"name": "body",
"description": "The body content. Usage: `c4d-content-item::part(body)`"
}
]
},
{
"name": "c4d-content-item-row-media-video",
"path": "./src/components/content-item-row/content-item-row-media-video.ts",
"description": "The video content in row content item with media.",
"attributes": [
{
"name": "slot",
"description": "The shadow slot this video should be in.",
"type": "string",
"default": "\"media\""
},
{
"name": "auto-play",
"description": "`true` to autoplay the videos.",
"type": "boolean",
"default": "false"
},
{
"name": "muted",
"description": "`true` load videos with sound muted.",
"type": "boolean",
"default": "false"
},
{
"name": "caption",
"description": "Optional custom video caption.",
"type": "\"\" | undefined"
},
{
"name": "video-description",
"description": "Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.",
"type": "string | undefined"
},
{
"name": "hide-caption",
"description": "`true` to hide the caption.",
"type": "boolean",
"default": "false"
},
{
"name": "background-mode",
"description": "`true` to autoplay, mute, and hide player UI.",
"type": "boolean",
"default": "false"
},
{
"name": "intersection-mode",
"description": "Triggers playback on intersection with the viewport / carousel.",
"type": "boolean",
"default": "false"
},
{
"name": "button-position",
"description": "The position of the toggle playback button.",
"type": "BUTTON_POSITION",
"default": "\"bottom-right\""
},
{
"name": "video-id",
"description": "The video ID.",
"type": "string",
"default": "\"\""
},
{
"name": "aspect-ratio",
"description": "The aspect ratio.",
"type": "\"\" | undefined"
},
{
"name": "isPlaying",
"description": "The current playback state",
"type": "boolean",
"default": "false"
},
{
"name": "playing-mode",
"description": "The video player's mode showing Inline or Lightbox.",
"type": "VIDEO_PLAYER_PLAYING_MODE",
"default": "\"inline\""
},
{
"name": "thumbnail",
"description": "Optional custom video thumbnail",
"type": "\"\" | undefined"
},
{
"name": "video-thumbnail-width",
"description": "The video thumbnail width.",
"type": "number",
"default": "3"
},
{
"name": "isRTL",
"description": "Determines if the direction is right-to-left",
"type": "boolean",
"default": "false"
}
],
"properties": [
{
"name": "slot",
"attribute": "slot",
"description": "The shadow slot this video should be in.",
"type": "string",
"default": "\"media\""
},
{
"name": "styles",
"default": "\"styles\""
},
{
"name": "autoPlay",
"attribute": "auto-play",
"description": "`true` to autoplay the videos.",
"type": "boolean",
"default": "false"
},
{
"name": "muted",
"attribute": "muted",
"description": "`true` load videos with sound muted.",
"type": "boolean",
"default": "false"
},
{
"name": "caption",
"attribute": "caption",
"description": "Optional custom video caption.",
"type": "\"\" | undefined"
},
{
"name": "customVideoDescription",
"attribute": "video-description",
"description": "Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.",
"type": "string | undefined"
},
{
"name": "formatCaption",
"description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(({ duration, name, }: { duration?: string | undefined; name?: string | undefined; }) => string) | undefined"
},
{
"name": "formatDuration",
"description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(({ duration }: { duration?: number | undefined; }) => string) | undefined"
},
{
"name": "hideCaption",
"attribute": "hide-caption",
"description": "`true` to hide the caption.",
"type": "boolean",
"default": "false"
},
{
"name": "backgroundMode",
"attribute": "background-mode",
"description": "`true` to autoplay, mute, and hide player UI.",
"type": "boolean",
"default": "false"
},
{
"name": "intersectionMode",
"attribute": "intersection-mode",
"description": "Triggers playback on intersection with the viewport / carousel.",
"type": "boolean",
"default": "false"
},
{
"name": "buttonPosition",
"attribute": "button-position",
"description": "The position of the toggle playback button.",
"type": "BUTTON_POSITION",
"default": "\"bottom-right\""
},
{
"name": "playbackTriggered",
"description": "Track when we have triggered initial playback.",
"type": "boolean",
"default": "false"
},
{
"name": "mediaData",
"description": "The video data, keyed by the video ID.",
"type": "{ [videoId: string]: MediaData; } | undefined"
},
{
"name": "videoId",
"attribute": "video-id",
"description": "The video ID.",
"type": "string",
"default": "\"\""
},
{
"name": "aspectRatio",
"attribute": "aspect-ratio",
"description": "The aspect ratio.",
"type": "\"\" | undefined"
},
{
"name": "isPlaying",
"attribute": "isPlaying",
"description": "The current playback state",
"type": "boolean",
"default": "false"
},
{
"name": "playingMode",
"attribute": "playing-mode",
"description": "The video player's mode showing Inline or Lightbox.",
"type": "VIDEO_PLAYER_PLAYING_MODE",
"default": "\"inline\""
},
{
"name": "thumbnail",
"attribute": "thumbnail",
"description": "Optional custom video thumbnail",
"type": "\"\" | undefined"
},
{
"name": "videoThumbnailWidth",
"attribute": "video-thumbnail-width",
"description": "The video thumbnail width.",
"type": "number",
"default": "3"
},
{
"name": "isRTL",
"attribute": "isRTL",
"description": "Determines if the direction is right-to-left",
"type": "boolean",
"default": "false"
}
],
"cssParts": [
{
"name": "video-player",
"description": "The video player. Usage `c4d-video-player-composite::part(video-player)`"
}
]
},
{
"name": "c4d-content-item-row-media",
"path": "./src/components/content-item-row/content-item-row-media.ts",
"description": "A component to present content in a row orientation with media.",
"attributes": [
{
"name": "align",
"description": "Defines the alignment of the media: `left` or `right`",
"type": "MEDIA_ALIGN",
"default": "\"right\""
},
{
"name": "horizontal",
"type": "boolean",
"default": "false"
}
],
"properties": [
{
"name": "align",
"attribute": "align",
"description": "Defines the alignment of the media: `left` or `right`",
"type": "MEDIA_ALIGN",
"default": "\"right\""
},
{
"name": "horizontal",
"attribute": "horizontal",
"type": "boolean",
"default": "false"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "media",
"description": "The media content."
},
{
"name": "heading",
"description": "The heading content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
}
],
"cssParts": [
{
"name": "col--eyebrow",
"description": "the column eyebrow. Usage. `c4d-content-item-row-media::part(col--eyebrow)`"
},
{
"name": "col--media",
"description": "thecontent column media. Usage. `c4d-content-item-row-media::part(col--media)`"
},
{
"name": "row--media",
"description": "the content row media. Usage. `c4d-content-item-row-media::part(row--media)`"
},
{
"name": "statistics",
"description": "The element. Usage: `c4d-content-item::part(statistics)`"
},
{
"name": "media",
"description": "The media content. Usage: `c4d-content-item::part(media)`"
},
{
"name": "cta",
"description": "The footer CTA. Usage: `c4d-content-item::part(cta)`"
},
{
"name": "heading",
"description": "The heading content. Usage: `c4d-content-item::part(heading)`"
},
{
"name": "body",
"description": "The body content. Usage: `c4d-content-item::part(body)`"
}
]
},
{
"name": "c4d-content-item-row-thumbnail-copy",
"path": "./src/components/content-item-row/content-item-row-thumbnail-copy.ts",
"description": "The copy content of content item row with thumbnail.",
"properties": [
{
"name": "content",
"description": "The markdown content.",
"type": "string | undefined"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "paragraph",
"description": "The paragraph element within the content item copy. Usage: `c4d-content-item-copy::part(paragraph)`"
},
{
"name": "link",
"description": "The custom link element. Usage: `c4d-markdown::part(link)`"
},
{
"name": "ordered-list",
"description": "The ordered list element. Usage: `c4d-markdown::part(ordered-list)`"
},
{
"name": "unordered-list",
"description": "The unordered list element. Usage: `c4d-markdown::part(unordered-list)`"
},
{
"name": "list",
"description": "The list element. Usage: `c4d-markdown::part(list)`"
},
{
"name": "list-item",
"description": "The list item element. Usage: `c4d-markdown::part(list-item)`"
}
]
},
{
"name": "c4d-content-item-row",
"path": "./src/components/content-item-row/content-item-row.ts",
"description": "A component to present a content in a row orientation.",
"attributes": [
{
"name": "thumbnail",
"description": "Determines whether to render the thumbnail variant",
"type": "boolean",
"default": "false"
},
{
"name": "horizontal",
"type": "boolean",
"default": "false"
}
],
"properties": [
{
"name": "thumbnail",
"attribute": "thumbnail",
"description": "Determines whether to render the thumbnail variant",
"type": "boolean",
"default": "false"
},
{
"name": "horizontal",
"attribute": "horizontal",
"type": "boolean",
"default": "false"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "media",
"description": "The media content."
},
{
"name": "heading",
"description": "The heading content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
}
],
"cssParts": [
{
"name": "heading-wrapper",
"description": "The heading wrapper. Usage: `c4d-content-item-row::part(eading-wrapper)`"
},
{
"name": "content-wrapper",
"description": "The content wrapper. Usage: `c4d-content-item-row::part(content-wrapper)`"
},
{
"name": "body-wrapper",
"description": "The body wrapper. Usage: `c4d-content-item-row::part(body-wrapper)`"
},
{
"name": "col",
"description": "Selector for all columns. Usage: `c4d-content-item-row::part(col)`"
},
{
"name": "statistics",
"description": "The element. Usage: `c4d-content-item::part(statistics)`"
},
{
"name": "media",
"description": "The media content. Usage: `c4d-content-item::part(media)`"
},
{
"name": "cta",
"description": "The footer CTA. Usage: `c4d-content-item::part(cta)`"
},
{
"name": "heading",
"description": "The heading content. Usage: `c4d-content-item::part(heading)`"
},
{
"name": "body",
"description": "The body content. Usage: `c4d-content-item::part(body)`"
}
]
},
{
"name": "c4d-content-item-copy",
"path": "./src/components/content-item/content-item-copy.ts",
"description": "The copy content of content item.",
"properties": [
{
"name": "content",
"description": "The markdown content.",
"type": "string | undefined"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "paragraph",
"description": "The paragraph element within the content item copy. Usage: `c4d-content-item-copy::part(paragraph)`"
},
{
"name": "link",
"description": "The custom link element. Usage: `c4d-markdown::part(link)`"
},
{
"name": "ordered-list",
"description": "The ordered list element. Usage: `c4d-markdown::part(ordered-list)`"
},
{
"name": "unordered-list",
"description": "The unordered list element. Usage: `c4d-markdown::part(unordered-list)`"
},
{
"name": "list",
"description": "The list element. Usage: `c4d-markdown::part(list)`"
},
{
"name": "list-item",
"description": "The list item element. Usage: `c4d-markdown::part(list-item)`"
}
]
},
{
"name": "c4d-content-item-heading",
"path": "./src/components/content-item/content-item-heading.ts",
"description": "The heading content in content item.",
"attributes": [
{
"name": "slot",
"description": "The shadow slot this logo UI should be in.",
"type": "string",
"default": "\"heading\""
}
],
"properties": [
{
"name": "slot",
"attribute": "slot",
"description": "The shadow slot this logo UI should be in.",
"type": "string",
"default": "\"heading\""
},
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-content-item-paragraph",
"path": "./src/components/content-item/content-item-paragraph.ts",
"description": "The paragraph content in content item.",
"properties": [
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-content-item",
"path": "./src/components/content-item/content-item.ts",
"description": "Content item.",
"attributes": [
{
"name": "horizontal",
"type": "boolean",
"default": "false"
}
],
"properties": [
{
"name": "horizontal",
"attribute": "horizontal",
"type": "boolean",
"default": "false"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "media",
"description": "The media content."
},
{
"name": "heading",
"description": "The heading content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
}
],
"cssParts": [
{
"name": "statistics",
"description": "The element. Usage: `c4d-content-item::part(statistics)`"
},
{
"name": "media",
"description": "The media content. Usage: `c4d-content-item::part(media)`"
},
{
"name": "cta",
"description": "The footer CTA. Usage: `c4d-content-item::part(cta)`"
},
{
"name": "heading",
"description": "The heading content. Usage: `c4d-content-item::part(heading)`"
},
{
"name": "body",
"description": "The body content. Usage: `c4d-content-item::part(body)`"
}
]
},
{
"name": "c4d-content-section-copy",
"path": "./src/components/content-section/content-section-copy.ts",
"description": "Copy content in content section.",
"attributes": [
{
"name": "slot",
"type": "string",
"default": "\"copy\""
}
],
"properties": [
{
"name": "slot",
"attribute": "slot",
"type": "string",
"default": "\"copy\""
},
{
"name": "content",
"description": "The markdown content.",
"type": "string | undefined"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "link",
"description": "The custom link element. Usage: `c4d-markdown::part(link)`"
},
{
"name": "ordered-list",
"description": "The ordered list element. Usage: `c4d-markdown::part(ordered-list)`"
},
{
"name": "unordered-list",
"description": "The unordered list element. Usage: `c4d-markdown::part(unordered-list)`"
},
{
"name": "list",
"description": "The list element. Usage: `c4d-markdown::part(list)`"
},
{
"name": "list-item",
"description": "The list item element. Usage: `c4d-markdown::part(list-item)`"
}
]
},
{
"name": "c4d-content-section-heading",
"path": "./src/components/content-section/content-section-heading.ts",
"description": "Heading in content section.",
"attributes": [
{
"name": "slot",
"type": "string",
"default": "\"heading\""
}
],
"properties": [
{
"name": "slot",
"attribute": "slot",
"type": "string",
"default": "\"heading\""
},
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-content-section",
"path": "./src/components/content-section/content-section.ts",
"description": "The Content Section component for use with cardSection",
"attributes": [
{
"name": "children-custom-class",
"description": "An optional custom class for children.",
"type": "string",
"default": "\"\""
}
],
"properties": [
{
"name": "childrenCustomClass",
"attribute": "children-custom-class",
"description": "An optional custom class for children.",
"type": "string",
"default": "\"\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "Section heading"
}
],
"cssParts": [
{
"name": "layout",
"description": "The component wrapper. Usage: `c4d-content-section::part(layout)`"
},
{
"name": "leading",
"description": "The leading. Usage: `c4d-content-section::part(leading)`"
},
{
"name": "body",
"description": "The body. Usage: `c4d-content-section::part(body)`"
}
]
},
{
"name": "c4d-countdown",
"path": "./src/components/countdown/countdown.ts",
"description": "The Countdown component.",
"attributes": [
{
"name": "target",
"description": "The target date, either in date time string format (ISO 8601), or UNIX timestamp.",
"type": "string | undefined"
},
{
"name": "separator",
"description": "Optional date parts separator.",
"type": "string | undefined"
},
{
"name": "label-type",
"description": "Optional date parts label type. One of 'short', 'narrow', 'long', or 'none'.",
"type": "UnitDisplay",
"default": "\"long\""
}
],
"properties": [
{
"name": "isMdOrLarger",
"type": "boolean",
"default": "\"matches\""
},
{
"name": "timeDiff",
"type": "TimeDiff | undefined"
},
{
"name": "targetDateTime",
"type": "number | undefined"
},
{
"name": "locale",
"type": "Locale",
"default": "{\"lc\":\"en\",\"cc\":\"us\"}"
},
{
"name": "targetInput",
"attribute": "target",
"description": "The target date, either in date time string format (ISO 8601), or UNIX timestamp.",
"type": "string | undefined"
},
{
"name": "separator",
"attribute": "separator",
"description": "Optional date parts separator.",
"type": "string | undefined"
},
{
"name": "labelType",
"attribute": "label-type",
"description": "Optional date parts label type. One of 'short', 'narrow', 'long', or 'none'.",
"type": "UnitDisplay",
"default": "\"long\""
}
]
},
{
"name": "c4d-cta-block-item-row",
"path": "./src/components/cta-block/cta-block-item-row.ts",
"description": "The CTA BLOCK ITEM ROW component",
"properties": [
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "."
}
]
},
{
"name": "c4d-cta-block-item",
"path": "./src/components/cta-block/cta-block-item.ts",
"description": "The CTA BLOCK ITEM component",
"attributes": [
{
"name": "horizontal",
"type": "boolean",
"default": "false"
}
],
"properties": [
{
"name": "horizontal",
"attribute": "horizontal",
"type": "boolean",
"default": "false"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "statistics"
},
{
"name": "media"
},
{
"name": "heading"
},
{
"name": "."
},
{
"name": "footer"
}
],
"cssParts": [
{
"name": "statistics",
"description": "The statistics. Usage: `c4d-cta-block-item::part(statistics)`"
},
{
"name": "media",
"description": "The media. Usage: `c4d-cta-block-item::part(media)`"
},
{
"name": "cta",
"description": "The footer CTA. Usage: `c4d-content-item::part(cta)`"
},
{
"name": "heading",
"description": "The heading content. Usage: `c4d-content-item::part(heading)`"
},
{
"name": "body",
"description": "The body content. Usage: `c4d-content-item::part(body)`"
}
]
},
{
"name": "c4d-cta-block",
"path": "./src/components/cta-block/cta-block.ts",
"description": "The CTA BLOCK pattern",
"attributes": [
{
"name": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
}
],
"properties": [
{
"name": "complementaryStyleScheme",
"attribute": "complementary-style-scheme",
"description": "The style scheme for the complementary content.",
"type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
"default": "\"regular\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "The text heading."
},
{
"name": "action",
"description": "The CTA Buttons."
},
{
"name": "copy",
"description": "The copy content."
},
{
"name": "media",
"description": "The media content."
},
{
"name": "footer",
"description": "The footer (CTA) content."
},
{
"name": "complementary",
"description": "The complementary (aside) content."
}
],
"cssParts": [
{
"name": "cta",
"description": "The CTA Usage: `c4d-cta-block::part(cta)`"
},
{
"name": "helper-wrapper",
"description": "The help text wrapper. Usage: `c4d-cta-block::part(helper-wrapper)`"
},
{
"name": "content-item-wrapper",
"description": "The Content item wrapper Usage: `c4d-cta-block::part(content-item-wrapper)`"
},
{
"name": "body",
"description": "The body Usage: `c4d-cta-block::part(body)`"
},
{
"name": "copy",
"description": "The copy. Usage: `c4d-cta-block::part(copy)`"
},
{
"name": "link-list",
"description": "The Link list. Usage: `c4d-cta-block::part(link-list)`"
},
{
"name": "footer",
"description": "The footer. Usage: `c4d-content-block::part(footer)`"
},
{
"name": "content-layout",
"description": "The content wrapper. Usage: `c4d-content-block::part(content-layout)`"
}
]
},
{
"name": "c4d-cta-section",
"path": "./src/components/cta-section/cta-section.ts",
"description": "The CTA SECTION pattern",
"attributes": [
{
"name": "logo-ratio"
},
{
"name": "children-custom-class",
"description": "An optional custom class for children.",
"type": "string",
"default": "\"\""
}
],
"properties": [
{
"name": "logoRatio",
"attribute": "logo-ratio"
},
{
"name": "childrenCustomClass",
"attribute": "children-custom-class",
"description": "An optional custom class for children.",
"type": "string",
"default": "\"\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "heading",
"description": "Section heading"
}
],
"cssParts": [
{
"name": "layout",
"description": "The component wrapper. Usage: `c4d-content-section::part(layout)`"
},
{
"name": "leading",
"description": "The leading. Usage: `c4d-content-section::part(leading)`"
},
{
"name": "body",
"description": "The body. Usage: `c4d-content-section::part(body)`"
}
]
},
{
"name": "c4d-button-cta",
"path": "./src/components/cta/button-cta.ts",
"description": "Button CTA.",
"attributes": [
{
"name": "span"
},
{
"name": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "video-name",
"description": "The video name.",
"type": "string | undefined"
},
{
"name": "video-description",
"description": "The video description.",
"type": "string | undefined"
},
{
"name": "href",
"description": "Link `href`.",
"type": "string | undefined"
},
{
"name": "isExpressive",
"description": "`true` if expressive theme enabled.",
"type": "boolean",
"default": "true"
}
],
"properties": [
{
"name": "iconSlot",
"type": "HTMLElement | undefined"
},
{
"name": "span",
"attribute": "span"
},
{
"name": "ctaType",
"attribute": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "formatVideoCaption",
"description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoCaption\""
},
{
"name": "formatVideoDuration",
"description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoDuration\""
},
{
"name": "videoDuration",
"attribute": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "videoName",
"attribute": "video-name",
"description": "The video name.",
"type": "string | undefined"
},
{
"name": "videoDescription",
"attribute": "video-description",
"description": "The video description.",
"type": "string | undefined"
},
{
"name": "videoThumbnailUrl",
"description": "The video thumbnail URL.\nButton CTA does not support video thumbnail, and this property should never be set.",
"type": "undefined"
},
{
"name": "batchAction",
"description": "`true` if the button is being used within a data table batch action toolbar",
"type": "boolean"
},
{
"name": "buttonClassName",
"description": "Specify an optional className to be added to your Button"
},
{
"name": "dangerDescriptor",
"description": "Specify the message read by screen readers for the danger button variant"
},
{
"name": "hasMainContent",
"description": "`true` if there is a non-icon content.",
"type": "boolean"
},
{
"name": "href",
"attribute": "href",
"description": "Link `href`.",
"type": "string | undefined"
},
{
"name": "hreflang",
"description": "The language of what `href` points to, if this button is rendered as ``.",
"type": "string"
},
{
"name": "isExpressive",
"attribute": "isExpressive",
"description": "`true` if expressive theme enabled.",
"type": "boolean",
"default": "true"
},
{
"name": "isSelected",
"description": "Specify whether the Button is currently selected.\nOnly applies to the Ghost variant.",
"type": "boolean"
},
{
"name": "kind",
"description": "Button kind.",
"type": "BUTTON_KIND"
},
{
"name": "linkRole",
"description": "The a11y role for ``.",
"type": "string"
},
{
"name": "openTooltip",
"description": "Boolean to determine if tooltip is open.",
"type": "boolean"
},
{
"name": "ping",
"description": "URLs to ping, if this button is rendered as ``.",
"type": "string"
},
{
"name": "rel",
"description": "The link type, if this button is rendered as ``.",
"type": "string"
},
{
"name": "size",
"description": "Button size.",
"type": "string"
},
{
"name": "tooltipAlignment",
"description": "Specify the alignment of the tooltip to the icon-only button.\nCan be one of: start, center, or end.",
"type": "BUTTON_TOOLTIP_ALIGNMENT"
},
{
"name": "tooltipPosition",
"description": "Specify the direction of the tooltip for icon-only buttons.\nCan be either top, right, bottom, or left.",
"type": "BUTTON_TOOLTIP_POSITION"
},
{
"name": "tooltipText",
"description": "Specify the direction of the tooltip for icon-only buttons.\nCan be either top, right, bottom, or left.",
"type": "string"
},
{
"name": "type",
"description": "Button type.",
"type": "BUTTON_TYPE"
},
{
"name": "shadowRootOptions",
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; }",
"default": "{\"delegatesFocus\":true}"
},
{
"name": "styles",
"default": "\"styles\""
},
{
"name": "autofocus",
"description": "`true` if the button should have input focus when the page loads.",
"type": "boolean"
}
],
"cssParts": [
{
"name": "button",
"description": "The button. Usage: `c4d-button::part(button)`"
},
{
"name": "hidden-paragraph",
"description": "The hidden paragraph that contains the link. Usage: `c4d-button::part(hidden-paragraph)`"
},
{
"name": "hidden-icon-span",
"description": "The span element inside the hidden paragraph. Usage: `c4d-button::part(hidden-icon-span)`"
},
{
"name": "visually-hidden-span",
"description": "The visually hidden span element for accessibility. Usage: `c4d-button::part(visually-hidden-span)`"
}
]
},
{
"name": "c4d-card-footer",
"path": "./src/components/cta/card-cta-footer.ts",
"description": "Card CTA footer.",
"attributes": [
{
"name": "altAriaLabel",
"description": "Alternative aria label if no text in footer.",
"type": "string | null | undefined"
},
{
"name": "color-scheme",
"description": "The color scheme.",
"type": "string",
"default": "\"\""
},
{
"name": "parent-href",
"description": "The `href` in parent ``.\n`` sets this automatically.",
"type": "string | undefined"
},
{
"name": "icon-placement",
"description": "Icon placement(right (default) | left)",
"type": "ICON_PLACEMENT",
"default": "\"right\""
},
{
"name": "iconInline",
"description": "Positions the icon inline with text when `true`",
"type": "boolean",
"default": "true"
},
{
"name": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "video-name",
"description": "The video name.\nThis property should be set when a custom video title is needed.",
"type": "string | undefined"
},
{
"name": "video-description",
"description": "The video custom description.",
"type": "string | undefined"
},
{
"name": "size",
"description": "Property that specifies the link to use size large",
"type": "string",
"default": "\"lg\""
},
{
"name": "slot",
"description": "The slot in parent ``.",
"type": "string",
"default": "\"footer\""
}
],
"properties": [
{
"name": "altAriaLabel",
"attribute": "altAriaLabel",
"description": "Alternative aria label if no text in footer.",
"type": "string | null | undefined"
},
{
"name": "colorScheme",
"attribute": "color-scheme",
"description": "The color scheme.",
"type": "string",
"default": "\"\""
},
{
"name": "parentHref",
"attribute": "parent-href",
"description": "The `href` in parent ``.\n`` sets this automatically.",
"type": "string | undefined"
},
{
"name": "iconPlacement",
"attribute": "icon-placement",
"description": "Icon placement(right (default) | left)",
"type": "ICON_PLACEMENT",
"default": "\"right\""
},
{
"name": "iconInline",
"attribute": "iconInline",
"description": "Positions the icon inline with text when `true`",
"type": "boolean",
"default": "true"
},
{
"name": "ctaType",
"attribute": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "formatVideoCaption",
"description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoCaption\""
},
{
"name": "formatVideoDuration",
"description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoDuration\""
},
{
"name": "videoDuration",
"attribute": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "videoName",
"attribute": "video-name",
"description": "The video name.\nThis property should be set when a custom video title is needed.",
"type": "string | undefined"
},
{
"name": "videoDescription",
"attribute": "video-description",
"description": "The video custom description.",
"type": "string | undefined"
},
{
"name": "videoThumbnailUrl",
"description": "The video thumbnail URL.\nCard CTA footer does not support video thumbnail, and this property should never be set.",
"type": "undefined"
},
{
"name": "hreflang",
"description": "The language of what `href` points to.",
"type": "string"
},
{
"name": "inline",
"description": "`true` if the link should be inline.",
"type": "boolean"
},
{
"name": "linkRole",
"description": "The a11y role for ``.",
"type": "string"
},
{
"name": "ping",
"description": "URLs to ping.",
"type": "string"
},
{
"name": "rel",
"description": "The link type.",
"type": "string"
},
{
"name": "size",
"attribute": "size",
"description": "Property that specifies the link to use size large",
"type": "string",
"default": "\"lg\""
},
{
"name": "type",
"description": "MIME type of the `target`.",
"type": "string"
},
{
"name": "visited",
"description": "`true` if the link has been visited.",
"type": "boolean"
},
{
"name": "shadowRootOptions",
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; serializable?: boolean | undefined; slotAssignment?: any; }"
},
{
"name": "styles",
"default": "\"styles\""
},
{
"name": "slot",
"attribute": "slot",
"description": "The slot in parent ``.",
"type": "string",
"default": "\"footer\""
}
],
"slots": [
{
"name": "icon",
"description": "The icon."
},
{
"name": "icon-left",
"description": "The CTA icon to place at the left."
}
],
"cssParts": [
{
"name": "copy",
"description": "The text content. Usage: `c4d-card-footer::part(copy)`"
},
{
"name": "span",
"description": "The span element. Usage: `c4d-lightbox-video-player::part(span)`"
}
]
},
{
"name": "c4d-card-cta-image",
"path": "./src/components/cta/card-cta-image.ts",
"description": "Card CTA Image.",
"attributes": [
{
"name": "alt",
"description": "The alternate text.",
"type": "string",
"default": "\"\""
},
{
"name": "default-src",
"description": "The image source.",
"type": "string",
"default": "\"\""
},
{
"name": "border",
"description": "Whether or not to apply a border around the image.",
"type": "boolean",
"default": "false"
},
{
"name": "card-group-item",
"description": "Whether or not it's a video thumbnail in a card group item.",
"type": "boolean",
"default": "false"
},
{
"name": "lightbox-contrast",
"description": "The lightbox contrast option.",
"type": "LIGHTBOX_CONTRAST",
"default": "\"light\""
},
{
"name": "lightbox",
"description": "The lightbox.",
"type": "boolean",
"default": "false"
},
{
"name": "heading",
"description": "The heading.",
"type": "string",
"default": "\"\""
},
{
"name": "launch-lightbox-button-assistive-text",
"type": "string",
"default": "\"launch light box media viewer\""
},
{
"name": "copy",
"description": "The description.",
"type": "string",
"default": "\"\""
},
{
"name": "open",
"description": "`true` if the modal should be open.",
"type": "boolean",
"default": "false"
}
],
"properties": [
{
"name": "alt",
"attribute": "alt",
"description": "The alternate text.",
"type": "string",
"default": "\"\""
},
{
"name": "defaultSrc",
"attribute": "default-src",
"description": "The image source.",
"type": "string",
"default": "\"\""
},
{
"name": "border",
"attribute": "border",
"description": "Whether or not to apply a border around the image.",
"type": "boolean",
"default": "false"
},
{
"name": "cardGroupItem",
"attribute": "card-group-item",
"description": "Whether or not it's a video thumbnail in a card group item.",
"type": "boolean",
"default": "false"
},
{
"name": "lightboxContrast",
"attribute": "lightbox-contrast",
"description": "The lightbox contrast option.",
"type": "LIGHTBOX_CONTRAST",
"default": "\"light\""
},
{
"name": "lightbox",
"attribute": "lightbox",
"description": "The lightbox.",
"type": "boolean",
"default": "false"
},
{
"name": "heading",
"attribute": "heading",
"description": "The heading.",
"type": "string",
"default": "\"\""
},
{
"name": "launchLightboxButtonAssistiveText",
"attribute": "launch-lightbox-button-assistive-text",
"type": "string",
"default": "\"launch light box media viewer\""
},
{
"name": "copy",
"attribute": "copy",
"description": "The description.",
"type": "string",
"default": "\"\""
},
{
"name": "open",
"attribute": "open",
"description": "`true` if the modal should be open.",
"type": "boolean",
"default": "false"
},
{
"name": "shadowRootOptions",
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; }",
"default": "{\"delegatesFocus\":true}"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "long-description",
"description": "The long description content."
},
{
"name": "icon",
"description": "The icon content."
}
],
"cssParts": [
{
"name": "image",
"description": "The image. Usage: `c4d-image::part(image)`"
},
{
"name": "picture",
"description": "The picture tag. Usage:` c4d-image::part(picture)`"
},
{
"name": "long-description",
"description": "The wrapper around the long description slot. Usage: `c4d-image::part(long-description)`"
},
{
"name": "lightbox-button",
"description": "The button element for the lightbox when used. Usage: `c4d-image::part(lightbox-button)`"
},
{
"name": "zoom-button",
"description": "The wrapper around the zoom button to trigger the lightbox when used. Usage: `c4d-image::part(zoom-button)`"
},
{
"name": "zoom-icon",
"description": "The zoom icon used for the lightbox. Usage: `c4d-image::part(zoom-icon)`"
},
{
"name": "caption",
"description": "The caption for the image. Usage: `c4d-image::part(caption)`"
},
{
"name": "expressive-modal",
"description": "The expressive modal content. Usage: `c4d-image::part(expressive-modal)`"
},
{
"name": "expressive-modal-close-button",
"description": "The expressive modal content close button. Usage: `c4d-image::part(expressive-modal-close-button)`"
},
{
"name": "lightbox-image-viewer",
"description": "The lightbox image viewer component. Usage: `c4d-image::part(lightbox-image-viewer)`"
}
]
},
{
"name": "c4d-card-cta",
"path": "./src/components/cta/card-cta.ts",
"description": "Card CTA.",
"attributes": [
{
"name": "thumbnail",
"description": "Optional custom video thumbnail",
"type": "\"\" | undefined"
},
{
"name": "no-poster",
"description": "Set `true` if Poster Video Image should not be shown.",
"type": "boolean",
"default": "false"
},
{
"name": "color-scheme",
"description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"regular\"",
"type": "string",
"default": "\"\""
},
{
"name": "pictogram-placement",
"description": "Pictogram placement",
"type": "PICTOGRAM_PLACEMENT",
"default": "\"bottom\""
},
{
"name": "link",
"description": "Whether or not to apply the link style.",
"type": "boolean",
"default": "false"
},
{
"name": "logo",
"description": "Whether or not to apply the logo style.",
"type": "boolean",
"default": "false"
},
{
"name": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "video-name",
"description": "The video name.",
"type": "string | undefined"
},
{
"name": "video-description",
"description": "The custom video description.",
"type": "string | undefined"
},
{
"name": "video-thumbnail-url",
"description": "The video thumbnail URL.",
"type": "string | undefined"
}
],
"properties": [
{
"name": "thumbnail",
"attribute": "thumbnail",
"description": "Optional custom video thumbnail",
"type": "\"\" | undefined"
},
{
"name": "noPoster",
"attribute": "no-poster",
"description": "Set `true` if Poster Video Image should not be shown.",
"type": "boolean",
"default": "false"
},
{
"name": "colorScheme",
"attribute": "color-scheme",
"description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"regular\"",
"type": "string",
"default": "\"\""
},
{
"name": "pictogramPlacement",
"attribute": "pictogram-placement",
"description": "Pictogram placement",
"type": "PICTOGRAM_PLACEMENT",
"default": "\"bottom\""
},
{
"name": "link",
"attribute": "link",
"description": "Whether or not to apply the link style.",
"type": "boolean",
"default": "false"
},
{
"name": "logo",
"attribute": "logo",
"description": "Whether or not to apply the logo style.",
"type": "boolean",
"default": "false"
},
{
"name": "ctaType",
"attribute": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "formatVideoCaption",
"description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoCaption\""
},
{
"name": "formatVideoDuration",
"description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "((...args: any[]) => string) | undefined",
"default": "\"formatVideoDuration\""
},
{
"name": "videoDuration",
"attribute": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "videoName",
"attribute": "video-name",
"description": "The video name.",
"type": "string | undefined"
},
{
"name": "videoDescription",
"attribute": "video-description",
"description": "The custom video description.",
"type": "string | undefined"
},
{
"name": "videoThumbnailUrl",
"attribute": "video-thumbnail-url",
"description": "The video thumbnail URL.",
"type": "string | undefined"
},
{
"name": "hreflang",
"description": "The language of what `href` points to.",
"type": "string"
},
{
"name": "inline",
"description": "`true` if the link should be inline.",
"type": "boolean"
},
{
"name": "linkRole",
"description": "The a11y role for ``.",
"type": "string"
},
{
"name": "ping",
"description": "URLs to ping.",
"type": "string"
},
{
"name": "rel",
"description": "The link type.",
"type": "string"
},
{
"name": "size",
"description": "Link size.",
"type": "string"
},
{
"name": "type",
"description": "MIME type of the `target`.",
"type": "string"
},
{
"name": "visited",
"description": "`true` if the link has been visited.",
"type": "boolean"
},
{
"name": "shadowRootOptions",
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; }",
"default": "{\"delegatesFocus\":true}"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "eyebrow",
"description": "The eyebrow content."
},
{
"name": "heading",
"description": "The heading content."
},
{
"name": "image",
"description": "The image content."
},
{
"name": "footer",
"description": "The footer content."
}
],
"cssParts": [
{
"name": "heading",
"description": "The heading content. Usage: `c4d-card-cta::part(heading)`"
},
{
"name": "caption",
"description": "The Caption (default heading). Usage: `c4d-card::part(caption)`"
},
{
"name": "copy",
"description": "The Copy. Usage: `c4d-card::part(copy)`"
},
{
"name": "container",
"description": "The Inner content container. Usage: `c4d-card::part(container)`"
},
{
"name": "video-thumbnail",
"description": "The video thumbnail. Usage: `c4d-card::part(video-thumbnail)`"
},
{
"name": "disabled-link",
"description": ". Disabled link. Usage: `c4d-card::part(disabled-link)`"
},
{
"name": "wrapper",
"description": "The component wrapper. Usage: `c4d-card::part(wrapper)`"
},
{
"name": "content",
"description": "The content container. Usage: `c4d-card::part(content)`"
},
{
"name": "link",
"description": "Active link. Usage: `c4d-card::part(link)`"
}
]
},
{
"name": "c4d-card-cta",
"path": "./src/components/cta/card-link-cta.ts",
"description": "Card CTA.",
"attributes": [
{
"name": "no-poster"
},
{
"name": "color-scheme",
"description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"regular\"",
"type": "string",
"default": "\"\""
},
{
"name": "pictogram-placement",
"description": "Pictogram placement",
"type": "PICTOGRAM_PLACEMENT",
"default": "\"bottom\""
},
{
"name": "link",
"description": "Whether or not to apply the link style.",
"type": "boolean",
"default": "false"
},
{
"name": "logo",
"description": "Whether or not to apply the logo style.",
"type": "boolean",
"default": "false"
},
{
"name": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "video-name",
"description": "The video name.",
"type": "string | undefined"
},
{
"name": "video-description",
"description": "The video custom description.",
"type": "string | undefined"
},
{
"name": "video-thumbnail-url",
"description": "The video thumbnail URL.",
"type": "string | undefined"
}
],
"properties": [
{
"name": "noPoster",
"attribute": "no-poster"
},
{
"name": "colorScheme",
"attribute": "color-scheme",
"description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"regular\"",
"type": "string",
"default": "\"\""
},
{
"name": "pictogramPlacement",
"attribute": "pictogram-placement",
"description": "Pictogram placement",
"type": "PICTOGRAM_PLACEMENT",
"default": "\"bottom\""
},
{
"name": "link",
"attribute": "link",
"description": "Whether or not to apply the link style.",
"type": "boolean",
"default": "false"
},
{
"name": "logo",
"attribute": "logo",
"description": "Whether or not to apply the logo style.",
"type": "boolean",
"default": "false"
},
{
"name": "ctaType",
"attribute": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "formatVideoCaption",
"description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoCaption\""
},
{
"name": "formatVideoDuration",
"description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "((...args: any[]) => string) | undefined",
"default": "\"formatVideoDuration\""
},
{
"name": "videoDuration",
"attribute": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "videoName",
"attribute": "video-name",
"description": "The video name.",
"type": "string | undefined"
},
{
"name": "videoDescription",
"attribute": "video-description",
"description": "The video custom description.",
"type": "string | undefined"
},
{
"name": "videoThumbnailUrl",
"attribute": "video-thumbnail-url",
"description": "The video thumbnail URL.",
"type": "string | undefined"
},
{
"name": "hreflang",
"description": "The language of what `href` points to.",
"type": "string"
},
{
"name": "inline",
"description": "`true` if the link should be inline.",
"type": "boolean"
},
{
"name": "linkRole",
"description": "The a11y role for ``.",
"type": "string"
},
{
"name": "ping",
"description": "URLs to ping.",
"type": "string"
},
{
"name": "rel",
"description": "The link type.",
"type": "string"
},
{
"name": "size",
"description": "Link size.",
"type": "string"
},
{
"name": "type",
"description": "MIME type of the `target`.",
"type": "string"
},
{
"name": "visited",
"description": "`true` if the link has been visited.",
"type": "boolean"
},
{
"name": "shadowRootOptions",
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; }",
"default": "{\"delegatesFocus\":true}"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "eyebrow",
"description": "The eyebrow content."
},
{
"name": "heading",
"description": "The heading content."
},
{
"name": "image",
"description": "The image content."
},
{
"name": "footer",
"description": "The footer content."
}
],
"cssParts": [
{
"name": "heading",
"description": "The heading content. Usage: `c4d-card-link-cta::part(heading)`"
},
{
"name": "caption",
"description": "The Caption (default heading). Usage: `c4d-card::part(caption)`"
},
{
"name": "copy",
"description": "The Copy. Usage: `c4d-card::part(copy)`"
},
{
"name": "container",
"description": "The Inner content container. Usage: `c4d-card::part(container)`"
},
{
"name": "video-thumbnail",
"description": "The video thumbnail. Usage: `c4d-card::part(video-thumbnail)`"
},
{
"name": "disabled-link",
"description": ". Disabled link. Usage: `c4d-card::part(disabled-link)`"
},
{
"name": "wrapper",
"description": "The component wrapper. Usage: `c4d-card::part(wrapper)`"
},
{
"name": "content",
"description": "The content container. Usage: `c4d-card::part(content)`"
},
{
"name": "link",
"description": "Active link. Usage: `c4d-card::part(link)`"
}
]
},
{
"name": "c4d-cta",
"path": "./src/components/cta/cta.ts",
"description": "CTA component",
"attributes": [
{
"name": "cta-style",
"type": "string",
"default": "\"text\""
},
{
"name": "cta-type"
},
{
"name": "custom-video-title"
},
{
"name": "footer-text"
},
{
"name": "video-thumbnail-url"
},
{
"name": "thumbnail"
},
{
"name": "href",
"type": "string | undefined"
}
],
"properties": [
{
"name": "ctaStyle",
"attribute": "cta-style",
"type": "string",
"default": "\"text\""
},
{
"name": "ctaType",
"attribute": "cta-type"
},
{
"name": "customVideoTitle",
"attribute": "custom-video-title"
},
{
"name": "videoDuration",
"attribute": "footer-text"
},
{
"name": "videoThumbnailUrl",
"attribute": "video-thumbnail-url"
},
{
"name": "thumbnail",
"attribute": "thumbnail"
},
{
"name": "href",
"attribute": "href",
"type": "string | undefined"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "cta",
"description": "Targets all styles. Usage: `c4d-cta::part(cta)`"
},
{
"name": "cta--feature",
"description": "Tagets the Feature style. Usage: `c4d-cta::part(cta--feature)`"
},
{
"name": "cta--card",
"description": "Tagets the Card style. Usage: `c4d-cta::part(cta--card)`"
},
{
"name": "cta--card-link",
"description": "Tagets the Card-link style. Usage: `c4d-cta::part(cta--card-link)`"
},
{
"name": "cta--text",
"description": "Tagets the Text style. Usage: `c4d-cta::part(cta--text)`"
},
{
"name": "cta--button",
"description": "Tagets the buttton style. Usage: `c4d-cta::part(cta--button)`"
}
]
},
{
"name": "c4d-feature-cta-footer",
"path": "./src/components/cta/feature-cta-footer.ts",
"description": "Feature CTA footer.",
"attributes": [
{
"name": "altAriaLabel",
"description": "Alternative aria label if no text in footer.",
"type": "string | null | undefined"
},
{
"name": "color-scheme",
"description": "The color scheme.",
"type": "string",
"default": "\"\""
},
{
"name": "parent-href",
"description": "The `href` in parent ``.\n`` sets this automatically.",
"type": "string | undefined"
},
{
"name": "icon-placement",
"description": "Icon placement(right (default) | left)",
"type": "ICON_PLACEMENT",
"default": "\"right\""
},
{
"name": "iconInline",
"description": "Positions the icon inline with text when `true`",
"type": "boolean",
"default": "true"
},
{
"name": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "video-name",
"description": "The video name.\nThis property should be set when a custom video title is needed.",
"type": "string | undefined"
},
{
"name": "video-description",
"description": "The video custom description.",
"type": "string | undefined"
},
{
"name": "size",
"description": "Property that specifies the link to use size large",
"type": "string",
"default": "\"lg\""
},
{
"name": "slot",
"description": "The slot in parent ``.",
"type": "string",
"default": "\"footer\""
}
],
"properties": [
{
"name": "altAriaLabel",
"attribute": "altAriaLabel",
"description": "Alternative aria label if no text in footer.",
"type": "string | null | undefined"
},
{
"name": "colorScheme",
"attribute": "color-scheme",
"description": "The color scheme.",
"type": "string",
"default": "\"\""
},
{
"name": "parentHref",
"attribute": "parent-href",
"description": "The `href` in parent ``.\n`` sets this automatically.",
"type": "string | undefined"
},
{
"name": "iconPlacement",
"attribute": "icon-placement",
"description": "Icon placement(right (default) | left)",
"type": "ICON_PLACEMENT",
"default": "\"right\""
},
{
"name": "iconInline",
"attribute": "iconInline",
"description": "Positions the icon inline with text when `true`",
"type": "boolean",
"default": "true"
},
{
"name": "ctaType",
"attribute": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "formatVideoCaption",
"description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoCaption\""
},
{
"name": "formatVideoDuration",
"description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoDuration\""
},
{
"name": "videoDuration",
"attribute": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "videoName",
"attribute": "video-name",
"description": "The video name.\nThis property should be set when a custom video title is needed.",
"type": "string | undefined"
},
{
"name": "videoDescription",
"attribute": "video-description",
"description": "The video custom description.",
"type": "string | undefined"
},
{
"name": "videoThumbnailUrl",
"description": "The video thumbnail URL.\nFeature CTA footer does not support video thumbnail, and this property should never be set.",
"type": "undefined"
},
{
"name": "hreflang",
"description": "The language of what `href` points to.",
"type": "string"
},
{
"name": "inline",
"description": "`true` if the link should be inline.",
"type": "boolean"
},
{
"name": "linkRole",
"description": "The a11y role for ``.",
"type": "string"
},
{
"name": "ping",
"description": "URLs to ping.",
"type": "string"
},
{
"name": "rel",
"description": "The link type.",
"type": "string"
},
{
"name": "size",
"attribute": "size",
"description": "Property that specifies the link to use size large",
"type": "string",
"default": "\"lg\""
},
{
"name": "type",
"description": "MIME type of the `target`.",
"type": "string"
},
{
"name": "visited",
"description": "`true` if the link has been visited.",
"type": "boolean"
},
{
"name": "shadowRootOptions",
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; serializable?: boolean | undefined; slotAssignment?: any; }"
},
{
"name": "styles",
"default": "\"styles\""
},
{
"name": "slot",
"attribute": "slot",
"description": "The slot in parent ``.",
"type": "string",
"default": "\"footer\""
}
],
"slots": [
{
"name": "icon",
"description": "The icon."
},
{
"name": "icon-left",
"description": "The CTA icon to place at the left."
}
],
"cssParts": [
{
"name": "copy",
"description": "The Copy. Usage: `c4d-card-footer::part(copy)`"
},
{
"name": "span",
"description": "The span element. Usage: `c4d-lightbox-video-player::part(span)`"
}
]
},
{
"name": "c4d-feature-cta",
"path": "./src/components/cta/feature-cta.ts",
"description": "Feature CTA.",
"attributes": [
{
"name": "thumbnail",
"description": "Optional custom video thumbnail",
"type": "\"\" | undefined"
},
{
"name": "no-poster",
"description": "Set `true` if Poster Video Image should not be shown.",
"type": "boolean",
"default": "false"
},
{
"name": "color-scheme",
"description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"regular\"",
"type": "string",
"default": "\"\""
},
{
"name": "pictogram-placement",
"description": "Pictogram placement",
"type": "PICTOGRAM_PLACEMENT",
"default": "\"bottom\""
},
{
"name": "link",
"description": "Whether or not to apply the link style.",
"type": "boolean",
"default": "false"
},
{
"name": "logo",
"description": "Whether or not to apply the logo style.",
"type": "boolean",
"default": "false"
},
{
"name": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "video-name",
"description": "The video name.",
"type": "string | undefined"
},
{
"name": "video-description",
"description": "The custom video description.",
"type": "string | undefined"
},
{
"name": "size",
"description": "The size property to render either Medium (default) or Large Feature Card variants."
}
],
"properties": [
{
"name": "captionHeading",
"description": "The video caption to replace the heading with."
},
{
"name": "thumbnail",
"attribute": "thumbnail",
"description": "Optional custom video thumbnail",
"type": "\"\" | undefined"
},
{
"name": "noPoster",
"attribute": "no-poster",
"description": "Set `true` if Poster Video Image should not be shown.",
"type": "boolean",
"default": "false"
},
{
"name": "colorScheme",
"attribute": "color-scheme",
"description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"regular\"",
"type": "string",
"default": "\"\""
},
{
"name": "pictogramPlacement",
"attribute": "pictogram-placement",
"description": "Pictogram placement",
"type": "PICTOGRAM_PLACEMENT",
"default": "\"bottom\""
},
{
"name": "link",
"attribute": "link",
"description": "Whether or not to apply the link style.",
"type": "boolean",
"default": "false"
},
{
"name": "logo",
"attribute": "logo",
"description": "Whether or not to apply the logo style.",
"type": "boolean",
"default": "false"
},
{
"name": "ctaType",
"attribute": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "formatVideoCaption",
"description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoCaption\""
},
{
"name": "formatVideoDuration",
"description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoDuration\""
},
{
"name": "videoDuration",
"attribute": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "videoName",
"attribute": "video-name",
"description": "The video name.",
"type": "string | undefined"
},
{
"name": "videoDescription",
"attribute": "video-description",
"description": "The custom video description.",
"type": "string | undefined"
},
{
"name": "videoThumbnailUrl",
"description": "The video thumbnail URL.",
"type": "string | undefined"
},
{
"name": "hreflang",
"description": "The language of what `href` points to.",
"type": "string"
},
{
"name": "inline",
"description": "`true` if the link should be inline.",
"type": "boolean"
},
{
"name": "linkRole",
"description": "The a11y role for ``.",
"type": "string"
},
{
"name": "ping",
"description": "URLs to ping.",
"type": "string"
},
{
"name": "rel",
"description": "The link type.",
"type": "string"
},
{
"name": "size",
"attribute": "size",
"description": "The size property to render either Medium (default) or Large Feature Card variants."
},
{
"name": "type",
"description": "MIME type of the `target`.",
"type": "string"
},
{
"name": "visited",
"description": "`true` if the link has been visited.",
"type": "boolean"
},
{
"name": "shadowRootOptions",
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; }",
"default": "{\"delegatesFocus\":true}"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "eyebrow",
"description": "The eyebrow content."
},
{
"name": "heading",
"description": "The heading content."
},
{
"name": "image",
"description": "The image content."
},
{
"name": "footer",
"description": "The footer content."
}
],
"cssParts": [
{
"name": "copy",
"description": "The copy content. Usage: `c4d-feature-cta::part(copy)`"
},
{
"name": "caption",
"description": "The Caption (default heading). Usage: `c4d-card::part(caption)`"
},
{
"name": "container",
"description": "The Inner content container. Usage: `c4d-card::part(container)`"
},
{
"name": "video-thumbnail",
"description": "The video thumbnail. Usage: `c4d-card::part(video-thumbnail)`"
},
{
"name": "disabled-link",
"description": ". Disabled link. Usage: `c4d-card::part(disabled-link)`"
},
{
"name": "wrapper",
"description": "The component wrapper. Usage: `c4d-card::part(wrapper)`"
},
{
"name": "content",
"description": "The content container. Usage: `c4d-card::part(content)`"
},
{
"name": "link",
"description": "Active link. Usage: `c4d-card::part(link)`"
}
]
},
{
"name": "c4d-link-list-item-cta",
"path": "./src/components/cta/link-list-item-cta.ts",
"description": "Link list item CTA.",
"attributes": [
{
"name": "icon-placement",
"description": "Icon placement(right (default) | left)",
"type": "ICON_PLACEMENT",
"default": "\"right\""
},
{
"name": "iconInline",
"description": "Positions the icon inline with text when `true`",
"type": "boolean",
"default": "true"
},
{
"name": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "video-name",
"description": "The video name.",
"type": "string | undefined"
},
{
"name": "video-description",
"description": "The video description.",
"type": "string | undefined"
},
{
"name": "size",
"description": "Property that specifies the link to use size large",
"type": "string",
"default": "\"lg\""
}
],
"properties": [
{
"name": "iconPlacement",
"attribute": "icon-placement",
"description": "Icon placement(right (default) | left)",
"type": "ICON_PLACEMENT",
"default": "\"right\""
},
{
"name": "iconInline",
"attribute": "iconInline",
"description": "Positions the icon inline with text when `true`",
"type": "boolean",
"default": "true"
},
{
"name": "ctaType",
"attribute": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "formatVideoCaption",
"description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoCaption\""
},
{
"name": "formatVideoDuration",
"description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoDuration\""
},
{
"name": "videoDuration",
"attribute": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "videoName",
"attribute": "video-name",
"description": "The video name.",
"type": "string | undefined"
},
{
"name": "videoDescription",
"attribute": "video-description",
"description": "The video description.",
"type": "string | undefined"
},
{
"name": "videoThumbnailUrl",
"description": "The video thumbnail URL.\nText CTA does not support video thumbnail, and this property should never be set.",
"type": "undefined"
},
{
"name": "hreflang",
"description": "The language of what `href` points to.",
"type": "string"
},
{
"name": "inline",
"description": "`true` if the link should be inline.",
"type": "boolean"
},
{
"name": "linkRole",
"description": "The a11y role for ``.",
"type": "string"
},
{
"name": "ping",
"description": "URLs to ping.",
"type": "string"
},
{
"name": "rel",
"description": "The link type.",
"type": "string"
},
{
"name": "size",
"attribute": "size",
"description": "Property that specifies the link to use size large",
"type": "string",
"default": "\"lg\""
},
{
"name": "type",
"description": "MIME type of the `target`.",
"type": "string"
},
{
"name": "visited",
"description": "`true` if the link has been visited.",
"type": "boolean"
},
{
"name": "shadowRootOptions",
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; serializable?: boolean | undefined; slotAssignment?: any; }"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "icon",
"description": "The icon."
},
{
"name": "icon-left",
"description": "The CTA icon to place at the left."
}
],
"cssParts": [
{
"name": "span",
"description": "The span element. Usage: `c4d-lightbox-video-player::part(span)`"
}
]
},
{
"name": "c4d-text-cta",
"path": "./src/components/cta/text-cta.ts",
"description": "Text CTA.",
"attributes": [
{
"name": "icon-placement",
"description": "Icon placement(right (default) | left)",
"type": "ICON_PLACEMENT",
"default": "\"right\""
},
{
"name": "iconInline",
"description": "Positions the icon inline with text when `true`",
"type": "boolean",
"default": "true"
},
{
"name": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "video-name",
"description": "The video name.",
"type": "string | undefined"
},
{
"name": "video-description",
"description": "The video description.",
"type": "string | undefined"
},
{
"name": "size",
"description": "Property that specifies the link to use size large",
"type": "string",
"default": "\"lg\""
}
],
"properties": [
{
"name": "iconPlacement",
"attribute": "icon-placement",
"description": "Icon placement(right (default) | left)",
"type": "ICON_PLACEMENT",
"default": "\"right\""
},
{
"name": "iconInline",
"attribute": "iconInline",
"description": "Positions the icon inline with text when `true`",
"type": "boolean",
"default": "true"
},
{
"name": "ctaType",
"attribute": "cta-type",
"description": "The CTA type.",
"type": "CTA_TYPE",
"default": "\"\""
},
{
"name": "formatVideoCaption",
"description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoCaption\""
},
{
"name": "formatVideoDuration",
"description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
"type": "(...args: any[]) => string",
"default": "\"formatVideoDuration\""
},
{
"name": "videoDuration",
"attribute": "video-duration",
"description": "The video duration.",
"type": "number | undefined"
},
{
"name": "videoName",
"attribute": "video-name",
"description": "The video name.",
"type": "string | undefined"
},
{
"name": "videoDescription",
"attribute": "video-description",
"description": "The video description.",
"type": "string | undefined"
},
{
"name": "videoThumbnailUrl",
"description": "The video thumbnail URL.\nText CTA does not support video thumbnail, and this property should never be set.",
"type": "undefined"
},
{
"name": "hreflang",
"description": "The language of what `href` points to.",
"type": "string"
},
{
"name": "inline",
"description": "`true` if the link should be inline.",
"type": "boolean"
},
{
"name": "linkRole",
"description": "The a11y role for ``.",
"type": "string"
},
{
"name": "ping",
"description": "URLs to ping.",
"type": "string"
},
{
"name": "rel",
"description": "The link type.",
"type": "string"
},
{
"name": "size",
"attribute": "size",
"description": "Property that specifies the link to use size large",
"type": "string",
"default": "\"lg\""
},
{
"name": "type",
"description": "MIME type of the `target`.",
"type": "string"
},
{
"name": "visited",
"description": "`true` if the link has been visited.",
"type": "boolean"
},
{
"name": "shadowRootOptions",
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; serializable?: boolean | undefined; slotAssignment?: any; }"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"slots": [
{
"name": "icon",
"description": "The icon."
},
{
"name": "icon-left",
"description": "The CTA icon to place at the left."
}
],
"cssParts": [
{
"name": "span",
"description": "The span element. Usage: `c4d-lightbox-video-player::part(span)`"
}
]
},
{
"name": "c4d-video-cta-composite",
"path": "./src/components/cta/video-cta-composite.ts",
"description": "Component that handles video CTAs in app.",
"properties": [
{
"name": "embeddedVideos",
"description": "The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.",
"type": "{ [videoId: string]: any; } | undefined"
},
{
"name": "mediaData",
"description": "The video data, keyed by the video ID.",
"type": "{ [videoId: string]: MediaData; } | undefined"
},
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-cta-container",
"path": "./src/components/cta/video-cta-container.ts",
"description": "Container component for CTA.",
"properties": [
{
"name": "mediaData",
"description": "The video data, keyed by the video ID.",
"type": "{ [videoId: string]: MediaData; } | undefined"
},
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-dotcom-shell-composite",
"path": "./src/components/dotcom-shell/dotcom-shell-composite.ts",
"description": "Component that renders dotcom shell from links, etc. data.",
"attributes": [
{
"name": "has-profile",
"description": "`true` if there is a profile.",
"type": "boolean",
"default": "true"
},
{
"name": "has-search",
"description": "`true` if there is a search.",
"type": "boolean",
"default": "true"
},
{
"name": "has-banner",
"description": "`true` if there is a global banner.",
"type": "boolean",
"default": "false"
},
{
"name": "activate-search",
"description": "`true` to activate the search box. This goes to masthead.",
"type": "boolean",
"default": "false"
},
{
"name": "custom-typeahead-api",
"description": "The boolean to enable custom typeahead API.",
"type": "boolean",
"default": "false"
},
{
"name": "platform",
"description": "The platform name. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "platform-url",
"description": "The platform url.",
"type": "string | undefined"
},
{
"name": "clear-selection-label",
"description": "The clear button label for language selector.",
"type": "string | undefined"
},
{
"name": "disable-locale-button",
"description": "`true` to omit the locale switcher button.",
"type": "boolean",
"default": "false"
},
{
"name": "input-timeout",
"description": "The throttle timeout to run query upon user input. This goes to masthead.",
"type": "number | undefined"
},
{
"name": "lang-display",
"description": "The language to show in the UI. This goes to footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string | undefined"
},
{
"name": "language-selector-label",
"description": "The placeholder label for language selector.",
"type": "string | undefined"
},
{
"name": "selected-language",
"description": "The initial selected language in the selector.",
"type": "string | undefined"
},
{
"name": "language",
"description": "The language used for query. This goes to masthead and footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string | undefined"
},
{
"name": "masthead-assistive-text",
"description": "The `aria-label` attribute for the top-level container. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "menu-bar-assistive-text",
"description": "The `aria-label` attribute for the menu bar UI. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "menu-button-assistive-text-active",
"description": "The `aria-label` attribute for the header menu button in its active state. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "menu-button-assistive-text-inactive",
"description": "The `aria-label` attribute for the header menu button in its active state. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "selected-menu-item",
"description": "The English title of the selected nav item.",
"type": "string"
},
{
"name": "footer-size",
"description": "Footer size. This goes to footer.",
"type": "FOOTER_SIZE | undefined"
},
{
"name": "open-search-dropdown",
"description": "`true` to open the search dropdown.. This goes to masthead.\nThe data typically comes from our search service and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "boolean",
"default": "false"
},
{
"name": "scopeParameters",
"description": "The parameters passed to the search-with-typeahead for search scope"
},
{
"name": "searchPlaceholder",
"description": "Value to display when the input has an empty `value`.",
"type": "string | undefined"
},
{
"name": "user-status",
"description": "The user authentication status. This goes to masthead.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string",
"default": "\"Unauthenticated\""
}
],
"properties": [
{
"name": "hasProfile",
"attribute": "has-profile",
"description": "`true` if there is a profile.",
"type": "boolean",
"default": "true"
},
{
"name": "hasSearch",
"attribute": "has-search",
"description": "`true` if there is a search.",
"type": "boolean",
"default": "true"
},
{
"name": "hasBanner",
"attribute": "has-banner",
"description": "`true` if there is a global banner.",
"type": "boolean",
"default": "false"
},
{
"name": "activateSearch",
"attribute": "activate-search",
"description": "`true` to activate the search box. This goes to masthead.",
"type": "boolean",
"default": "false"
},
{
"name": "authenticatedProfileItems",
"description": "The profile items for authenticated state. This goes to masthead.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "MastheadProfileItem[] | undefined"
},
{
"name": "customTypeaheadAPI",
"attribute": "custom-typeahead-api",
"description": "The boolean to enable custom typeahead API.",
"type": "boolean",
"default": "false"
},
{
"name": "platform",
"attribute": "platform",
"description": "The platform name. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "platformUrl",
"attribute": "platform-url",
"description": "The platform url.",
"type": "string | undefined"
},
{
"name": "clearSelectionLabel",
"attribute": "clear-selection-label",
"description": "The clear button label for language selector.",
"type": "string | undefined"
},
{
"name": "collatorCountryName",
"description": "The g11n collator to use for sorting contry names. This goes to footer.",
"type": "Collator",
"default": "\"new Intl.Collator()\""
},
{
"name": "currentSearchResults",
"description": "The search results to show in the UI. This goes to masthead.\nThe data typically comes from our search service and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string[]",
"default": "[]"
},
{
"name": "disableLocaleButton",
"attribute": "disable-locale-button",
"description": "`true` to omit the locale switcher button.",
"type": "boolean",
"default": "false"
},
{
"name": "inputTimeout",
"attribute": "input-timeout",
"description": "The throttle timeout to run query upon user input. This goes to masthead.",
"type": "number | undefined"
},
{
"name": "footerLinks",
"description": "The footer links. This goes to footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "BasicLinkSet[]",
"default": "[]"
},
{
"name": "langDisplay",
"attribute": "lang-display",
"description": "The language to show in the UI. This goes to footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string | undefined"
},
{
"name": "languageSelectorLabel",
"attribute": "language-selector-label",
"description": "The placeholder label for language selector.",
"type": "string | undefined"
},
{
"name": "selectedLanguage",
"attribute": "selected-language",
"description": "The initial selected language in the selector.",
"type": "string | undefined"
},
{
"name": "language",
"attribute": "language",
"description": "The language used for query. This goes to masthead and footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string | undefined"
},
{
"name": "langList",
"description": "Placeholder list of languages to populate language selector",
"type": "string[] | undefined"
},
{
"name": "legalLinks",
"description": "The legal nav links. This goes to footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "BasicLink[]",
"default": "[]"
},
{
"name": "localeList",
"description": "The locale list. This goes to footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "LocaleList | undefined"
},
{
"name": "mastheadAssistiveText",
"attribute": "masthead-assistive-text",
"description": "The `aria-label` attribute for the top-level container. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "menuBarAssistiveText",
"attribute": "menu-bar-assistive-text",
"description": "The `aria-label` attribute for the menu bar UI. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "menuButtonAssistiveTextActive",
"attribute": "menu-button-assistive-text-active",
"description": "The `aria-label` attribute for the header menu button in its active state. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "menuButtonAssistiveTextInactive",
"attribute": "menu-button-assistive-text-inactive",
"description": "The `aria-label` attribute for the header menu button in its active state. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "selectedMenuItem",
"attribute": "selected-menu-item",
"description": "The English title of the selected nav item.",
"type": "string"
},
{
"name": "footerSize",
"attribute": "footer-size",
"description": "Footer size. This goes to footer.",
"type": "FOOTER_SIZE | undefined"
},
{
"name": "openSearchDropdown",
"attribute": "open-search-dropdown",
"description": "`true` to open the search dropdown.. This goes to masthead.\nThe data typically comes from our search service and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "boolean",
"default": "false"
},
{
"name": "unauthenticatedProfileItems",
"description": "The profile items for unauthenticated state. This goes to masthead.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "MastheadProfileItem[] | undefined"
},
{
"name": "l1Data",
"description": "Data for l1.",
"type": "MastheadL1 | undefined"
},
{
"name": "navLinks",
"description": "The navigation links. This goes to masthead.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "L0MenuItem[] | undefined",
"deprecatedMessage": "Use l0Data instead."
},
{
"name": "l0Data",
"description": "The navigation links. This goes to masthead.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "L0MenuItem[] | undefined"
},
{
"name": "scopeParameters",
"attribute": "scopeParameters",
"description": "The parameters passed to the search-with-typeahead for search scope"
},
{
"name": "searchPlaceholder",
"attribute": "searchPlaceholder",
"description": "Value to display when the input has an empty `value`.",
"type": "string | undefined"
},
{
"name": "userStatus",
"attribute": "user-status",
"description": "The user authentication status. This goes to masthead.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string",
"default": "\"Unauthenticated\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "shell",
"description": "The root element of the dotcom shell. Usage: `c4d-dotcom-shell-composite::part(shell)`"
}
]
},
{
"name": "c4d-dotcom-shell-container",
"path": "./src/components/dotcom-shell/dotcom-shell-container.ts",
"description": "Container component for dotcom shell.",
"attributes": [
{
"name": "has-profile",
"description": "`true` if there is a profile.",
"type": "boolean",
"default": "true"
},
{
"name": "has-search",
"description": "`true` if there is a search.",
"type": "boolean",
"default": "true"
},
{
"name": "has-banner",
"description": "`true` if there is a global banner.",
"type": "boolean",
"default": "false"
},
{
"name": "activate-search",
"description": "`true` to activate the search box. This goes to masthead.",
"type": "boolean",
"default": "false"
},
{
"name": "custom-typeahead-api",
"description": "The boolean to enable custom typeahead API.",
"type": "boolean",
"default": "false"
},
{
"name": "platform",
"description": "The platform name. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "platform-url",
"description": "The platform url.",
"type": "string | undefined"
},
{
"name": "clear-selection-label",
"description": "The clear button label for language selector.",
"type": "string | undefined"
},
{
"name": "disable-locale-button",
"description": "`true` to omit the locale switcher button.",
"type": "boolean",
"default": "false"
},
{
"name": "input-timeout",
"description": "The throttle timeout to run query upon user input. This goes to masthead.",
"type": "number | undefined"
},
{
"name": "lang-display",
"description": "The language to show in the UI. This goes to footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string | undefined"
},
{
"name": "language-selector-label",
"description": "The placeholder label for language selector.",
"type": "string | undefined"
},
{
"name": "selected-language",
"description": "The initial selected language in the selector.",
"type": "string | undefined"
},
{
"name": "language",
"description": "The language used for query. This goes to masthead and footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string | undefined"
},
{
"name": "masthead-assistive-text",
"description": "The `aria-label` attribute for the top-level container. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "menu-bar-assistive-text",
"description": "The `aria-label` attribute for the menu bar UI. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "menu-button-assistive-text-active",
"description": "The `aria-label` attribute for the header menu button in its active state. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "menu-button-assistive-text-inactive",
"description": "The `aria-label` attribute for the header menu button in its active state. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "selected-menu-item",
"description": "The English title of the selected nav item.",
"type": "string"
},
{
"name": "footer-size",
"description": "Footer size. This goes to footer.",
"type": "FOOTER_SIZE | undefined"
},
{
"name": "open-search-dropdown",
"description": "`true` to open the search dropdown.. This goes to masthead.\nThe data typically comes from our search service and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "boolean",
"default": "false"
},
{
"name": "scopeParameters",
"description": "The parameters passed to the search-with-typeahead for search scope"
},
{
"name": "searchPlaceholder",
"description": "Value to display when the input has an empty `value`.",
"type": "string | undefined"
},
{
"name": "user-status",
"description": "The user authentication status. This goes to masthead.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string",
"default": "\"Unauthenticated\""
}
],
"properties": [
{
"name": "hasProfile",
"attribute": "has-profile",
"description": "`true` if there is a profile.",
"type": "boolean",
"default": "true"
},
{
"name": "hasSearch",
"attribute": "has-search",
"description": "`true` if there is a search.",
"type": "boolean",
"default": "true"
},
{
"name": "hasBanner",
"attribute": "has-banner",
"description": "`true` if there is a global banner.",
"type": "boolean",
"default": "false"
},
{
"name": "activateSearch",
"attribute": "activate-search",
"description": "`true` to activate the search box. This goes to masthead.",
"type": "boolean",
"default": "false"
},
{
"name": "authenticatedProfileItems",
"description": "The profile items for authenticated state. This goes to masthead.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "MastheadProfileItem[] | undefined"
},
{
"name": "customTypeaheadAPI",
"attribute": "custom-typeahead-api",
"description": "The boolean to enable custom typeahead API.",
"type": "boolean",
"default": "false"
},
{
"name": "platform",
"attribute": "platform",
"description": "The platform name. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "platformUrl",
"attribute": "platform-url",
"description": "The platform url.",
"type": "string | undefined"
},
{
"name": "clearSelectionLabel",
"attribute": "clear-selection-label",
"description": "The clear button label for language selector.",
"type": "string | undefined"
},
{
"name": "collatorCountryName",
"description": "The g11n collator to use for sorting contry names. This goes to footer.",
"type": "Collator",
"default": "\"new Intl.Collator()\""
},
{
"name": "currentSearchResults",
"description": "The search results to show in the UI. This goes to masthead.\nThe data typically comes from our search service and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string[]",
"default": "[]"
},
{
"name": "disableLocaleButton",
"attribute": "disable-locale-button",
"description": "`true` to omit the locale switcher button.",
"type": "boolean",
"default": "false"
},
{
"name": "inputTimeout",
"attribute": "input-timeout",
"description": "The throttle timeout to run query upon user input. This goes to masthead.",
"type": "number | undefined"
},
{
"name": "footerLinks",
"description": "The footer links. This goes to footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "BasicLinkSet[]",
"default": "[]"
},
{
"name": "langDisplay",
"attribute": "lang-display",
"description": "The language to show in the UI. This goes to footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string | undefined"
},
{
"name": "languageSelectorLabel",
"attribute": "language-selector-label",
"description": "The placeholder label for language selector.",
"type": "string | undefined"
},
{
"name": "selectedLanguage",
"attribute": "selected-language",
"description": "The initial selected language in the selector.",
"type": "string | undefined"
},
{
"name": "language",
"attribute": "language",
"description": "The language used for query. This goes to masthead and footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string | undefined"
},
{
"name": "langList",
"description": "Placeholder list of languages to populate language selector",
"type": "string[] | undefined"
},
{
"name": "legalLinks",
"description": "The legal nav links. This goes to footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "BasicLink[]",
"default": "[]"
},
{
"name": "localeList",
"description": "The locale list. This goes to footer.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "LocaleList | undefined"
},
{
"name": "mastheadAssistiveText",
"attribute": "masthead-assistive-text",
"description": "The `aria-label` attribute for the top-level container. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "menuBarAssistiveText",
"attribute": "menu-bar-assistive-text",
"description": "The `aria-label` attribute for the menu bar UI. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "menuButtonAssistiveTextActive",
"attribute": "menu-button-assistive-text-active",
"description": "The `aria-label` attribute for the header menu button in its active state. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "menuButtonAssistiveTextInactive",
"attribute": "menu-button-assistive-text-inactive",
"description": "The `aria-label` attribute for the header menu button in its active state. This goes to masthead.",
"type": "string | undefined"
},
{
"name": "selectedMenuItem",
"attribute": "selected-menu-item",
"description": "The English title of the selected nav item.",
"type": "string"
},
{
"name": "footerSize",
"attribute": "footer-size",
"description": "Footer size. This goes to footer.",
"type": "FOOTER_SIZE | undefined"
},
{
"name": "openSearchDropdown",
"attribute": "open-search-dropdown",
"description": "`true` to open the search dropdown.. This goes to masthead.\nThe data typically comes from our search service and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "boolean",
"default": "false"
},
{
"name": "unauthenticatedProfileItems",
"description": "The profile items for unauthenticated state. This goes to masthead.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "MastheadProfileItem[] | undefined"
},
{
"name": "l1Data",
"description": "Data for l1.",
"type": "MastheadL1 | undefined"
},
{
"name": "navLinks",
"description": "The navigation links. This goes to masthead.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "L0MenuItem[] | undefined",
"deprecatedMessage": "Use l0Data instead."
},
{
"name": "l0Data",
"description": "The navigation links. This goes to masthead.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "L0MenuItem[] | undefined"
},
{
"name": "scopeParameters",
"attribute": "scopeParameters",
"description": "The parameters passed to the search-with-typeahead for search scope"
},
{
"name": "searchPlaceholder",
"attribute": "searchPlaceholder",
"description": "Value to display when the input has an empty `value`.",
"type": "string | undefined"
},
{
"name": "userStatus",
"attribute": "user-status",
"description": "The user authentication status. This goes to masthead.\nThe data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\nbut if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.",
"type": "string",
"default": "\"Unauthenticated\""
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "shell",
"description": "The root element of the dotcom shell. Usage: `c4d-dotcom-shell-composite::part(shell)`"
}
]
},
{
"name": "c4d-dotcom-shell",
"path": "./src/components/dotcom-shell/dotcom-shell.ts",
"description": "Dotcom shell.",
"properties": [
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "content",
"description": "The content. Usage: `c4d-dotcom-shell::part(content)`"
}
]
},
{
"name": "c4d-expressive-modal-body",
"path": "./src/components/expressive-modal/expressive-modal-body.ts",
"description": "Expressive modal body.",
"properties": [
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-expressive-modal-close-button",
"path": "./src/components/expressive-modal/expressive-modal-close-button.ts",
"description": "Expressive modal close button.",
"attributes": [
{
"name": "size",
"description": "The size variant.",
"type": "EXPRESSIVE_MODAL_SIZE",
"default": "\"\""
}
],
"properties": [
{
"name": "size",
"attribute": "size",
"description": "The size variant.",
"type": "EXPRESSIVE_MODAL_SIZE",
"default": "\"\""
},
{
"name": "closeButtonLabel",
"description": "Specify a label for the close button of the modal; defaults to close",
"type": "string"
},
{
"name": "shadowRootOptions",
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; serializable?: boolean | undefined; slotAssignment?: any; }"
},
{
"name": "styles",
"default": "\"styles\""
}
],
"cssParts": [
{
"name": "close",
"description": "icon The close icon."
}
]
},
{
"name": "c4d-expressive-modal-footer",
"path": "./src/components/expressive-modal/expressive-modal-footer.ts",
"description": "Expressive modal footer.",
"attributes": [
{
"name": "slot",
"description": "The slot in parent ``.",
"type": "string",
"default": "\"footer\""
}
],
"properties": [
{
"name": "slot",
"attribute": "slot",
"description": "The slot in parent ``.",
"type": "string",
"default": "\"footer\""
},
{
"name": "hasThreeButtons",
"description": "`true` if this modal footer has more than two buttons.",
"type": "boolean"
},
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-expressive-modal-header",
"path": "./src/components/expressive-modal/expressive-modal-header.ts",
"description": "Expressive modal header.",
"attributes": [
{
"name": "slot",
"type": "string",
"default": "\"header\""
}
],
"properties": [
{
"name": "slot",
"attribute": "slot",
"type": "string",
"default": "\"header\""
},
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-expressive-modal-heading",
"path": "./src/components/expressive-modal/expressive-modal-heading.ts",
"description": "Expressive modal heading.",
"properties": [
{
"name": "styles",
"default": "\"styles\""
}
]
},
{
"name": "c4d-expressive-modal",
"path": "./src/components/expressive-modal/expressive-modal.ts",
"description": "Expressive modal.",
"attributes": [
{
"name": "container-class",
"description": "The additional CSS class names for the container