uuid: 423087e9-6be0-4db9-ab46-197e49cb91f8
langcode: en
status: true
dependencies:
  config:
    - cohesion_custom_styles.cohesion_custom_style.63181883
    - cohesion_elements.cohesion_component_category.cpt_cat_basic_components
  content:
    - 'file:file:4e54ff75-bf02-4a87-b4d2-d526dc1bb227'
  enforced:
    module:
      - acquia_cms_site_studio
label: Image
id: cpt_image_media
json_values: |
  {
      "canvas": [
          {
              "type": "container",
              "uid": "container",
              "title": "Container",
              "status": {
                  "collapsed": false
              },
              "uuid": "b4e9645c-2a63-4804-aa28-33d2168d66a0",
              "parentUid": "root",
              "children": [
                  {
                      "type": "item",
                      "uid": "entity-browser",
                      "title": "Entity browser",
                      "status": {
                          "collapsed": true
                      },
                      "uuid": "df850b4f-18d9-49c6-8819-f850c29f151f",
                      "parentUid": "container",
                      "children": []
                  }
              ]
          }
      ],
      "componentForm": [
          {
              "type": "form-container",
              "uid": "form-tab-container",
              "title": "Tab container",
              "parentIndex": "form-layout",
              "status": {
                  "collapsed": false
              },
              "options": {
                  "formBuilder": true
              },
              "parentUid": "root",
              "uuid": "73e40bac-3ec7-4ca9-bd3a-9d576851df3d",
              "children": [
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "parentIndex": "form-layout",
                      "status": {
                          "collapsed": false,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "parentUid": "form-tab-container",
                      "uuid": "bdfc5eac-47b3-4406-9aff-d126d6fa9dca",
                      "children": [
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "parentIndex": "form-layout",
                              "status": {
                                  "collapsed": false,
                                  "collapsedParents": []
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "parentUid": "form-tab-item",
                              "uuid": "8e8703f9-58f0-4a8c-aa20-59b6a5b61305",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-entity-browser",
                                      "title": "Entity browser",
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": []
                                      },
                                      "parentUid": "form-section",
                                      "uuid": "408a3712-f751-45c4-9e23-a8f66babb11b",
                                      "children": []
                                  },
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": []
                                      },
                                      "uuid": "3737bce5-fe1c-4fec-a46d-7e505446081e",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          }
                      ]
                  },
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "uuid": "da80e521-4b72-4b06-84a3-b91d5ef88cda",
                      "parentUid": "form-tab-container",
                      "children": [
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "da80e521-4b72-4b06-84a3-b91d5ef88cda"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "uuid": "d0a0d3ce-9e49-468e-a0b2-350b80eb63df",
                              "parentUid": "form-tab-item",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "translate": false,
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "da80e521-4b72-4b06-84a3-b91d5ef88cda"
                                          ]
                                      },
                                      "uuid": "435844da-58e5-4af0-ae71-76cee28e79b8",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          },
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "da80e521-4b72-4b06-84a3-b91d5ef88cda"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "uuid": "c04a4db6-5cdd-4945-bc87-127a54da4903",
                              "parentUid": "form-tab-item",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "da80e521-4b72-4b06-84a3-b91d5ef88cda"
                                          ]
                                      },
                                      "uuid": "14a92358-62f1-4a02-b339-d021cdc2f6d7",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          }
                      ]
                  },
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "parentIndex": "form-layout",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "parentUid": "form-tab-container",
                      "uuid": "9a54d8b3-4c3c-4846-a069-509e238f6925",
                      "children": [
                          {
                              "type": "form-help",
                              "uid": "form-helptext",
                              "title": "Help text",
                              "parentIndex": "form-help",
                              "status": {
                                  "collapsed": false,
                                  "collapsedParents": [
                                      "9a54d8b3-4c3c-4846-a069-509e238f6925"
                                  ]
                              },
                              "uuid": "efd0bb6a-edf3-4491-ba31-5d0778a0c261",
                              "parentUid": "form-tab-item",
                              "children": []
                          }
                      ]
                  }
              ]
          }
      ],
      "mapper": {
          "b4e9645c-2a63-4804-aa28-33d2168d66a0": {
              "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
                                      },
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "selectorType": "topLevel",
                  "form": null,
                  "items": []
              },
              "styles": {
                  "formDefinition": [],
                  "selectorType": "topLevel",
                  "items": [
                      {
                          "title": ".image-object-fit-cover",
                          "type": "container",
                          "items": [
                              {
                                  "title": "article",
                                  "type": "container",
                                  "items": [
                                      {
                                          "title": "picture",
                                          "type": "container",
                                          "items": [
                                              {
                                                  "title": "img",
                                                  "type": "container",
                                                  "items": [],
                                                  "form": null,
                                                  "selectorType": "child",
                                                  "model": "img",
                                                  "uuid": "797e5e4e-9376-485e-9d4a-b8a0f997af69",
                                                  "allowedTypes": [
                                                      "child",
                                                      "pseudo",
                                                      "modifier"
                                                  ],
                                                  "formDefinition": [
                                                      {
                                                          "formKey": "layout",
                                                          "children": [
                                                              {
                                                                  "formKey": "height",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "min-height",
                                                                          "active": false
                                                                      },
                                                                      {
                                                                          "name": "max-height",
                                                                          "active": false
                                                                      },
                                                                      {
                                                                          "name": "height",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              },
                                                              {
                                                                  "formKey": "width",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "min-width",
                                                                          "active": false
                                                                      },
                                                                      {
                                                                          "name": "max-width",
                                                                          "active": false
                                                                      },
                                                                      {
                                                                          "name": "width",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      },
                                                      {
                                                          "formKey": "custom-css",
                                                          "children": [
                                                              {
                                                                  "formKey": "css-property-and-css-value",
                                                                  "breakpoints": [
                                                                      {
                                                                          "name": "xl"
                                                                      }
                                                                  ],
                                                                  "activeFields": [
                                                                      {
                                                                          "name": "custom-css",
                                                                          "active": true
                                                                      },
                                                                      {
                                                                          "name": "customCssProperty",
                                                                          "active": true
                                                                      },
                                                                      {
                                                                          "name": "customCss",
                                                                          "active": true
                                                                      }
                                                                  ]
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ],
                                          "form": null,
                                          "selectorType": "child",
                                          "model": "picture",
                                          "uuid": "b814e6b7-03ec-4624-b7df-b434fa28cfa8",
                                          "allowedTypes": [
                                              "child",
                                              "pseudo",
                                              "modifier"
                                          ],
                                          "formDefinition": [
                                              {
                                                  "formKey": "layout",
                                                  "children": [
                                                      {
                                                          "formKey": "display",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "display",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "visibility",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "overflow",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "overflow-x",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "overflow-y",
                                                                  "active": false
                                                              }
                                                          ]
                                                      },
                                                      {
                                                          "formKey": "flex-container",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "flex-direction",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "flex-wrap",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "justify-content",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "justify-content-safety",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "align-content",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "align-content-safety",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "align-items",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "align-items-safety",
                                                                  "active": true
                                                              }
                                                          ]
                                                      },
                                                      {
                                                          "formKey": "flex-item",
                                                          "breakpoints": [
                                                              {
                                                                  "name": "xl"
                                                              }
                                                          ],
                                                          "activeFields": [
                                                              {
                                                                  "name": "flex-basis",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "order",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "flex-grow",
                                                                  "active": true
                                                              },
                                                              {
                                                                  "name": "flex-shrink",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "align-self",
                                                                  "active": false
                                                              },
                                                              {
                                                                  "name": "align-self-safety",
                                                                  "active": true
                                                              }
                                                          ]
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "form": null,
                                  "selectorType": "child",
                                  "model": "article",
                                  "uuid": "a8f1a641-cb84-4683-a330-acc1d068d2b9",
                                  "allowedTypes": [
                                      "child",
                                      "pseudo",
                                      "modifier"
                                  ],
                                  "formDefinition": [
                                      {
                                          "formKey": "layout",
                                          "children": [
                                              {
                                                  "formKey": "display",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "display",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "visibility",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "overflow",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "overflow-x",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "overflow-y",
                                                          "active": false
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "flex-container",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "flex-direction",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "flex-wrap",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "justify-content",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "justify-content-safety",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "align-content",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "align-content-safety",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "align-items",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "align-items-safety",
                                                          "active": true
                                                      }
                                                  ]
                                              },
                                              {
                                                  "formKey": "flex-item",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "flex-basis",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "order",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "flex-grow",
                                                          "active": true
                                                      },
                                                      {
                                                          "name": "flex-shrink",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "align-self",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "align-self-safety",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "form": null,
                          "selectorType": "modifier",
                          "model": ".image-object-fit-cover",
                          "uuid": "392b27ac-f603-4c4a-a70f-2f7166b8dedd",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "display",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "display",
                                                  "active": true
                                              },
                                              {
                                                  "name": "visibility",
                                                  "active": false
                                              },
                                              {
                                                  "name": "overflow",
                                                  "active": false
                                              },
                                              {
                                                  "name": "overflow-x",
                                                  "active": false
                                              },
                                              {
                                                  "name": "overflow-y",
                                                  "active": false
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "flex-container",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "flex-direction",
                                                  "active": true
                                              },
                                              {
                                                  "name": "flex-wrap",
                                                  "active": false
                                              },
                                              {
                                                  "name": "justify-content",
                                                  "active": false
                                              },
                                              {
                                                  "name": "justify-content-safety",
                                                  "active": true
                                              },
                                              {
                                                  "name": "align-content",
                                                  "active": false
                                              },
                                              {
                                                  "name": "align-content-safety",
                                                  "active": true
                                              },
                                              {
                                                  "name": "align-items",
                                                  "active": false
                                              },
                                              {
                                                  "name": "align-items-safety",
                                                  "active": true
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "flex-item",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "flex-basis",
                                                  "active": false
                                              },
                                              {
                                                  "name": "order",
                                                  "active": false
                                              },
                                              {
                                                  "name": "flex-grow",
                                                  "active": true
                                              },
                                              {
                                                  "name": "flex-shrink",
                                                  "active": false
                                              },
                                              {
                                                  "name": "align-self",
                                                  "active": false
                                              },
                                              {
                                                  "name": "align-self-safety",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null
              }
          },
          "df850b4f-18d9-49c6-8819-f850c29f151f": {
              "settings": {
                  "formDefinition": [
                      {
                          "formKey": "entity-browser-settings",
                          "children": [
                              {
                                  "formKey": "entity-browser",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "entity",
                                          "active": true
                                      },
                                      {
                                          "name": "entityViewMode",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "selectorType": "topLevel",
                  "form": null,
                  "items": []
              }
          }
      },
      "model": {
          "b4e9645c-2a63-4804-aa28-33d2168d66a0": {
              "settings": {
                  "title": "Container",
                  "width": "fluid",
                  "customStyle": [
                      {
                          "customStyle": "[field.14a92358-62f1-4a02-b339-d021cdc2f6d7]"
                      },
                      {
                          "customStyle": "[field.435844da-58e5-4af0-ae71-76cee28e79b8]"
                      }
                  ],
                  "settings": {
                      "width": "fluid",
                      "customStyle": [
                          {
                              "customStyle": ""
                          }
                      ]
                  }
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "container"
                  },
                  "392b27ac-f603-4c4a-a70f-2f7166b8dedd": {
                      "settings": {
                          "element": "",
                          "class": ".image-object-fit-cover",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "display": {
                                  "value": "flex"
                              },
                              "flex-container": {
                                  "flex-direction": {
                                      "value": "column"
                                  }
                              },
                              "flex-item": {
                                  "flex-grow": {
                                      "value": "1"
                                  }
                              }
                          }
                      }
                  },
                  "a8f1a641-cb84-4683-a330-acc1d068d2b9": {
                      "settings": {
                          "element": "article",
                          "class": "",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "display": {
                                  "value": "flex"
                              },
                              "flex-container": {
                                  "flex-direction": {
                                      "value": "column"
                                  }
                              },
                              "flex-item": {
                                  "flex-grow": {
                                      "value": "1"
                                  }
                              }
                          }
                      }
                  },
                  "797e5e4e-9376-485e-9d4a-b8a0f997af69": {
                      "settings": {
                          "element": "img",
                          "class": "",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "custom-css": [
                                  {
                                      "customCssProperty": {
                                          "value": "object-fit"
                                      },
                                      "customCss": {
                                          "value": "cover"
                                      }
                                  }
                              ],
                              "height": {
                                  "value": "100%"
                              },
                              "width": {
                                  "value": "auto"
                              }
                          }
                      }
                  },
                  "b814e6b7-03ec-4624-b7df-b434fa28cfa8": {
                      "settings": {
                          "element": "picture",
                          "class": "",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "display": {
                                  "value": "flex"
                              },
                              "flex-container": {
                                  "flex-direction": {
                                      "value": "column"
                                  }
                              },
                              "flex-item": {
                                  "flex-grow": {
                                      "value": "1"
                                  }
                              }
                          }
                      }
                  }
              }
          },
          "df850b4f-18d9-49c6-8819-f850c29f151f": {
              "settings": {
                  "title": "Entity browser",
                  "entity": "[field.408a3712-f751-45c4-9e23-a8f66babb11b]",
                  "entityViewMode": "[field.3737bce5-fe1c-4fec-a46d-7e505446081e]"
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "entity-browser"
                  }
              }
          },
          "73e40bac-3ec7-4ca9-bd3a-9d576851df3d": {
              "settings": {
                  "type": "cohTabContainer",
                  "title": "Tab container",
                  "responsiveMode": true
              }
          },
          "bdfc5eac-47b3-4406-9aff-d126d6fa9dca": {
              "settings": {
                  "type": "cohTabItem",
                  "title": "Content",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "8e8703f9-58f0-4a8c-aa20-59b6a5b61305": {
              "settings": {
                  "title": "Image",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "columnCount": "1",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true,
                  "removePadding": 0,
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "408a3712-f751-45c4-9e23-a8f66babb11b": {
              "settings": {
                  "title": "Image media",
                  "type": "cohEntityBrowser",
                  "showConfig": false,
                  "hideRowHeading": true,
                  "schema": {
                      "type": "object"
                  },
                  "machineName": "image-media",
                  "options": {
                      "entityBrowserTypeDisabled": true,
                      "entityTypeDisabled": true,
                      "entityBrowserType": "media_library",
                      "entityType": "media",
                      "bundles": {
                          "image": true,
                          "acquia_dam_image_asset": true
                      },
                      "entityBrowserBundlesDisabled": true
                  },
                  "entityBrowserTypeTooltipPlacement": "auto right",
                  "entityTypeTooltipPlacement": "auto right",
                  "entityBrowserTooltipPlacement": "auto right"
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": {
                      "entity": {
                          "entityType": "media"
                      }
                  }
              }
          },
          "3737bce5-fe1c-4fec-a46d-7e505446081e": {
              "settings": {
                  "title": "Image size",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "machineName": "image-size",
                  "tooltipPlacement": "auto top-left",
                  "tooltipText": "",
                  "options": [
                      {
                          "label": "Large (W1360)",
                          "value": "media.large"
                      },
                      {
                          "label": "Large landscape (1360x980)",
                          "value": "media.large_landscape"
                      },
                      {
                          "label": "Medium (W768)",
                          "value": "media.medium"
                      },
                      {
                          "label": "Medium landscape (768x512)",
                          "value": "media.medium_landscape"
                      },
                      {
                          "label": "Small (W568)",
                          "value": "media.small"
                      },
                      {
                          "label": "Small landscape (568x352)",
                          "value": "media.small_landscape"
                      }
                  ]
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "media.large"
              }
          },
          "da80e521-4b72-4b06-84a3-b91d5ef88cda": {
              "settings": {
                  "title": "Layout and style",
                  "type": "cohTabItem",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "d0a0d3ce-9e49-468e-a0b2-350b80eb63df": {
              "settings": {
                  "title": "Height",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "removePadding": 0,
                  "columnCount": "1",
                  "breakpointIcon": "",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "435844da-58e5-4af0-ae71-76cee28e79b8": {
              "settings": {
                  "title": "Image size behavior",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "options": [
                      {
                          "label": "Natural size of image",
                          "value": ""
                      },
                      {
                          "label": "Fill space available",
                          "value": "image-object-fit-cover"
                      }
                  ],
                  "machineName": "height",
                  "tooltipPlacement": "auto top-left",
                  "tooltipText": "Fill space available - Image will cover space available and maybe cropped."
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": ""
              }
          },
          "c04a4db6-5cdd-4945-bc87-127a54da4903": {
              "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"
              }
          },
          "14a92358-62f1-4a02-b339-d021cdc2f6d7": {
              "settings": {
                  "title": "Add space below",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "options": [
                      {
                          "label": "None",
                          "value": ""
                      },
                      {
                          "label": "Add space below image",
                          "value": "coh-style-margin-bottom-small"
                      }
                  ],
                  "machineName": "add-space-below",
                  "tooltipPlacement": "auto right"
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "coh-style-margin-bottom-small"
              }
          },
          "9a54d8b3-4c3c-4846-a069-509e238f6925": {
              "settings": {
                  "type": "cohTabItem",
                  "title": "Help",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "efd0bb6a-edf3-4491-ba31-5d0778a0c261": {
              "settings": {
                  "title": "Help text",
                  "type": "cohHelpText",
                  "options": {
                      "helpText": "# Using the Image component\n- Use the image component to add an image to a layout.\n- The image component is best placed within a Layout or other containing component.\n\n# Image\n- **Image -** Upload and image. This field is required.\n- **Image size -** Set the size and aspect ratio of the image to be displayed on a desktop screen. Tablet and mobile sized screens are accommodated automatically. Sizes that only specify a width will retain the aspect ratio of the original image. Sizes that specify a width and height will resize and crop the image where required.\n\n# Layout\n- ** Image size behavior -** Set the image height to fill the space available. The image maybe cropped. \n- **Space below image** - Add a space (margin) below the image. 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": {
          "8e8703f9-58f0-4a8c-aa20-59b6a5b61305": {},
          "3737bce5-fe1c-4fec-a46d-7e505446081e": {},
          "efd0bb6a-edf3-4491-ba31-5d0778a0c261": {},
          "14a92358-62f1-4a02-b339-d021cdc2f6d7": {},
          "da80e521-4b72-4b06-84a3-b91d5ef88cda": {},
          "c04a4db6-5cdd-4945-bc87-127a54da4903": {},
          "d0a0d3ce-9e49-468e-a0b2-350b80eb63df": {},
          "435844da-58e5-4af0-ae71-76cee28e79b8": {},
          "408a3712-f751-45c4-9e23-a8f66babb11b": {},
          "df850b4f-18d9-49c6-8819-f850c29f151f": {
              "settings": {
                  "entity": {
                      "entityBrowserType": "media_library",
                      "entityType": "media",
                      "entity": {
                          "entityType": "media"
                      },
                      "bundles": {
                          "image": true
                      }
                  }
              }
          },
          "b4e9645c-2a63-4804-aa28-33d2168d66a0": {
              "settings": {
                  "customStyle": [
                      {
                          "customStyle": ""
                      },
                      {
                          "customStyle": ""
                      }
                  ]
              }
          }
      },
      "variableFields": {
          "8e8703f9-58f0-4a8c-aa20-59b6a5b61305": [],
          "3737bce5-fe1c-4fec-a46d-7e505446081e": [],
          "efd0bb6a-edf3-4491-ba31-5d0778a0c261": [],
          "14a92358-62f1-4a02-b339-d021cdc2f6d7": [],
          "da80e521-4b72-4b06-84a3-b91d5ef88cda": [],
          "c04a4db6-5cdd-4945-bc87-127a54da4903": [],
          "d0a0d3ce-9e49-468e-a0b2-350b80eb63df": [],
          "435844da-58e5-4af0-ae71-76cee28e79b8": [],
          "408a3712-f751-45c4-9e23-a8f66babb11b": [],
          "df850b4f-18d9-49c6-8819-f850c29f151f": [
              "settings.entity",
              "settings.entityViewMode"
          ],
          "b4e9645c-2a63-4804-aa28-33d2168d66a0": [
              "settings.customStyle.0.customStyle",
              "settings.customStyle.1.customStyle"
          ]
      },
      "meta": {
          "fieldHistory": [
              {
                  "uuid": "14a92358-62f1-4a02-b339-d021cdc2f6d7",
                  "type": "form-select",
                  "machineName": "add-space-below"
              },
              {
                  "uuid": "435844da-58e5-4af0-ae71-76cee28e79b8",
                  "type": "form-select",
                  "machineName": "height"
              },
              {
                  "uuid": "3737bce5-fe1c-4fec-a46d-7e505446081e",
                  "type": "form-select",
                  "machineName": "image-size"
              },
              {
                  "uuid": "408a3712-f751-45c4-9e23-a8f66babb11b",
                  "type": "form-entity-browser",
                  "machineName": "image-media"
              },
              {
                  "uuid": "cb7f30de-57ac-47e5-a231-9f9c2ee76c88",
                  "type": "form-input",
                  "machineName": "alt-tag"
              },
              {
                  "uuid": "5b2cb1c7-d3bd-4f8a-bb8d-5965cc1634b5",
                  "type": "form-image",
                  "machineName": "image"
              },
              {
                  "uuid": "e698a2ef-9b38-4c0c-acbd-ffb160383618",
                  "type": "form-entity-browser",
                  "machineName": "media"
              },
              {
                  "uuid": "b67f405c-f18e-4644-b9c2-ad929927b479",
                  "type": "form-image",
                  "machineName": "image-uploader"
              },
              {
                  "uuid": "a4e91bf7-5153-4a1d-a6ab-6af21fa519fd",
                  "type": "form-input",
                  "machineName": "caption-optional"
              },
              {
                  "uuid": "a1ebeaca-4e4e-4ca2-afc8-57d52d67eb7c",
                  "type": "form-select",
                  "machineName": "caption-color"
              }
          ]
      }
  }
json_mapper: '{}'
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
category: cpt_cat_basic_components
preview_image: 'public://element-preview-images/Image_0.png'
has_quick_edit: true
entity_type_access: {  }
bundle_access: {  }
twig_template: component--cohesion-cpt-image-media
weight: 17
