acquia_cms_page-1.3.0/config/pack_acquia_cms_page/cohesion_templates.cohesion_content_templates.node_page_card.yml
config/pack_acquia_cms_page/cohesion_templates.cohesion_content_templates.node_page_card.yml
uuid: ba8910dc-4e7d-4e53-a9f6-afc46eaf03ac
langcode: en
status: true
dependencies:
config:
- cohesion_custom_styles.cohesion_custom_style.097f31b2
- cohesion_custom_styles.cohesion_custom_style.a13b8c94
enforced:
module:
- acquia_cms_page
- acquia_cms_site_studio
label: 'Card (Node, Page)'
id: node_page_card
json_values: |
{
"canvas": [
{
"type": "container",
"uid": "container",
"title": "Container",
"status": {
"collapsed": false
},
"uuid": "032e8885-0753-42c0-a9bf-e533b892febc",
"parentUid": "root",
"children": [
{
"type": "container",
"uid": "container",
"title": "Container",
"status": {
"collapsed": true,
"collapsedParents": []
},
"uuid": "cef9f3c9-475e-4f5c-be91-1d28abcc4944",
"parentUid": "container",
"children": [
{
"type": "container",
"uid": "heading",
"title": "Heading",
"status": {
"collapsed": true,
"collapsedParents": [
"cef9f3c9-475e-4f5c-be91-1d28abcc4944"
]
},
"uuid": "2c0a9654-5e36-4f08-bf99-ed7883383440",
"parentUid": "container",
"children": [
{
"type": "container",
"uid": "link",
"title": "Link",
"status": {
"collapsed": true,
"collapsedParents": [
"cef9f3c9-475e-4f5c-be91-1d28abcc4944"
]
},
"uuid": "5a0eb4b1-5742-42cd-ad5b-4b519ec4debe",
"parentUid": "heading",
"children": []
}
]
},
{
"type": "container",
"uid": "drupal-field",
"title": "Field",
"status": {
"collapsed": true,
"collapsedParents": [
"cef9f3c9-475e-4f5c-be91-1d28abcc4944"
]
},
"uuid": "e9bb4398-565c-4515-abe3-878171391410",
"parentUid": "container",
"children": []
}
]
},
{
"type": "container",
"uid": "container",
"title": "Container",
"status": {
"collapsed": false
},
"uuid": "32581850-c4fc-40b8-a64a-f99380e3f56c",
"parentUid": "container",
"children": [
{
"type": "container",
"uid": "drupal-field",
"title": "Field",
"status": {
"collapsed": true
},
"iconColor": "drupal",
"uuid": "f629f877-a25b-4109-a386-266f6692c157",
"parentUid": "container",
"children": []
}
]
}
]
}
],
"mapper": {
"032e8885-0753-42c0-a9bf-e533b892febc": {
"settings": {
"formDefinition": [
{
"formKey": "container-settings",
"children": [
{
"formKey": "container-width",
"breakpoints": [],
"activeFields": [
{
"name": "width",
"active": true
}
]
},
{
"formKey": "common-link-animation",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "linkAnimation",
"active": true
},
{
"name": "animationType",
"active": true
},
{
"name": "animationScope",
"active": true
},
{
"name": "animationParent",
"active": true
},
{
"name": "animationTarget",
"active": true
},
{
"name": "animationScale",
"active": true
},
{
"name": "animationDirection",
"active": true
},
{
"name": "animationDirection",
"active": true
},
{
"name": "animationDirection",
"active": true
},
{
"name": "animationDistance",
"active": true
},
{
"name": "animationPieces",
"active": true
},
{
"name": "animationOrigin",
"active": true
},
{
"name": "animationFoldHeight",
"active": true
},
{
"name": "animationHorizontalFirst",
"active": true
},
{
"name": "animationIterations",
"active": true
},
{
"name": "animationEasing",
"active": true
},
{
"name": "animationDuration",
"active": true
}
]
},
{
"formKey": "common-link-modifier",
"breakpoints": [],
"activeFields": [
{
"name": "modifier",
"active": true
},
{
"name": "modifierType",
"active": true
},
{
"name": "interactionScope",
"active": true
},
{
"name": "interactionParent",
"active": true
},
{
"name": "interactionTarget",
"active": true
},
{
"name": "modifierName",
"active": true
}
]
},
{
"formKey": "container-style",
"breakpoints": [],
"activeFields": [
{
"name": "customStyle",
"active": true
},
{
"name": "customStyle",
"active": true
}
]
}
]
}
],
"selectorType": "topLevel",
"form": null,
"items": []
},
"styles": {
"formDefinition": [
{
"formKey": "layout",
"children": [
{
"formKey": "position",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "position",
"active": true
},
{
"name": "top",
"active": true
},
{
"name": "bottom",
"active": true
},
{
"name": "left",
"active": true
},
{
"name": "right",
"active": true
},
{
"name": "z-index",
"active": true
}
]
},
{
"formKey": "display",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "display",
"active": true
},
{
"name": "visibility",
"active": false
},
{
"name": "overflow",
"active": false
},
{
"name": "overflow-x",
"active": false
},
{
"name": "overflow-y",
"active": false
}
]
},
{
"formKey": "flex-container",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "flex-direction",
"active": true
},
{
"name": "flex-wrap",
"active": false
},
{
"name": "justify-content",
"active": false
},
{
"name": "justify-content-safety",
"active": true
},
{
"name": "align-content",
"active": false
},
{
"name": "align-content-safety",
"active": true
},
{
"name": "align-items",
"active": false
},
{
"name": "align-items-safety",
"active": true
}
]
}
]
}
],
"selectorType": "topLevel",
"items": [],
"form": null
},
"markup": {
"formDefinition": [
{
"formKey": "tab-markup-classes-and-ids",
"children": [
{
"formKey": "tab-markup-add-classes",
"breakpoints": [],
"activeFields": [
{
"name": "classes",
"active": true
}
]
}
]
}
],
"title": "Markup",
"selectorType": "topLevel",
"form": null,
"items": []
}
},
"32581850-c4fc-40b8-a64a-f99380e3f56c": {
"settings": {
"formDefinition": [
{
"formKey": "container-settings",
"children": [
{
"formKey": "container-width",
"breakpoints": [],
"activeFields": [
{
"name": "width",
"active": true
}
]
},
{
"formKey": "common-link-animation",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "linkAnimation",
"active": true
},
{
"name": "animationType",
"active": true
},
{
"name": "animationScope",
"active": true
},
{
"name": "animationParent",
"active": true
},
{
"name": "animationTarget",
"active": true
},
{
"name": "animationScale",
"active": true
},
{
"name": "animationDirection",
"active": true
},
{
"name": "animationDirection",
"active": true
},
{
"name": "animationDirection",
"active": true
},
{
"name": "animationDistance",
"active": true
},
{
"name": "animationPieces",
"active": true
},
{
"name": "animationOrigin",
"active": true
},
{
"name": "animationFoldHeight",
"active": true
},
{
"name": "animationHorizontalFirst",
"active": true
},
{
"name": "animationIterations",
"active": true
},
{
"name": "animationEasing",
"active": true
},
{
"name": "animationDuration",
"active": true
}
]
},
{
"formKey": "common-link-modifier",
"breakpoints": [],
"activeFields": [
{
"name": "modifier",
"active": true
},
{
"name": "modifierType",
"active": true
},
{
"name": "interactionScope",
"active": true
},
{
"name": "interactionParent",
"active": true
},
{
"name": "interactionTarget",
"active": true
},
{
"name": "modifierName",
"active": true
}
]
},
{
"formKey": "container-style",
"breakpoints": [],
"activeFields": [
{
"name": "customStyle",
"active": true
},
{
"name": "customStyle",
"active": true
}
]
}
]
}
],
"selectorType": "topLevel",
"form": null,
"items": []
},
"styles": {
"formDefinition": [
{
"formKey": "layout",
"children": [
{
"formKey": "flex-item",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "flex-basis",
"active": false
},
{
"name": "order",
"active": true
},
{
"name": "flex-grow",
"active": false
},
{
"name": "flex-shrink",
"active": false
},
{
"name": "align-self",
"active": false
},
{
"name": "align-self-safety",
"active": true
}
]
}
]
}
],
"selectorType": "topLevel",
"items": [],
"form": null
},
"hideNoData": {
"formDefinition": [
{
"formKey": "tab-hide-data-settings",
"children": [
{
"formKey": "tab-hide-data-hide",
"breakpoints": [],
"activeFields": [
{
"name": "hideEnable",
"active": true
},
{
"name": "hideData",
"active": true
}
]
}
]
}
],
"title": "Hide if no data",
"selectorType": "topLevel",
"form": null,
"items": []
}
},
"cef9f3c9-475e-4f5c-be91-1d28abcc4944": {
"settings": {
"formDefinition": [
{
"formKey": "container-settings",
"children": [
{
"formKey": "container-width",
"breakpoints": [],
"activeFields": [
{
"name": "width",
"active": true
}
]
},
{
"formKey": "common-link-animation",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "linkAnimation",
"active": true
},
{
"name": "animationType",
"active": true
},
{
"name": "animationScope",
"active": true
},
{
"name": "animationParent",
"active": true
},
{
"name": "animationTarget",
"active": true
},
{
"name": "animationScale",
"active": true
},
{
"name": "animationDirection",
"active": true
},
{
"name": "animationDirection",
"active": true
},
{
"name": "animationDirection",
"active": true
},
{
"name": "animationDistance",
"active": true
},
{
"name": "animationPieces",
"active": true
},
{
"name": "animationOrigin",
"active": true
},
{
"name": "animationFoldHeight",
"active": true
},
{
"name": "animationHorizontalFirst",
"active": true
},
{
"name": "animationIterations",
"active": true
},
{
"name": "animationEasing",
"active": true
},
{
"name": "animationDuration",
"active": true
}
]
},
{
"formKey": "common-link-modifier",
"breakpoints": [],
"activeFields": [
{
"name": "modifier",
"active": true
},
{
"name": "modifierType",
"active": true
},
{
"name": "interactionScope",
"active": true
},
{
"name": "interactionParent",
"active": true
},
{
"name": "interactionTarget",
"active": true
},
{
"name": "modifierName",
"active": true
}
]
},
{
"formKey": "container-style",
"breakpoints": [],
"activeFields": [
{
"name": "customStyle",
"active": true
},
{
"name": "customStyle",
"active": true
}
]
}
]
}
],
"selectorType": "topLevel",
"form": null,
"items": []
},
"styles": {
"formDefinition": [
{
"formKey": "layout",
"children": [
{
"formKey": "display",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "display",
"active": true
},
{
"name": "visibility",
"active": false
},
{
"name": "overflow",
"active": false
},
{
"name": "overflow-x",
"active": false
},
{
"name": "overflow-y",
"active": false
}
]
},
{
"formKey": "flex-container",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "flex-direction",
"active": true
},
{
"name": "flex-wrap",
"active": false
},
{
"name": "justify-content",
"active": false
},
{
"name": "justify-content-safety",
"active": true
},
{
"name": "align-content",
"active": false
},
{
"name": "align-content-safety",
"active": true
},
{
"name": "align-items",
"active": false
},
{
"name": "align-items-safety",
"active": true
}
]
}
]
}
],
"selectorType": "topLevel",
"items": [],
"form": null
}
},
"e9bb4398-565c-4515-abe3-878171391410": {
"settings": {
"formDefinition": [
{
"formKey": "drupal-field-settings",
"children": [
{
"formKey": "drupal-field-field",
"breakpoints": [],
"activeFields": [
{
"name": "drupalField",
"active": true
}
]
}
]
}
],
"selectorType": "topLevel",
"form": null,
"items": []
}
},
"2c0a9654-5e36-4f08-bf99-ed7883383440": {
"settings": {
"formDefinition": [
{
"formKey": "heading-settings",
"children": [
{
"formKey": "heading-element",
"breakpoints": [],
"activeFields": [
{
"name": "element",
"active": true
}
]
},
{
"formKey": "heading-heading",
"breakpoints": [],
"activeFields": [
{
"name": "content",
"active": true
}
]
},
{
"formKey": "heading-style",
"breakpoints": [],
"activeFields": [
{
"name": "customStyle",
"active": true
},
{
"name": "customStyle",
"active": true
}
]
}
]
}
],
"selectorType": "topLevel",
"form": null,
"items": []
},
"styles": {
"formDefinition": [],
"selectorType": "topLevel",
"items": [],
"form": null
}
},
"5a0eb4b1-5742-42cd-ad5b-4b519ec4debe": {
"settings": {
"formDefinition": [
{
"formKey": "link-settings",
"children": [
{
"formKey": "link-link",
"breakpoints": [],
"activeFields": [
{
"name": "linkText",
"active": true
},
{
"name": "titleAttribute",
"active": true
},
{
"name": "type",
"active": true
},
{
"name": "linkToPage",
"active": true
},
{
"name": "url",
"active": true
},
{
"name": "anchor",
"active": true
},
{
"name": "scrollToSelector",
"active": true
},
{
"name": "scrollToDuration",
"active": true
},
{
"name": "scrollToOffsetType",
"active": true
},
{
"name": "scrollToOffsetPx",
"active": true
},
{
"name": "scrollToOffsetElement",
"active": true
},
{
"name": "target",
"active": true
},
{
"name": "helpText",
"active": true
},
{
"name": "triggerId",
"active": true
},
{
"name": "modalId",
"active": true
}
]
},
{
"formKey": "link-modifier",
"breakpoints": [],
"activeFields": [
{
"name": "modifier",
"active": true
},
{
"name": "modifierType",
"active": true
},
{
"name": "interactionScope",
"active": true
},
{
"name": "interactionParent",
"active": true
},
{
"name": "interactionTarget",
"active": true
},
{
"name": "modifierName",
"active": true
}
]
},
{
"formKey": "link-animation",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "linkAnimation",
"active": true
},
{
"name": "animationType",
"active": true
},
{
"name": "animationScope",
"active": true
},
{
"name": "animationParent",
"active": true
},
{
"name": "animationTarget",
"active": true
},
{
"name": "animationScale",
"active": true
},
{
"name": "animationDirection",
"active": true
},
{
"name": "animationDirection",
"active": true
},
{
"name": "animationDirection",
"active": true
},
{
"name": "animationDistance",
"active": true
},
{
"name": "animationPieces",
"active": true
},
{
"name": "animationOrigin",
"active": true
},
{
"name": "animationFoldHeight",
"active": true
},
{
"name": "animationHorizontalFirst",
"active": true
},
{
"name": "animationIterations",
"active": true
},
{
"name": "animationEasing",
"active": true
},
{
"name": "animationDuration",
"active": true
}
]
},
{
"formKey": "link-style",
"breakpoints": [],
"activeFields": [
{
"name": "customStyle",
"active": true
},
{
"name": "customStyle",
"active": true
}
]
}
]
}
],
"selectorType": "topLevel",
"form": null,
"items": []
},
"styles": {
"formDefinition": [],
"selectorType": "topLevel",
"items": [
{
"title": ":after",
"type": "container",
"items": [],
"form": null,
"selectorType": "pseudo",
"uuid": "52e2528a-3fe6-4bb6-991f-f6ad59e999f9",
"allowedTypes": [
"child",
"pseudo"
],
"formDefinition": [
{
"formKey": "layout",
"children": [
{
"formKey": "position",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "position",
"active": true
},
{
"name": "top",
"active": true
},
{
"name": "bottom",
"active": true
},
{
"name": "left",
"active": true
},
{
"name": "right",
"active": true
},
{
"name": "z-index",
"active": true
}
]
}
]
},
{
"formKey": "content",
"children": [
{
"formKey": "strings-counters-quotes-urls-and-attributes",
"breakpoints": [
{
"name": "xl"
}
],
"activeFields": [
{
"name": "contentType",
"active": true
},
{
"name": "contentString",
"active": true
},
{
"name": "counterString",
"active": true
},
{
"name": "customString",
"active": true
}
]
}
]
}
]
}
],
"form": null
},
"markup": {
"formDefinition": [
{
"formKey": "tab-markup-classes-and-ids",
"children": [
{
"formKey": "tab-markup-add-classes",
"breakpoints": [],
"activeFields": [
{
"name": "classes",
"active": true
}
]
}
]
}
],
"title": "Markup",
"selectorType": "topLevel",
"form": null,
"items": []
}
},
"f629f877-a25b-4109-a386-266f6692c157": {}
},
"model": {
"032e8885-0753-42c0-a9bf-e533b892febc": {
"settings": {
"title": "Card container (.card-outer-container)",
"width": "fluid",
"customStyle": [
{
"customStyle": ""
}
],
"settings": {
"width": "fluid",
"customStyle": [
{
"customStyle": ""
}
]
}
},
"context-visibility": {
"contextVisibility": {
"condition": "ALL"
}
},
"styles": {
"settings": {
"element": "container"
},
"styles": {
"xl": {
"position": {
"value": "relative"
},
"display": {
"value": "flex"
},
"flex-container": {
"flex-direction": {
"value": "column"
}
}
}
}
},
"markup": {
"classes": "card-outer-container"
}
},
"cef9f3c9-475e-4f5c-be91-1d28abcc4944": {
"settings": {
"title": "Card text",
"width": "fluid",
"customStyle": [
{
"customStyle": "coh-style-padding-small"
}
],
"settings": {
"width": "fluid",
"customStyle": [
{
"customStyle": ""
}
]
}
},
"context-visibility": {
"contextVisibility": {
"condition": "ALL"
}
},
"styles": {
"settings": {
"element": "container"
},
"styles": {
"xl": {
"display": {
"value": "flex"
},
"flex-container": {
"flex-direction": {
"value": "column"
}
}
}
}
}
},
"2c0a9654-5e36-4f08-bf99-ed7883383440": {
"settings": {
"title": "Heading",
"element": "h3",
"customStyle": [
{
"customStyle": "coh-style-heading-4-size"
}
],
"settings": {
"element": "h1",
"customStyle": [
{
"customStyle": ""
}
]
}
},
"context-visibility": {
"contextVisibility": {
"condition": "ALL"
}
},
"styles": {
"settings": {
"element": "heading"
}
}
},
"5a0eb4b1-5742-42cd-ad5b-4b519ec4debe": {
"settings": {
"title": "Link (.card-link)",
"customStyle": [
{
"customStyle": ""
}
],
"settings": {
"type": "internal-page",
"target": "_self",
"customStyle": [
{
"customStyle": ""
}
]
},
"type": "internal-page",
"target": "_self",
"linkText": "[node:title]",
"linkToPage": "[node:url]"
},
"context-visibility": {
"contextVisibility": {
"condition": "ALL"
}
},
"styles": {
"settings": {
"element": "link"
},
"52e2528a-3fe6-4bb6-991f-f6ad59e999f9": {
"settings": {
"element": "",
"class": "",
"combinator": "",
"pseudo": ":after"
},
"styles": {
"xl": {
"position": {
"value": "absolute"
},
"top": {
"value": "0"
},
"bottom": {
"value": "0"
},
"left": {
"value": "0"
},
"right": {
"value": "0"
},
"z-index": {
"value": "1"
},
"content-string": {
"contentType": {
"value": "custom"
},
"customString": {
"value": "\"\""
}
}
}
}
}
},
"markup": {
"classes": "card-link"
}
},
"e9bb4398-565c-4515-abe3-878171391410": {
"settings": {
"title": "Page description",
"settings": {
"drupalField": ""
},
"drupalField": "content.body"
},
"context-visibility": {
"contextVisibility": {
"condition": "ALL"
}
},
"styles": {
"settings": {
"element": "drupal-field"
}
}
},
"32581850-c4fc-40b8-a64a-f99380e3f56c": {
"settings": {
"title": "Card media",
"width": "fluid",
"customStyle": [
{
"customStyle": ""
}
],
"settings": {
"width": "fluid",
"customStyle": [
{
"customStyle": ""
}
]
}
},
"context-visibility": {
"contextVisibility": {
"condition": "ALL"
}
},
"styles": {
"settings": {
"element": "container"
},
"styles": {
"xl": {
"flex-item": {
"order": {
"value": "-1"
}
}
}
}
},
"hideNoData": {
"hideEnable": true,
"hideData": "[node:field_page_image]"
}
},
"f629f877-a25b-4109-a386-266f6692c157": {
"settings": {
"title": "Field",
"settings": {
"drupalField": ""
},
"drupalField": "content.field_page_image"
},
"context-visibility": {
"contextVisibility": {
"condition": "ALL"
}
},
"styles": {
"settings": {
"element": "drupal-field"
}
}
}
},
"previewModel": {
"032e8885-0753-42c0-a9bf-e533b892febc": {},
"cef9f3c9-475e-4f5c-be91-1d28abcc4944": {},
"32581850-c4fc-40b8-a64a-f99380e3f56c": {},
"2c0a9654-5e36-4f08-bf99-ed7883383440": {},
"5a0eb4b1-5742-42cd-ad5b-4b519ec4debe": {
"settings": {
"linkText": "Title of the page"
}
},
"e9bb4398-565c-4515-abe3-878171391410": {},
"f629f877-a25b-4109-a386-266f6692c157": {}
},
"variableFields": {
"032e8885-0753-42c0-a9bf-e533b892febc": [],
"cef9f3c9-475e-4f5c-be91-1d28abcc4944": [],
"32581850-c4fc-40b8-a64a-f99380e3f56c": [],
"2c0a9654-5e36-4f08-bf99-ed7883383440": [],
"5a0eb4b1-5742-42cd-ad5b-4b519ec4debe": [
"settings.linkText",
"settings.linkToPage"
],
"e9bb4398-565c-4515-abe3-878171391410": [],
"f629f877-a25b-4109-a386-266f6692c157": []
},
"meta": {
"fieldHistory": []
}
}
json_mapper: '{}'
last_entity_update: entityupdate_0042
modified: true
selectable: false
custom: false
twig_template: node--cohesion--node-page-card
default: true
entity_type: node
bundle: page
view_mode: card
master_template: ''
