uuid: 2383de38-a7fa-4be2-8a71-617250e1e5e2
langcode: en
status: true
dependencies:
  config:
    - cohesion_custom_styles.cohesion_custom_style.097f31b2
    - cohesion_elements.cohesion_component_category.cpt_cat_accordion_components
  content:
    - 'file:file:02f6d101-a64f-4236-9451-9b200f8d213d'
  enforced:
    module:
      - acquia_cms_site_studio
label: 'Accordion item'
id: cpt_accordion_item
json_values: |
  {
      "canvas": [
          {
              "type": "container",
              "uid": "accordion-tabs-item",
              "title": "Accordion tabs item",
              "status": {
                  "collapsed": true
              },
              "parentIndex": 4,
              "uuid": "a664fba3-32f4-412b-a794-d0e11b33d11f",
              "parentUid": "root",
              "children": [
                  {
                      "type": "container",
                      "uid": "container",
                      "title": "Container",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": [
                              "a664fba3-32f4-412b-a794-d0e11b33d11f"
                          ]
                      },
                      "parentIndex": 2,
                      "uuid": "c780dd17-668f-4f62-a7c5-cd8ddebd49a6",
                      "parentUid": "accordion-tabs-item",
                      "children": [
                          {
                              "type": "item",
                              "uid": "component-drop-zone-placeholder",
                              "title": "Component drop zone",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "a664fba3-32f4-412b-a794-d0e11b33d11f"
                                  ]
                              },
                              "parentIndex": 0,
                              "uuid": "5451957e-ef07-4b7a-b259-2f2765a854d2",
                              "parentUid": "container",
                              "children": []
                          }
                      ]
                  }
              ]
          }
      ],
      "componentForm": [
          {
              "type": "form-container",
              "uid": "form-tab-container",
              "title": "Tab container",
              "parentIndex": "form-layout",
              "status": {
                  "collapsed": false
              },
              "options": {
                  "formBuilder": true
              },
              "uuid": "058b9fcc-72e8-4da0-89ae-bbec5b4d0b06",
              "parentUid": "root",
              "children": [
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "parentIndex": "form-layout",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "uuid": "2548d74a-ae75-4406-9690-e68545905a0b",
                      "parentUid": "form-tab-container",
                      "children": [
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "parentIndex": "form-layout",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "2548d74a-ae75-4406-9690-e68545905a0b"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "parentUid": "form-tab-item",
                              "uuid": "217573f6-cb89-4169-810a-a4ae21aa8e50",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-input",
                                      "title": "Input",
                                      "parentIndex": "form-fields",
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "217573f6-cb89-4169-810a-a4ae21aa8e50"
                                          ]
                                      },
                                      "uuid": "188518d0-e7b1-42a4-bc9f-4c4327775265",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          }
                      ]
                  },
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "parentIndex": "form-layout",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "uuid": "8cb9b369-a79e-4f4e-beda-cea434d6ced0",
                      "parentUid": "form-tab-container",
                      "children": [
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "parentIndex": "form-layout",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "8cb9b369-a79e-4f4e-beda-cea434d6ced0"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "uuid": "cf9abb4a-c8db-445b-8b63-ec4ce9a7d6a0",
                              "parentUid": "form-tab-item",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "cf9abb4a-c8db-445b-8b63-ec4ce9a7d6a0"
                                          ]
                                      },
                                      "uuid": "09c87ea3-016f-4fd8-adaf-43a9452435a8",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          }
                      ]
                  },
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "parentIndex": "form-layout",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "uuid": "4dce62d6-4c35-45a4-be2d-4d42de93b0fa",
                      "parentUid": "form-tab-container",
                      "children": [
                          {
                              "type": "form-help",
                              "uid": "form-helptext",
                              "title": "Help text",
                              "parentIndex": "form-help",
                              "status": {
                                  "collapsed": false,
                                  "collapsedParents": [
                                      "4dce62d6-4c35-45a4-be2d-4d42de93b0fa"
                                  ]
                              },
                              "uuid": "67fd1206-aac0-431a-bee4-c946b6ed3dc4",
                              "parentUid": "form-tab-item",
                              "children": []
                          }
                      ]
                  }
              ]
          }
      ],
      "mapper": {
          "a664fba3-32f4-412b-a794-d0e11b33d11f": {
              "settings": {
                  "selectorType": "topLevel",
                  "formDefinition": [
                      {
                          "formKey": "accordion-tabs-item-settings",
                          "children": [
                              {
                                  "formKey": "accordion-tabs-item-settings-label",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "title",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "accordion-tabs-item-accordion-settings",
                          "children": [
                              {
                                  "formKey": "accordion-tabs-item-accordion-html-element",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "accordionTabElement",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "accordion-tabs-item-accordion-settings-style",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "accordion-tabs-item-tab-settings",
                          "children": [
                              {
                                  "formKey": "accordion-tabs-item-tab-settings-tab-style",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null
              },
              "styles": {
                  "items": [],
                  "formDefinition": [],
                  "selectorType": "topLevel",
                  "form": null
              }
          },
          "c780dd17-668f-4f62-a7c5-cd8ddebd49a6": {
              "settings": {
                  "selectorType": "topLevel",
                  "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": "container-style",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      },
                                      {
                                          "name": "customStyle",
                                          "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
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null
              },
              "styles": {
                  "items": [],
                  "formDefinition": [],
                  "selectorType": "topLevel",
                  "form": null
              },
              "markup": {
                  "title": "Markup",
                  "selectorType": "topLevel",
                  "formDefinition": [
                      {
                          "formKey": "tab-markup-classes-and-ids",
                          "children": [
                              {
                                  "formKey": "tab-markup-add-classes",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "classes",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null
              }
          },
          "5451957e-ef07-4b7a-b259-2f2765a854d2": {
              "settings": {
                  "topLevel": {
                      "formDefinition": [
                          {
                              "formKey": "component-drop-zone-placeholder-settings",
                              "children": [
                                  {
                                      "formKey": "component-drop-zone-placeholder-hide",
                                      "breakpoints": [],
                                      "activeFields": [
                                          {
                                              "name": "dropzoneHideSelector",
                                              "active": true
                                          }
                                      ]
                                  }
                              ]
                          }
                      ],
                      "selectorType": "topLevel",
                      "form": null
                  },
                  "dropzone": [],
                  "selectorType": "topLevel"
              }
          },
          "8cb9b369-a79e-4f4e-beda-cea434d6ced0": {}
      },
      "model": {
          "a664fba3-32f4-412b-a794-d0e11b33d11f": {
              "settings": {
                  "title": "Accordion tabs item",
                  "accordionTabElement": "div",
                  "settings": {
                      "title": "[field.188518d0-e7b1-42a4-bc9f-4c4327775265]"
                  },
                  "accordionStyle": {
                      "customStyle": ""
                  },
                  "tabStyle": {
                      "customStyle": ""
                  }
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "accordion-tabs-item"
                  },
                  "styles": {
                      "xl": {
                          "background-color": {}
                      }
                  }
              },
              "isVariableMode": false
          },
          "c780dd17-668f-4f62-a7c5-cd8ddebd49a6": {
              "settings": {
                  "title": "",
                  "width": "fluid",
                  "customStyle": [
                      {
                          "customStyle": "[field.09c87ea3-016f-4fd8-adaf-43a9452435a8]"
                      }
                  ],
                  "admin": {}
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "container"
                  }
              },
              "isVariableMode": false,
              "markup": {
                  "classes": ""
              }
          },
          "5451957e-ef07-4b7a-b259-2f2765a854d2": {
              "settings": {
                  "dropzoneHideSelector": "",
                  "title": "Content drop zone"
              }
          },
          "058b9fcc-72e8-4da0-89ae-bbec5b4d0b06": {
              "settings": {
                  "type": "cohTabContainer",
                  "title": "Tab container",
                  "responsiveMode": true
              }
          },
          "2548d74a-ae75-4406-9690-e68545905a0b": {
              "settings": {
                  "type": "cohTabItem",
                  "title": "Content",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "217573f6-cb89-4169-810a-a4ae21aa8e50": {
              "settings": {
                  "type": "cohSection",
                  "title": "Navigation label",
                  "hideRowHeading": 0,
                  "columnCount": "auto",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true,
                  "removePadding": 0,
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "188518d0-e7b1-42a4-bc9f-4c4327775265": {
              "settings": {
                  "title": "Navigation label",
                  "schema": {
                      "type": "string",
                      "escape": true
                  },
                  "validationMessage": {
                      "302": "Please provide a navigation label."
                  },
                  "tooltipPlacement": "auto right",
                  "machineName": "navigation-label",
                  "required": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "Navigation label"
              }
          },
          "8cb9b369-a79e-4f4e-beda-cea434d6ced0": {
              "settings": {
                  "title": "Layout and style",
                  "type": "cohTabItem",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "cf9abb4a-c8db-445b-8b63-ec4ce9a7d6a0": {
              "settings": {
                  "title": "Padding",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "columnCount": "auto",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true,
                  "removePadding": 0,
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "09c87ea3-016f-4fd8-adaf-43a9452435a8": {
              "settings": {
                  "title": "Padding around content",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "options": [
                      {
                          "label": "None",
                          "value": ""
                      },
                      {
                          "label": "Apply padding around content",
                          "value": "coh-style-padding-small"
                      }
                  ],
                  "machineName": "padding-around-content",
                  "tooltipPlacement": "auto right"
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "coh-style-padding-small"
              }
          },
          "4dce62d6-4c35-45a4-be2d-4d42de93b0fa": {
              "settings": {
                  "type": "cohTabItem",
                  "title": "Help",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "67fd1206-aac0-431a-bee4-c946b6ed3dc4": {
              "settings": {
                  "title": "Help text",
                  "type": "cohHelpText",
                  "options": {
                      "helpText": "# Using the Accordion item component\n- Use Accordion items within the Accordion container component to create an accordion.\n- Add content to each Accordion item.\n\n# Navigation label\n- **Navigation label -** Enter text for the accordion navigation.\n\n# Padding\n- **Padding around content -** Add padding around the content within the Accordion item.",
                      "showClose": false,
                      "helpType": "help"
                  }
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {}
          }
      },
      "previewModel": {
          "8cb9b369-a79e-4f4e-beda-cea434d6ced0": {},
          "188518d0-e7b1-42a4-bc9f-4c4327775265": {},
          "c780dd17-668f-4f62-a7c5-cd8ddebd49a6": {
              "settings": {
                  "customStyle": [
                      {
                          "customStyle": ""
                      },
                      {},
                      {}
                  ]
              }
          },
          "cf9abb4a-c8db-445b-8b63-ec4ce9a7d6a0": {},
          "09c87ea3-016f-4fd8-adaf-43a9452435a8": {},
          "a664fba3-32f4-412b-a794-d0e11b33d11f": {},
          "67fd1206-aac0-431a-bee4-c946b6ed3dc4": {}
      },
      "variableFields": {
          "a664fba3-32f4-412b-a794-d0e11b33d11f": [
              "settings.settings.title"
          ],
          "c780dd17-668f-4f62-a7c5-cd8ddebd49a6": [
              "settings.customStyle.0.customStyle"
          ],
          "8cb9b369-a79e-4f4e-beda-cea434d6ced0": [],
          "188518d0-e7b1-42a4-bc9f-4c4327775265": [],
          "cf9abb4a-c8db-445b-8b63-ec4ce9a7d6a0": [],
          "09c87ea3-016f-4fd8-adaf-43a9452435a8": [],
          "67fd1206-aac0-431a-bee4-c946b6ed3dc4": []
      },
      "meta": {
          "fieldHistory": [
              {
                  "uuid": "09c87ea3-016f-4fd8-adaf-43a9452435a8",
                  "type": "form-select",
                  "machineName": "padding-around-content"
              },
              {
                  "uuid": "188518d0-e7b1-42a4-bc9f-4c4327775265",
                  "type": "form-input",
                  "machineName": "navigation-label"
              },
              {
                  "uuid": "e3d1aecb-6d40-4033-a2e6-27eae5e6f562",
                  "type": "form-select",
                  "machineName": "padding-left-and-right"
              },
              {
                  "uuid": "858c4d7e-e04f-4cd1-9d9e-4125cf783a7a",
                  "type": "form-select",
                  "machineName": "padding-top-and-bottom"
              },
              {
                  "uuid": "92020ddc-5261-4e6a-8a06-efd37607c83e",
                  "type": "form-colorpicker",
                  "machineName": "background-color"
              }
          ]
      }
  }
json_mapper: '{}'
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
category: cpt_cat_accordion_components
preview_image: 'public://element-preview-images/Accordion item.png'
has_quick_edit: true
entity_type_access: {  }
bundle_access: {  }
twig_template: component--cohesion-cpt-accordion-item
weight: 42
