uuid: 5a4fc0c1-a220-4fd4-bf4c-002837ef2cd4
langcode: en
status: true
dependencies:
  config:
    - cohesion_elements.cohesion_component.cpt_social_links
    - cohesion_elements.cohesion_component_category.cpt_cat_header_and_footer_compon
    - cohesion_templates.cohesion_menu_templates.menu_tpl_utilities_menu
    - cohesion_website_settings.cohesion_icon_library.icomoon
  content:
    - 'file:file:94bd6a8c-018b-4391-903d-022546517992'
  enforced:
    module:
      - acquia_cms_site_studio
label: 'Utilities bar - vertical'
id: cpt_utilities_bar_vertical
json_values: |
  {
      "canvas": [
          {
              "type": "container",
              "uid": "container",
              "title": "Container",
              "status": {
                  "collapsed": false
              },
              "uuid": "9571bb2b-2845-4bde-ae3e-8a8f04023160",
              "parentUid": "root",
              "children": [
                  {
                      "type": "container",
                      "uid": "container",
                      "title": "Container",
                      "status": {
                          "collapsed": true
                      },
                      "uuid": "95f2d472-8e28-4911-9dc5-beaef6c3d3f5",
                      "parentUid": "container",
                      "children": [
                          {
                              "type": "item",
                              "uid": "drupal-menu",
                              "title": "Menu",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "95f2d472-8e28-4911-9dc5-beaef6c3d3f5"
                                  ]
                              },
                              "uuid": "aa74bd53-8ace-4feb-9121-8ad3c1fe3fe3",
                              "parentUid": "container",
                              "children": []
                          }
                      ]
                  },
                  {
                      "uid": "cpt_social_links",
                      "type": "component",
                      "title": "Social links",
                      "enabled": true,
                      "category": "category-3",
                      "componentId": "cpt_social_links",
                      "componentType": "list-container",
                      "uuid": "788d3caa-622a-43f7-beb7-cfd15f73b3b1",
                      "parentUid": "container",
                      "children": []
                  }
              ]
          }
      ],
      "componentForm": [
          {
              "type": "form-help",
              "uid": "form-helptext",
              "title": "Help text",
              "status": {
                  "collapsed": false
              },
              "uuid": "6a6c016b-8cce-4745-9d49-bb8e89f59d03",
              "parentUid": "root",
              "children": []
          }
      ],
      "mapper": {
          "9571bb2b-2845-4bde-ae3e-8a8f04023160": {
              "settings": {
                  "formDefinition": [
                      {
                          "formKey": "container-settings",
                          "children": [
                              {
                                  "formKey": "container-width",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "width",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "common-link-animation",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "linkAnimation",
                                          "active": true
                                      },
                                      {
                                          "name": "animationType",
                                          "active": true
                                      },
                                      {
                                          "name": "animationScope",
                                          "active": true
                                      },
                                      {
                                          "name": "animationParent",
                                          "active": true
                                      },
                                      {
                                          "name": "animationTarget",
                                          "active": true
                                      },
                                      {
                                          "name": "animationScale",
                                          "active": true
                                      },
                                      {
                                          "name": "animationDirection",
                                          "active": true
                                      },
                                      {
                                          "name": "animationDirection",
                                          "active": true
                                      },
                                      {
                                          "name": "animationDirection",
                                          "active": true
                                      },
                                      {
                                          "name": "animationDistance",
                                          "active": true
                                      },
                                      {
                                          "name": "animationPieces",
                                          "active": true
                                      },
                                      {
                                          "name": "animationOrigin",
                                          "active": true
                                      },
                                      {
                                          "name": "animationFoldHeight",
                                          "active": true
                                      },
                                      {
                                          "name": "animationHorizontalFirst",
                                          "active": true
                                      },
                                      {
                                          "name": "animationIterations",
                                          "active": true
                                      },
                                      {
                                          "name": "animationEasing",
                                          "active": true
                                      },
                                      {
                                          "name": "animationDuration",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "common-link-modifier",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "modifier",
                                          "active": true
                                      },
                                      {
                                          "name": "modifierType",
                                          "active": true
                                      },
                                      {
                                          "name": "interactionScope",
                                          "active": true
                                      },
                                      {
                                          "name": "interactionParent",
                                          "active": true
                                      },
                                      {
                                          "name": "interactionTarget",
                                          "active": true
                                      },
                                      {
                                          "name": "modifierName",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "container-style",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      },
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "selectorType": "topLevel",
                  "form": null,
                  "items": []
              },
              "styles": {
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "flex-item",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "flex-basis",
                                          "active": true
                                      },
                                      {
                                          "name": "order",
                                          "active": false
                                      },
                                      {
                                          "name": "flex-grow",
                                          "active": false
                                      },
                                      {
                                          "name": "flex-shrink",
                                          "active": false
                                      },
                                      {
                                          "name": "align-self",
                                          "active": false
                                      },
                                      {
                                          "name": "align-self-safety",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "flex-container",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "flex-direction",
                                          "active": true
                                      },
                                      {
                                          "name": "flex-wrap",
                                          "active": false
                                      },
                                      {
                                          "name": "justify-content",
                                          "active": true
                                      },
                                      {
                                          "name": "justify-content-safety",
                                          "active": true
                                      },
                                      {
                                          "name": "align-content",
                                          "active": false
                                      },
                                      {
                                          "name": "align-content-safety",
                                          "active": true
                                      },
                                      {
                                          "name": "align-items",
                                          "active": true
                                      },
                                      {
                                          "name": "align-items-safety",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "display",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      },
                                      {
                                          "name": "sm"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "display",
                                          "active": true
                                      },
                                      {
                                          "name": "visibility",
                                          "active": false
                                      },
                                      {
                                          "name": "overflow",
                                          "active": false
                                      },
                                      {
                                          "name": "overflow-x",
                                          "active": false
                                      },
                                      {
                                          "name": "overflow-y",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "selectorType": "topLevel",
                  "items": [
                      {
                          "title": ".social-links",
                          "type": "container",
                          "items": [
                              {
                                  "title": "a",
                                  "type": "container",
                                  "items": [],
                                  "form": null,
                                  "selectorType": "child",
                                  "model": "a",
                                  "uuid": "b08a119d-14fb-4489-8ccc-e3669716456a",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "width",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "min-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "max-width",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "width",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "form": null,
                          "selectorType": "child",
                          "model": ".social-links",
                          "uuid": "4e2237c2-c70d-4247-a72f-09dbe15b8459",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": []
                      }
                  ],
                  "form": null
              },
              "markup": {
                  "formDefinition": [
                      {
                          "formKey": "tab-markup-classes-and-ids",
                          "children": [
                              {
                                  "formKey": "tab-markup-add-classes",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "classes",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "title": "Markup",
                  "selectorType": "topLevel",
                  "form": null,
                  "items": []
              }
          },
          "95f2d472-8e28-4911-9dc5-beaef6c3d3f5": {
              "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
                                      }
                                  ]
                              },
                              {
                                  "formKey": "container-markup",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "htmlMarkup",
                                          "active": true
                                      },
                                      {
                                          "name": "htmlMarkupCustom",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "selectorType": "topLevel",
                  "form": null,
                  "items": []
              },
              "markup": {
                  "formDefinition": [
                      {
                          "formKey": "tab-markup-classes-and-ids",
                          "children": [
                              {
                                  "formKey": "tab-markup-add-classes",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "classes",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "title": "Markup",
                  "selectorType": "topLevel",
                  "form": null,
                  "items": []
              },
              "styles": {
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "height",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "min-height",
                                          "active": false
                                      },
                                      {
                                          "name": "max-height",
                                          "active": false
                                      },
                                      {
                                          "name": "height",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "selectorType": "topLevel",
                  "items": [
                      {
                          "title": "+ *",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "child",
                          "model": "+ *",
                          "uuid": "99bc7b88-f2a3-4140-8d03-a13c1e47dc8c",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "margin",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              },
                                              {
                                                  "name": "sm"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "margin-equal",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-top",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-bottom",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-left",
                                                  "active": true
                                              },
                                              {
                                                  "name": "margin-right",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-block-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-block-end",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-inline-start",
                                                  "active": false
                                              },
                                              {
                                                  "name": "margin-inline-end",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "title": "ul",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "child",
                          "model": "ul",
                          "uuid": "0ada9c1b-8b27-4234-ba60-4b8dab60358f",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "flex-container",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "flex-direction",
                                                  "active": true
                                              },
                                              {
                                                  "name": "flex-wrap",
                                                  "active": false
                                              },
                                              {
                                                  "name": "justify-content",
                                                  "active": false
                                              },
                                              {
                                                  "name": "justify-content-safety",
                                                  "active": true
                                              },
                                              {
                                                  "name": "align-content",
                                                  "active": false
                                              },
                                              {
                                                  "name": "align-content-safety",
                                                  "active": true
                                              },
                                              {
                                                  "name": "align-items",
                                                  "active": false
                                              },
                                              {
                                                  "name": "align-items-safety",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "title": "a",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "child",
                          "model": "a",
                          "uuid": "6992d273-f3f0-42df-9638-9b6e2025de25",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "padding",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "padding-equal",
                                                  "active": false
                                              },
                                              {
                                                  "name": "padding-top",
                                                  "active": true
                                              },
                                              {
                                                  "name": "padding-bottom",
                                                  "active": true
                                              },
                                              {
                                                  "name": "padding-left",
                                                  "active": true
                                              },
                                              {
                                                  "name": "padding-right",
                                                  "active": true
                                              },
                                              {
                                                  "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
              }
          },
          "aa74bd53-8ace-4feb-9121-8ad3c1fe3fe3": {
              "settings": {
                  "formDefinition": [
                      {
                          "formKey": "drupal-menu-settings",
                          "children": [
                              {
                                  "formKey": "drupal-menu-menu",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "id",
                                          "active": true
                                      },
                                      {
                                          "name": "onlyRenderActiveTrail",
                                          "active": true
                                      },
                                      {
                                          "name": "startLevel",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "drupal-menu-template",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "template",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "selectorType": "topLevel",
                  "form": null,
                  "items": []
              }
          }
      },
      "model": {
          "9571bb2b-2845-4bde-ae3e-8a8f04023160": {
              "settings": {
                  "title": ".utilities-bar-vertical",
                  "width": "fluid",
                  "customStyle": [
                      {
                          "customStyle": ""
                      }
                  ],
                  "settings": {
                      "width": "fluid",
                      "customStyle": [
                          {
                              "customStyle": ""
                          }
                      ]
                  }
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "container"
                  },
                  "styles": {
                      "xl": {
                          "flex-item": {
                              "flex-basis": {
                                  "value": "100%"
                              }
                          },
                          "flex-container": {
                              "flex-direction": {
                                  "value": "column"
                              },
                              "justify-content": {
                                  "value": "stretch"
                              },
                              "align-items": {
                                  "value": "stretch"
                              }
                          },
                          "display": {
                              "value": "none"
                          }
                      },
                      "sm": {
                          "display": {
                              "value": "flex"
                          }
                      }
                  },
                  "4e2237c2-c70d-4247-a72f-09dbe15b8459": {
                      "settings": {
                          "element": ".social-links",
                          "class": "",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {}
                  },
                  "b08a119d-14fb-4489-8ccc-e3669716456a": {
                      "settings": {
                          "element": "a",
                          "class": "",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "width": {
                                  "value": "auto"
                              }
                          }
                      }
                  }
              },
              "markup": {
                  "classes": "utilities-bar-vertical"
              }
          },
          "95f2d472-8e28-4911-9dc5-beaef6c3d3f5": {
              "settings": {
                  "title": ".utilities menu",
                  "width": "fluid",
                  "customStyle": [
                      {
                          "customStyle": ""
                      }
                  ],
                  "settings": {
                      "width": "fluid",
                      "customStyle": [
                          {
                              "customStyle": ""
                          }
                      ]
                  },
                  "htmlMarkup": "nav"
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "container"
                  },
                  "99bc7b88-f2a3-4140-8d03-a13c1e47dc8c": {
                      "settings": {
                          "element": "+ *",
                          "class": "",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "margin": {
                                  "margin-left": {
                                      "value": "16"
                                  }
                              }
                          },
                          "sm": {
                              "margin": {
                                  "margin-left": {
                                      "value": "0"
                                  }
                              }
                          }
                      }
                  },
                  "styles": {
                      "xl": {
                          "height": {
                              "value": "100%"
                          }
                      }
                  },
                  "0ada9c1b-8b27-4234-ba60-4b8dab60358f": {
                      "settings": {
                          "element": "ul",
                          "class": "",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "flex-container": {
                                  "flex-direction": {
                                      "value": "column"
                                  }
                              }
                          }
                      }
                  },
                  "6992d273-f3f0-42df-9638-9b6e2025de25": {
                      "settings": {
                          "element": "a",
                          "class": "",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "padding": {
                                  "padding-top": {
                                      "value": "12"
                                  },
                                  "padding-bottom": {
                                      "value": "12"
                                  },
                                  "padding-left": {
                                      "value": "16"
                                  },
                                  "padding-right": {
                                      "value": "16"
                                  }
                              }
                          }
                      }
                  }
              },
              "markup": {
                  "classes": "utilities-menu"
              }
          },
          "aa74bd53-8ace-4feb-9121-8ad3c1fe3fe3": {
              "settings": {
                  "title": "Utilities menu",
                  "settings": {
                      "settings": {
                          "menu": {
                              "id": "",
                              "template": ""
                          }
                      },
                      "menu": {
                          "id": "utilities-menu",
                          "template": "menu_tpl_utilities_menu"
                      }
                  }
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "styles": {
                  "settings": {
                      "element": "drupal-menu"
                  }
              }
          },
          "788d3caa-622a-43f7-beb7-cfd15f73b3b1": {
              "settings": {
                  "title": "Social links"
              },
              "8fa56baf-1a4e-482a-9631-c69d45e3079b": [
                  {
                      "72135a4b-97bc-43ec-ad0c-afab544c913c": {
                          "iconName": "61594",
                          "fontFamily": "icomoon"
                      },
                      "41e4bef4-fb24-4953-9bc1-e7896b7e2507": "Follow us on Facebook",
                      "523afe0e-2cab-42d3-a845-53944be67431": "https:\/\/facebook.com",
                      "b7b48e2f-427c-41dd-8b1f-480be3bce017": "facebook"
                  },
                  {
                      "72135a4b-97bc-43ec-ad0c-afab544c913c": {
                          "iconName": "61593",
                          "fontFamily": "icomoon"
                      },
                      "41e4bef4-fb24-4953-9bc1-e7896b7e2507": "Follow us on Twitter",
                      "523afe0e-2cab-42d3-a845-53944be67431": "https:\/\/twitter.com",
                      "b7b48e2f-427c-41dd-8b1f-480be3bce017": "twitter"
                  },
                  {
                      "72135a4b-97bc-43ec-ad0c-afab544c913c": {
                          "iconName": "61665",
                          "fontFamily": "icomoon"
                      },
                      "41e4bef4-fb24-4953-9bc1-e7896b7e2507": "Follow us on LinkedIn",
                      "523afe0e-2cab-42d3-a845-53944be67431": "https:\/\/linkedin.com",
                      "b7b48e2f-427c-41dd-8b1f-480be3bce017": "linkedin"
                  },
                  {
                      "72135a4b-97bc-43ec-ad0c-afab544c913c": {
                          "iconName": "62001",
                          "fontFamily": "icomoon"
                      },
                      "41e4bef4-fb24-4953-9bc1-e7896b7e2507": "Follow us on Pinterest",
                      "523afe0e-2cab-42d3-a845-53944be67431": "https:\/\/pinterest.com",
                      "b7b48e2f-427c-41dd-8b1f-480be3bce017": "pinterest"
                  }
              ]
          },
          "6a6c016b-8cce-4745-9d49-bb8e89f59d03": {
              "settings": {
                  "title": "Help text",
                  "type": "cohHelpText",
                  "options": {
                      "showClose": false,
                      "helpType": "help",
                      "helpText": "# Using the Vertical utilities bar.\n- This component displays a vertical Utilities menu and Social icons.\n- You can set which devices it is displayed on using display properties on the outer container.\n- For desktop width, use the Utilities bar - horizontal component.\n- If your site does not require a utilities bar, you can remove this component from the Header component."
                  }
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          }
      },
      "previewModel": {
          "aa74bd53-8ace-4feb-9121-8ad3c1fe3fe3": {},
          "95f2d472-8e28-4911-9dc5-beaef6c3d3f5": {},
          "9571bb2b-2845-4bde-ae3e-8a8f04023160": {},
          "788d3caa-622a-43f7-beb7-cfd15f73b3b1": {},
          "6a6c016b-8cce-4745-9d49-bb8e89f59d03": {}
      },
      "variableFields": {
          "aa74bd53-8ace-4feb-9121-8ad3c1fe3fe3": [],
          "95f2d472-8e28-4911-9dc5-beaef6c3d3f5": [],
          "9571bb2b-2845-4bde-ae3e-8a8f04023160": [],
          "788d3caa-622a-43f7-beb7-cfd15f73b3b1": [],
          "6a6c016b-8cce-4745-9d49-bb8e89f59d03": []
      },
      "meta": {
          "fieldHistory": [
              {
                  "uuid": "d7573233-3d47-40b9-92bb-33806f84d5c6",
                  "type": "form-select",
                  "machineName": "utilities-display-phone"
              },
              {
                  "uuid": "d8e21333-4824-4967-8ff9-05b23eaeae01",
                  "type": "form-select",
                  "machineName": "utilities-display-tablet"
              },
              {
                  "uuid": "27dcfcf2-c7d5-4422-914e-e5daac2b0dec",
                  "type": "form-select",
                  "machineName": "utilities-display-desktop"
              }
          ]
      }
  }
json_mapper: '{}'
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
category: cpt_cat_header_and_footer_compon
preview_image: 'public://element-preview-images/Utilities bar vertical.png'
has_quick_edit: false
entity_type_access:
  - dx8_templates
bundle_access:
  -
    - dx8_templates
twig_template: component--cohesion-cpt-utilities-bar-vertical
weight: 51
