uuid: eca73b97-1965-47fd-b174-1ba78b2b9b31
langcode: en
status: true
dependencies:
  config:
    - cohesion_custom_styles.cohesion_custom_style.04aaf141
    - cohesion_custom_styles.cohesion_custom_style.63181883
    - cohesion_custom_styles.cohesion_custom_style.91a0d518
    - cohesion_custom_styles.cohesion_custom_style.ec270c6c
    - cohesion_custom_styles.cohesion_custom_style.f9ad5373
    - cohesion_elements.cohesion_component_category.cpt_cat_read_more_components
  content:
    - 'file:file:2dc7a962-eb07-4aad-946d-7c4f6840c8b0'
  enforced:
    module:
      - acquia_cms_site_studio
label: 'Read more'
id: cpt_read_more
json_values: |
  {
      "canvas": [
          {
              "type": "container",
              "uid": "read-more",
              "title": "Read more",
              "status": {
                  "collapsed": true
              },
              "uuid": "0788b604-035c-451a-b835-030dc8b3ee82",
              "parentUid": "root",
              "children": [
                  {
                      "type": "item",
                      "uid": "component-drop-zone-placeholder",
                      "title": "Component drop zone",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": [
                              "0788b604-035c-451a-b835-030dc8b3ee82"
                          ]
                      },
                      "uuid": "0520690f-c704-4c50-b2e0-fd734b2720a5",
                      "parentUid": "read-more",
                      "children": []
                  }
              ]
          }
      ],
      "componentForm": [
          {
              "type": "form-container",
              "uid": "form-tab-container",
              "title": "Tab container",
              "status": {
                  "collapsed": false
              },
              "options": {
                  "formBuilder": true
              },
              "uuid": "9b7684dd-3dfa-46e5-b46f-d02989538e17",
              "parentUid": "root",
              "children": [
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "uuid": "85f208b2-54fc-427b-a242-d46bff8dcd0b",
                      "parentUid": "form-tab-container",
                      "children": [
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "85f208b2-54fc-427b-a242-d46bff8dcd0b"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "uuid": "1215b1c0-8086-4fa4-b0f7-c4009694f797",
                              "parentUid": "form-tab-item",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-input",
                                      "title": "Input",
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "1215b1c0-8086-4fa4-b0f7-c4009694f797"
                                          ]
                                      },
                                      "uuid": "2dfe516c-b5de-450f-ba25-29ee19482e0b",
                                      "parentUid": "form-section",
                                      "children": []
                                  },
                                  {
                                      "type": "form-field",
                                      "uid": "form-input",
                                      "title": "Input",
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "1215b1c0-8086-4fa4-b0f7-c4009694f797"
                                          ]
                                      },
                                      "uuid": "cf9520ad-b3e7-4205-ba2c-2711366c31d6",
                                      "parentUid": "form-section",
                                      "children": []
                                  },
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "1215b1c0-8086-4fa4-b0f7-c4009694f797"
                                          ]
                                      },
                                      "uuid": "50537163-ed2d-4ae2-bdb5-e3184c473279",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          },
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "85f208b2-54fc-427b-a242-d46bff8dcd0b"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "parentUid": "form-tab-item",
                              "uuid": "3473ab7e-7e0b-4922-8414-0abb67aa2659",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "translate": false,
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "3473ab7e-7e0b-4922-8414-0abb67aa2659"
                                          ]
                                      },
                                      "uuid": "67d66edb-eab5-4c3a-ab7e-7f8458fc45ad",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          }
                      ]
                  },
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "uuid": "fc99b97e-c41d-49a6-b331-dc58024f61ac",
                      "parentUid": "form-tab-container",
                      "children": [
                          {
                              "type": "form-help",
                              "uid": "form-helptext",
                              "title": "Help text",
                              "status": {
                                  "collapsed": false,
                                  "collapsedParents": [
                                      "fc99b97e-c41d-49a6-b331-dc58024f61ac"
                                  ]
                              },
                              "uuid": "13e0bd09-7253-401f-8881-63389526f918",
                              "parentUid": "form-tab-item",
                              "children": []
                          }
                      ]
                  }
              ]
          }
      ],
      "mapper": {
          "0788b604-035c-451a-b835-030dc8b3ee82": {
              "settings": {
                  "selectorType": "topLevel",
                  "formDefinition": [
                      {
                          "formKey": "read-more-settings",
                          "children": [
                              {
                                  "formKey": "read-more-button",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "buttonTextCollapsed",
                                          "active": true
                                      },
                                      {
                                          "name": "buttonTextExpanded",
                                          "active": true
                                      },
                                      {
                                          "name": "buttonStyle",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "read-more-button-animation",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "animationType",
                                          "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": "read-more-initial-state",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "visibility",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "read-more-style",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      },
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null
              }
          },
          "0520690f-c704-4c50-b2e0-fd734b2720a5": {}
      },
      "model": {
          "0788b604-035c-451a-b835-030dc8b3ee82": {
              "settings": {
                  "title": "Read more",
                  "customStyle": [
                      {
                          "customStyle": "[field.67d66edb-eab5-4c3a-ab7e-7f8458fc45ad]"
                      }
                  ],
                  "buttonStyle": "[field.50537163-ed2d-4ae2-bdb5-e3184c473279]",
                  "styles": {
                      "xl": {
                          "animationType": "blind",
                          "visibility": "hidden",
                          "animationDirection": "up",
                          "animationEasing": "swing"
                      }
                  },
                  "buttonTextCollapsed": "[field.2dfe516c-b5de-450f-ba25-29ee19482e0b]",
                  "buttonTextExpanded": "[field.cf9520ad-b3e7-4205-ba2c-2711366c31d6]"
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "read-more"
                  }
              }
          },
          "0520690f-c704-4c50-b2e0-fd734b2720a5": {
              "settings": {
                  "title": "Component drop zone - Hidden content",
                  "dropzoneHideSelector": ""
              }
          },
          "9b7684dd-3dfa-46e5-b46f-d02989538e17": {
              "settings": {
                  "type": "cohTabContainer",
                  "title": "Tab container",
                  "responsiveMode": true
              }
          },
          "85f208b2-54fc-427b-a242-d46bff8dcd0b": {
              "settings": {
                  "title": "Layout and style",
                  "type": "cohTabItem",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "1215b1c0-8086-4fa4-b0f7-c4009694f797": {
              "settings": {
                  "title": "Button",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "columnCount": "3",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true,
                  "removePadding": 0,
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "2dfe516c-b5de-450f-ba25-29ee19482e0b": {
              "settings": {
                  "title": "Button text - collapsed",
                  "schema": {
                      "type": "string",
                      "escape": true
                  },
                  "tooltipPlacement": "auto right",
                  "validationMessage": {
                      "302": "Please enter button text."
                  },
                  "machineName": "button-text--collapsed",
                  "required": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "Read more"
              }
          },
          "cf9520ad-b3e7-4205-ba2c-2711366c31d6": {
              "settings": {
                  "title": "Button text expanded",
                  "schema": {
                      "type": "string",
                      "escape": true
                  },
                  "tooltipPlacement": "auto right",
                  "validationMessage": {
                      "302": "Please enter button text."
                  },
                  "machineName": "button-text-expanded",
                  "required": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "Read less"
              }
          },
          "50537163-ed2d-4ae2-bdb5-e3184c473279": {
              "settings": {
                  "title": "Button style",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "tooltipPlacement": "auto right",
                  "options": [
                      {
                          "label": "Read more link",
                          "value": "coh-style-read-more"
                      },
                      {
                          "label": "Read more button color",
                          "value": "coh-style-read-more-button-color"
                      },
                      {
                          "label": "Read more button dark",
                          "value": "coh-style-read-more-button-dark"
                      },
                      {
                          "label": "Read more button light",
                          "value": "coh-style-read-more-button-light"
                      }
                  ],
                  "machineName": "button-style"
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "coh-style-read-more"
              }
          },
          "3473ab7e-7e0b-4922-8414-0abb67aa2659": {
              "settings": {
                  "title": "Space below",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "removePadding": 0,
                  "columnCount": "1",
                  "breakpointIcon": "",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "67d66edb-eab5-4c3a-ab7e-7f8458fc45ad": {
              "settings": {
                  "title": "Add space below",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "options": [
                      {
                          "label": "None",
                          "value": ""
                      },
                      {
                          "label": "Add space below",
                          "value": "coh-style-margin-bottom-small"
                      }
                  ],
                  "machineName": "add-space-below",
                  "tooltipPlacement": "auto right"
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "coh-style-margin-bottom-small"
              }
          },
          "fc99b97e-c41d-49a6-b331-dc58024f61ac": {
              "settings": {
                  "title": "Help",
                  "type": "cohTabItem",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "13e0bd09-7253-401f-8881-63389526f918": {
              "settings": {
                  "title": "Help text",
                  "type": "cohHelpText",
                  "options": {
                      "showClose": false,
                      "helpType": "help",
                      "helpText": "# Using the Read more component\n- Use the Read more component to add content that is collapsed (hidden) until a button is clicked to expand it.\n- The Read more component is useful to provide expandable details content after summary content.\n- The Read more component is best placed within a Layout or other containing component.\n\n# Button\n- **Button text collapsed -** Enter the text for the button that expands and collapses the content as it will display when the content is collapsed.\n- **Button text expanded -** Enter the text for the button that expands and collapses the content as it will display when the content is expanded.\n- **Button style -** Select the style for the button that expands and collapses the content.\n\n# Space below\n- **Add space below -** Add a space (margin) below the content. This is required if a space is desirable when adding this component above another component within the same parent layout component."
                  }
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          }
      },
      "previewModel": {
          "0788b604-035c-451a-b835-030dc8b3ee82": {
              "settings": {
                  "buttonTextCollapsed": "",
                  "buttonTextExpanded": "",
                  "buttonStyle": "coh-style-read-more",
                  "customStyle": [
                      {
                          "customStyle": ""
                      }
                  ]
              }
          },
          "85f208b2-54fc-427b-a242-d46bff8dcd0b": {},
          "fc99b97e-c41d-49a6-b331-dc58024f61ac": {},
          "1215b1c0-8086-4fa4-b0f7-c4009694f797": {},
          "2dfe516c-b5de-450f-ba25-29ee19482e0b": {},
          "cf9520ad-b3e7-4205-ba2c-2711366c31d6": {},
          "0520690f-c704-4c50-b2e0-fd734b2720a5": {},
          "50537163-ed2d-4ae2-bdb5-e3184c473279": {},
          "3473ab7e-7e0b-4922-8414-0abb67aa2659": {},
          "67d66edb-eab5-4c3a-ab7e-7f8458fc45ad": {},
          "13e0bd09-7253-401f-8881-63389526f918": {}
      },
      "variableFields": {
          "0788b604-035c-451a-b835-030dc8b3ee82": [
              "settings.buttonStyle",
              "settings.buttonTextCollapsed",
              "settings.buttonTextExpanded",
              "settings.customStyle.0.customStyle"
          ],
          "85f208b2-54fc-427b-a242-d46bff8dcd0b": [],
          "fc99b97e-c41d-49a6-b331-dc58024f61ac": [],
          "1215b1c0-8086-4fa4-b0f7-c4009694f797": [],
          "2dfe516c-b5de-450f-ba25-29ee19482e0b": [],
          "cf9520ad-b3e7-4205-ba2c-2711366c31d6": [],
          "0520690f-c704-4c50-b2e0-fd734b2720a5": [],
          "50537163-ed2d-4ae2-bdb5-e3184c473279": [],
          "3473ab7e-7e0b-4922-8414-0abb67aa2659": [],
          "67d66edb-eab5-4c3a-ab7e-7f8458fc45ad": [],
          "13e0bd09-7253-401f-8881-63389526f918": []
      },
      "meta": {
          "fieldHistory": [
              {
                  "uuid": "67d66edb-eab5-4c3a-ab7e-7f8458fc45ad",
                  "type": "form-select",
                  "machineName": "add-space-below"
              },
              {
                  "uuid": "50537163-ed2d-4ae2-bdb5-e3184c473279",
                  "type": "form-select",
                  "machineName": "button-style"
              },
              {
                  "uuid": "cf9520ad-b3e7-4205-ba2c-2711366c31d6",
                  "type": "form-input",
                  "machineName": "button-text-expanded"
              },
              {
                  "uuid": "2dfe516c-b5de-450f-ba25-29ee19482e0b",
                  "type": "form-input",
                  "machineName": "button-text--collapsed"
              },
              {
                  "machineName": "add-space-below"
              }
          ]
      }
  }
json_mapper: '{}'
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
category: cpt_cat_read_more_components
preview_image: 'public://element-preview-images/Read more.png'
has_quick_edit: true
entity_type_access: {  }
bundle_access: {  }
twig_template: component--cohesion-cpt-read-more
weight: 46
