uuid: ac2facdc-6808-4f43-b37b-9090232233f5
langcode: en
status: true
dependencies:
  config:
    - cohesion_custom_styles.cohesion_custom_style.59942bd8
    - cohesion_custom_styles.cohesion_custom_style.63181883
    - cohesion_custom_styles.cohesion_custom_style.77af1043
    - cohesion_custom_styles.cohesion_custom_style.a5bad395
    - cohesion_elements.cohesion_component_category.cpt_cat_tab_components
  content:
    - 'file:file:f2a41503-6491-40fc-bf2a-a588e6d76cc1'
  enforced:
    module:
      - acquia_cms_site_studio
label: 'Tabs container - vertical tabs'
id: cpt_tabs_container_vertical_tabs
json_values: |
  {
      "canvas": [
          {
              "type": "container",
              "uid": "container",
              "title": "Container",
              "status": {
                  "collapsed": false
              },
              "uuid": "e46fdf67-94df-4bf8-92be-269be721ad96",
              "parentUid": "root",
              "children": [
                  {
                      "type": "container",
                      "uid": "accordion-tabs-container",
                      "title": "Accordion tabs container",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "parentIndex": 4,
                      "uuid": "292bed03-d85a-4baa-850b-2f3eafda8745",
                      "parentUid": "container",
                      "children": [
                          {
                              "type": "item",
                              "uid": "component-drop-zone-placeholder",
                              "title": "Component drop zone",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "292bed03-d85a-4baa-850b-2f3eafda8745"
                                  ]
                              },
                              "parentIndex": 0,
                              "uuid": "30c4fe63-041d-4554-88d8-a022cd24b6d3",
                              "parentUid": "accordion-tabs-container",
                              "children": []
                          }
                      ]
                  }
              ]
          }
      ],
      "componentForm": [
          {
              "type": "form-container",
              "uid": "form-tab-container",
              "title": "Tab container",
              "status": {
                  "collapsed": false
              },
              "options": {
                  "formBuilder": true
              },
              "uuid": "f750f73c-eff7-4ad3-964e-9975ea36185d",
              "parentUid": "root",
              "children": [
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "uuid": "fbd99335-5901-4466-9401-59c7db416c46",
                      "parentUid": "form-tab-container",
                      "children": [
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "fbd99335-5901-4466-9401-59c7db416c46"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "uuid": "4cdf1a5e-fd84-4765-a6f7-b6d291d1b13f",
                              "parentUid": "form-tab-item",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "translate": false,
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "4cdf1a5e-fd84-4765-a6f7-b6d291d1b13f"
                                          ]
                                      },
                                      "uuid": "9ecf9125-c624-4211-9b39-c34584f7dfe0",
                                      "parentUid": "form-section",
                                      "children": []
                                  },
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "translate": false,
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "4cdf1a5e-fd84-4765-a6f7-b6d291d1b13f"
                                          ]
                                      },
                                      "uuid": "ed4b76f5-a605-4f68-b49d-427b4bda4561",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          },
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "fbd99335-5901-4466-9401-59c7db416c46"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "uuid": "b10ea265-adc6-4536-8f1e-321dafd89fa7",
                              "parentUid": "form-tab-item",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-colorpicker",
                                      "title": "Color picker",
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "b10ea265-adc6-4536-8f1e-321dafd89fa7"
                                          ]
                                      },
                                      "uuid": "55831a2a-05c9-446a-80b0-12b24d7b3064",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          },
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "fbd99335-5901-4466-9401-59c7db416c46"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "parentUid": "form-tab-item",
                              "uuid": "a1de99e9-c624-491f-ba53-c64f652d6309",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "translate": false,
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "a1de99e9-c624-491f-ba53-c64f652d6309"
                                          ]
                                      },
                                      "uuid": "40c30406-fa99-4c52-b37a-51bc52dcf7e2",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          }
                      ]
                  },
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "uuid": "4cf9b4aa-1257-4f54-9d5b-cfc65a56064c",
                      "parentUid": "form-tab-container",
                      "children": [
                          {
                              "type": "form-help",
                              "uid": "form-helptext",
                              "title": "Help text",
                              "parentIndex": "form-help",
                              "status": {
                                  "collapsed": false,
                                  "collapsedParents": [
                                      "4cf9b4aa-1257-4f54-9d5b-cfc65a56064c"
                                  ]
                              },
                              "uuid": "8a47b5a0-0ad3-460a-8bf0-0dee08b7abcc",
                              "parentUid": "form-tab-item",
                              "children": []
                          }
                      ]
                  }
              ]
          }
      ],
      "mapper": {
          "e46fdf67-94df-4bf8-92be-269be721ad96": {
              "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": "background",
                          "children": [
                              {
                                  "formKey": "background-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "background-color",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "selectorType": "topLevel",
                  "items": [],
                  "form": null
              }
          },
          "292bed03-d85a-4baa-850b-2f3eafda8745": {
              "settings": {
                  "selectorType": "topLevel",
                  "formDefinition": [
                      {
                          "formKey": "accordion-tabs-container-settings",
                          "children": [
                              {
                                  "formKey": "accordion-tabs-container-accordion-or-tab",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      },
                                      {
                                          "name": "ps"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "accordionOrTab",
                                          "active": true
                                      },
                                      {
                                          "name": "collapsible",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "accordion-tabs-container-transition",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      },
                                      {
                                          "name": "sm"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "animation",
                                          "active": true
                                      },
                                      {
                                          "name": "duration",
                                          "active": true
                                      },
                                      {
                                          "name": "durationMs",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "accordion-tabs-container-start-state",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "startCollapsed",
                                          "active": true
                                      },
                                      {
                                          "name": "active",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "accordion-tabs-container-style",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      },
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      },
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "accordion-tabs-container-accordion-accordion-settings",
                          "children": [
                              {
                                  "formKey": "accordion-tabs-container-behavior",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "scrollToAccordion",
                                          "active": true
                                      },
                                      {
                                          "name": "setHash",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "accordion-tabs-container-tab-settings",
                          "children": [
                              {
                                  "formKey": "accordion-tabs-container-position",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "horizontalVertical",
                                          "active": true
                                      },
                                      {
                                          "name": "HorizontalPosition",
                                          "active": true
                                      },
                                      {
                                          "name": "VerticalPosition",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "accordion-tabs-container-width",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      },
                                      {
                                          "name": "md"
                                      },
                                      {
                                          "name": "ps"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "accordionTabWidth",
                                          "active": true
                                      },
                                      {
                                          "name": "accordionTabBleed",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null
              },
              "styles": {
                  "items": [
                      {
                          "title": ".coh-accordion-tabs-nav",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "child",
                          "model": ".coh-accordion-tabs-nav",
                          "uuid": "61f75ac6-c9df-4cd3-aff2-570c57f354ca",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "box-shadow",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "box-shadow",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowType",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowHorizontal",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowVertical",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowBlur",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowSpread",
                                                  "active": true
                                              },
                                              {
                                                  "name": "boxshadowColor",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "title": ".space-between-nav-content",
                          "type": "container",
                          "items": [
                              {
                                  "title": ".coh-accordion-tabs-content",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "child",
                                  "model": ".coh-accordion-tabs-content",
                                  "uuid": "f7f8d89a-96a4-48be-bc53-19c52ec905d1",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "padding",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      },
                                                      {
                                                          "name": "md"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "padding-equal",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "padding-top",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "padding-bottom",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "padding-left",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "padding-right",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "padding-block-start",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "padding-block-end",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "padding-inline-start",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "padding-inline-end",
                                                          "active": false
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "form": null,
                          "selectorType": "modifier",
                          "model": ".space-between-nav-content",
                          "uuid": "a99a923c-d597-454b-b778-8ae08e6e481d",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": []
                      }
                  ],
                  "formDefinition": [],
                  "selectorType": "topLevel",
                  "form": null
              }
          },
          "30c4fe63-041d-4554-88d8-a022cd24b6d3": {
              "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"
              }
          }
      },
      "model": {
          "e46fdf67-94df-4bf8-92be-269be721ad96": {
              "settings": {
                  "title": "Container",
                  "width": "fluid",
                  "customStyle": [
                      {
                          "customStyle": "[field.40c30406-fa99-4c52-b37a-51bc52dcf7e2]"
                      }
                  ],
                  "settings": {
                      "width": "fluid",
                      "customStyle": [
                          {
                              "customStyle": ""
                          }
                      ]
                  }
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "container"
                  },
                  "styles": {
                      "xl": {
                          "background-color": {
                              "value": "[field.55831a2a-05c9-446a-80b0-12b24d7b3064]"
                          }
                      }
                  }
              }
          },
          "292bed03-d85a-4baa-850b-2f3eafda8745": {
              "settings": {
                  "title": "Accordion tabs container",
                  "styles": {
                      "xl": {
                          "accordionOrTab": "tabs",
                          "collapsible": false,
                          "startCollapsed": false,
                          "active": 1,
                          "accordionTabWidth": 3,
                          "accordionTabBleed": "retain_gutters",
                          "animation": "fade",
                          "duration": 700
                      },
                      "sm": {
                          "animation": "slide",
                          "duration": 700
                      },
                      "ps": {
                          "accordionTabWidth": -2,
                          "accordionTabBleed": "retain_gutters",
                          "collapsible": true,
                          "accordionOrTab": "accordion"
                      },
                      "md": {
                          "accordionTabWidth": 4,
                          "accordionTabBleed": "retain_gutters"
                      }
                  },
                  "scrollToAccordion": false,
                  "setHash": true,
                  "horizontalVertical": "vertical",
                  "VerticalPosition": "left",
                  "customStyle": [
                      {
                          "customStyle": "[field.9ecf9125-c624-4211-9b39-c34584f7dfe0]"
                      },
                      {
                          "customStyle": "[field.ed4b76f5-a605-4f68-b49d-427b4bda4561]"
                      }
                  ]
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "accordion-tabs-container"
                  },
                  "styles": {
                      "a683e181-6fc8-490c-914b-ff0e53d0a4f5": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "875fa083-82d0-4881-94da-03fa13d1da38": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "5b896fa3-3cbf-4380-ac90-e30206332638": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "e9545565-b6a0-42df-8e58-3a608354bb97": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "994ab124-4bca-4832-a287-8737308e8a0d": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "738dda17-27d2-42f5-8734-e7f66e53fbe3": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "c8ba9e66-440f-4acf-8487-0356362a2d60": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "5614b1c8-fbf4-4fae-af3a-6ccc853e7c25": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "23af754c-0a5e-404f-a0df-5a2cb271551f": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "29b592eb-0e47-42e7-ad0e-0dec0a710256": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "a338008b-64fe-4b0d-8494-ea2c54a74996": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "55b50b9f-1c27-4d6d-be12-314eb4dbfab6": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "c85e9403-eb37-435a-9384-6a5bd2038164": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "7dedbea1-443d-4e8d-8c95-62960cf1f903": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "0ed5f55c-1c46-4ed4-9074-bd890cb55cc8": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "a95fb2db-3ab2-4383-b2c6-70caabb9897a": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "61f75ac6-c9df-4cd3-aff2-570c57f354ca": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      }
                  },
                  "c85e9403-eb37-435a-9384-6a5bd2038164": {
                      "settings": {
                          "element": ".coh-accordion-tabs-nav",
                          "class": "",
                          "combinator": "",
                          "pseudo": ""
                      }
                  },
                  "7dedbea1-443d-4e8d-8c95-62960cf1f903": {
                      "settings": {
                          "element": ".coh-accordion-tabs-nav",
                          "class": "",
                          "combinator": "",
                          "pseudo": ""
                      }
                  },
                  "61f75ac6-c9df-4cd3-aff2-570c57f354ca": {
                      "settings": {
                          "element": ".coh-accordion-tabs-nav",
                          "class": "",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "box-shadow": [
                                  {
                                      "boxshadowType": {
                                          "value": "none"
                                      }
                                  }
                              ]
                          }
                      }
                  },
                  "f7f8d89a-96a4-48be-bc53-19c52ec905d1": {
                      "settings": {
                          "element": ".coh-accordion-tabs-content",
                          "class": "",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "padding": {
                                  "padding-left": {
                                      "value": "11.5%"
                                  }
                              }
                          },
                          "md": {
                              "padding": {
                                  "padding-left": {
                                      "value": "0"
                                  }
                              }
                          }
                      }
                  },
                  "a99a923c-d597-454b-b778-8ae08e6e481d": {
                      "settings": {
                          "element": "",
                          "class": ".space-between-nav-content",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {}
                  }
              },
              "isVariableMode": false
          },
          "30c4fe63-041d-4554-88d8-a022cd24b6d3": {
              "settings": {
                  "dropzoneHideSelector": "",
                  "title": "Drop 'Tab item' components here."
              }
          },
          "f750f73c-eff7-4ad3-964e-9975ea36185d": {
              "settings": {
                  "type": "cohTabContainer",
                  "title": "Tab container",
                  "responsiveMode": true
              }
          },
          "fbd99335-5901-4466-9401-59c7db416c46": {
              "settings": {
                  "title": "Layout and style",
                  "type": "cohTabItem",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "4cdf1a5e-fd84-4765-a6f7-b6d291d1b13f": {
              "settings": {
                  "title": "Navigation style",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "removePadding": 0,
                  "columnCount": "2",
                  "breakpointIcon": "",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "9ecf9125-c624-4211-9b39-c34584f7dfe0": {
              "settings": {
                  "title": "Navigation style",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "options": [
                      {
                          "label": "Dark text with key-line",
                          "value": "coh-style-accordion-tabs-keyline-dark-text"
                      },
                      {
                          "label": "Light text with key-line",
                          "value": "coh-style-accordion-tabs-keyline-light-text"
                      },
                      {
                          "label": "Solid (For any background)",
                          "value": "coh-style-accordion-tabs-solid"
                      }
                  ],
                  "machineName": "navigation-style",
                  "tooltipPlacement": "auto right"
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "coh-style-accordion-tabs-keyline-dark-text"
              }
          },
          "ed4b76f5-a605-4f68-b49d-427b4bda4561": {
              "settings": {
                  "title": "Add space between navigation and content",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "options": [
                      {
                          "label": "None",
                          "value": ""
                      },
                      {
                          "label": "Add space between navigation and content",
                          "value": "space-between-nav-content"
                      }
                  ],
                  "machineName": "add-space-between-navigation-and-content",
                  "tooltipPlacement": "auto right"
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "space-between-nav-content"
              }
          },
          "b10ea265-adc6-4536-8f1e-321dafd89fa7": {
              "settings": {
                  "title": "Color",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "removePadding": 0,
                  "columnCount": "1",
                  "breakpointIcon": "",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "55831a2a-05c9-446a-80b0-12b24d7b3064": {
              "settings": {
                  "title": "Background color",
                  "type": "cohColourPickerOpener",
                  "colourPickerOptions": {
                      "flat": true,
                      "showOnly": ""
                  },
                  "schema": {
                      "type": "object"
                  },
                  "machineName": "background-color",
                  "restrictBy": "none",
                  "tooltipPlacement": "auto right"
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "a1de99e9-c624-491f-ba53-c64f652d6309": {
              "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"
              }
          },
          "40c30406-fa99-4c52-b37a-51bc52dcf7e2": {
              "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"
              }
          },
          "4cf9b4aa-1257-4f54-9d5b-cfc65a56064c": {
              "settings": {
                  "title": "Help",
                  "type": "cohTabItem",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "8a47b5a0-0ad3-460a-8bf0-0dee08b7abcc": {
              "settings": {
                  "title": "Help text",
                  "type": "cohHelpText",
                  "options": {
                      "helpText": "# Using the Vertical tabs container component\n- Use the Vertical tabs container to add a tabbed content area to a layout.\n- The Vertical tabs container will display the tabs in a vertical column to the left of the tab content.\n- Nest Tab item components directly within this Vertical tabs container.\n- Add content to the Tab item components.\n\n# Navigation style\n- **Navigation style -** Select the style of the tab navigation links. Choose a style that's appropriate the background color of where the tabs are placed.\n- **Add space between navigation and content -** Add additional space between the navigation and the content on desktop width screens.\n\n# Color\n- **Background color -** Choose the background color of the tabs container.\n\nSpace below\n- **Add space below -** Add a space (margin) below the Vertical tabs container. This is required if a space is desirable when adding this component above another component within the same parent layout component.",
                      "showClose": false,
                      "helpType": "help"
                  }
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {}
          }
      },
      "previewModel": {
          "292bed03-d85a-4baa-850b-2f3eafda8745": {
              "settings": {
                  "customStyle": [
                      {
                          "customStyle": ""
                      },
                      {
                          "customStyle": ""
                      }
                  ],
                  "styles": {
                      "xl": {},
                      "md": {}
                  }
              }
          },
          "fbd99335-5901-4466-9401-59c7db416c46": {},
          "b10ea265-adc6-4536-8f1e-321dafd89fa7": {},
          "55831a2a-05c9-446a-80b0-12b24d7b3064": {},
          "4cf9b4aa-1257-4f54-9d5b-cfc65a56064c": {},
          "a1de99e9-c624-491f-ba53-c64f652d6309": {},
          "40c30406-fa99-4c52-b37a-51bc52dcf7e2": {},
          "e46fdf67-94df-4bf8-92be-269be721ad96": {
              "settings": {
                  "customStyle": [
                      {
                          "customStyle": ""
                      }
                  ]
              }
          },
          "4cdf1a5e-fd84-4765-a6f7-b6d291d1b13f": {},
          "9ecf9125-c624-4211-9b39-c34584f7dfe0": {},
          "8a47b5a0-0ad3-460a-8bf0-0dee08b7abcc": {},
          "ed4b76f5-a605-4f68-b49d-427b4bda4561": {}
      },
      "variableFields": {
          "292bed03-d85a-4baa-850b-2f3eafda8745": [
              "settings.customStyle.0.customStyle",
              "settings.customStyle.1.customStyle"
          ],
          "fbd99335-5901-4466-9401-59c7db416c46": [],
          "b10ea265-adc6-4536-8f1e-321dafd89fa7": [],
          "55831a2a-05c9-446a-80b0-12b24d7b3064": [],
          "4cf9b4aa-1257-4f54-9d5b-cfc65a56064c": [],
          "a1de99e9-c624-491f-ba53-c64f652d6309": [],
          "40c30406-fa99-4c52-b37a-51bc52dcf7e2": [],
          "e46fdf67-94df-4bf8-92be-269be721ad96": [
              "styles.styles.xl.background-color.value",
              "settings.customStyle.0.customStyle"
          ],
          "4cdf1a5e-fd84-4765-a6f7-b6d291d1b13f": [],
          "9ecf9125-c624-4211-9b39-c34584f7dfe0": [],
          "8a47b5a0-0ad3-460a-8bf0-0dee08b7abcc": [],
          "ed4b76f5-a605-4f68-b49d-427b4bda4561": []
      },
      "meta": {
          "fieldHistory": [
              {
                  "uuid": "40c30406-fa99-4c52-b37a-51bc52dcf7e2",
                  "type": "form-select",
                  "machineName": "add-space-below"
              },
              {
                  "uuid": "55831a2a-05c9-446a-80b0-12b24d7b3064",
                  "type": "form-colorpicker",
                  "machineName": "background-color"
              },
              {
                  "uuid": "ed4b76f5-a605-4f68-b49d-427b4bda4561",
                  "type": "form-select",
                  "machineName": "add-space-between-navigation-and-content"
              },
              {
                  "uuid": "9ecf9125-c624-4211-9b39-c34584f7dfe0",
                  "type": "form-select",
                  "machineName": "navigation-style"
              },
              {
                  "uuid": "7a7e7a9c-977a-41da-8457-d7ec4624dab2",
                  "type": "form-select",
                  "machineName": "navigation-width-tablet"
              },
              {
                  "uuid": "c55cfc48-78e6-4d35-8e4d-f3270694d614",
                  "type": "form-select",
                  "machineName": "navigation-width-desktop"
              },
              {
                  "machineName": "navigation-style"
              }
          ]
      }
  }
json_mapper: '{}'
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
category: cpt_cat_tab_components
preview_image: 'public://element-preview-images/Tab container vertical.png'
has_quick_edit: true
entity_type_access: {  }
bundle_access: {  }
twig_template: component--cohesion-cpt-tabs-container-vertical-tabs
weight: 44
