{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/fullwidth-portfolio",
  "d4Shortcode": "et_pb_fullwidth_portfolio",
  "title": "Post Carousel",
  "titles": "Post Carousels",
  "moduleIcon": "divi/module-fullwidth-portfolio",
  "category": "fullwidth-module",
  "childrenName": [],
  "videos": [
    {
      "id": "AIeVWG7vAAc",
      "name": "An introduction to the Fullwidth Portfolio module"
    },
    {
      "id": "1iqjhnHVA9Y",
      "name": "Design Settings and Advanced Module Settings"
    },
    {
      "id": "boNZZ0MYU0E",
      "name": "Saving and loading from the library"
    }
  ],
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "styleProps": {
        "layout": {
          "selector": "{{selector}} .et_pb_portfolio_items"
        }
      },
      "settings": {
        "meta": {
          "meta": {}
        },
        "advanced": {
          "elements": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentElements",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/elements",
                "props": {
                  "grouped": false
                }
              }
            }
          },
          "html": {},
          "link": {},
          "text": {
            "priority": 10
          },
          "autoRotate": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designAnimation",
              "attrName": "module.advanced.autoRotate",
              "label": "Automatic Carousel Rotation",
              "description": "If you the carousel layout option is chosen and you would like the carousel to slide automatically, without the visitor having to click the next button, enable this option and then adjust the rotation speed below if desired.",
              "priority": 50,
              "render": true,
              "features": {
                "hover": false,
                "sticky": false,
                "preset": [
                  "script"
                ]
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "autoRotateSpeed": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designAnimation",
              "attrName": "module.advanced.autoRotateSpeed",
              "label": "Automatic Carousel Rotation Speed (in ms)",
              "description": "Here you can designate how fast the carousel rotates, if 'Automatic Carousel Rotation' option is enabled above. The higher the number the longer the pause between each rotation. (Ex. 1000 = 1 sec)",
              "priority": 50,
              "render": true,
              "features": {
                "hover": false,
                "sticky": false,
                "preset": [
                  "script"
                ]
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          }
        },
        "decoration": {
          "layout": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLayout",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/layout",
                "props": {
                  "grouped": false
                }
              }
            }
          },
          "animation": {
            "groupType": "group-item",
            "item": {
              "priority": 10,
              "render": true,
              "groupSlug": "designAnimation",
              "component": {
                "type": "group",
                "name": "divi/animation",
                "props": {
                  "grouped": false
                }
              }
            }
          },
          "attributes": {},
          "background": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "overflow": {},
          "order": {},
          "border": {},
          "position": {},
          "scroll": {
            "groupType": "group-item",
            "item": {
              "priority": 20,
              "render": true,
              "groupSlug": "advancedScrollModule",
              "component": {
                "name": "divi/scroll",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fields": {
                    "gridMotion": {
                      "render": true
                    }
                  }
                }
              }
            }
          },
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "boxShadow": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "portfolio": {
      "type": "object",
      "selector": "{{selector}}",
      "styleProps": {
        "font": {
          "selector": "{{selector}} h3,{{selector}} h1.et_pb_module_header,{{selector}} h2.et_pb_module_header,{{selector}} h4.et_pb_module_header,{{selector}} h5.et_pb_module_header,{{selector}} h6.et_pb_module_header",
          "important": true
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "includedCategories": {
              "groupSlug": "content",
              "attrName": "portfolio.innerContent",
              "subName": "includedCategories",
              "label": "Included Categories",
              "description": "Select the categories that you would like to include in the feed.",
              "category": "basic_option",
              "priority": 20,
              "render": true,
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false,
                "preset": "content"
              },
              "component": {
                "type": "field",
                "name": "divi/checkboxes",
                "props": {
                  "options": [],
                  "value": []
                }
              }
            },
            "type": {
              "groupSlug": "content",
              "attrName": "portfolio.innerContent",
              "subName": "type",
              "label": "Post Type",
              "description": "Choose posts of which post type you would like to display.",
              "priority": 10,
              "render": true,
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false,
                "preset": "content"
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {}
                }
              }
            },
            "postsNumber": {
              "groupSlug": "content",
              "attrName": "portfolio.innerContent",
              "subName": "postsNumber",
              "label": "Post Count",
              "description": "Control how many projects are displayed. Leave blank or use 0 to not limit the amount.",
              "category": "configuration",
              "priority": 30,
              "render": true,
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false,
                "preset": "content"
              },
              "component": {
                "type": "field",
                "name": "divi/text",
                "props": {
                  "showPlaceholderOnEmpty": true
                }
              }
            }
          }
        },
        "advanced": {
          "layout": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLayout",
              "attrName": "portfolio.advanced.layout",
              "label": "Layout",
              "description": "Choose your desired portfolio layout style.",
              "category": "layout",
              "priority": 10,
              "render": true,
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false,
                "preset": [
                  "html"
                ]
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "on": {
                      "label": "Carousel"
                    },
                    "off": {
                      "label": "Grid"
                    }
                  }
                }
              }
            }
          },
          "showTitle": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentElements",
              "attrName": "portfolio.advanced.showTitle",
              "label": "Show Title",
              "description": "Turn project titles on or off.",
              "category": "configuration",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "preset": [
                  "html"
                ]
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "showDate": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentElements",
              "attrName": "portfolio.advanced.showDate",
              "label": "Show Date",
              "description": "Turn the date display on or off.",
              "category": "configuration",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "preset": [
                  "html"
                ]
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          }
        },
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPortfolioItemTitleText",
              "attrName": "portfolio.decoration.font",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": false,
                  "groupLabel": "Carousel Item Title Text",
                  "fieldLabel": "Carousel Item Title",
                  "dynamicSubgroupHost": true,
                  "fields": {
                    "headingLevel": {
                      "render": true
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "title": {
      "type": "object",
      "label": "Title",
      "selector": "{{selector}} .et_pb_portfolio_title",
      "supportsCustomAttributes": true,
      "attributes": {
        "class": "et_pb_portfolio_title"
      },
      "tagName": "h2",
      "inlineEditor": "plainText",
      "allowHtml": true,
      "elementType": "heading",
      "childrenSanitizer": "et_core_esc_previously",
      "styleProps": {
        "selector": "{{selector}} .et_pb_portfolio_title",
        "font": {
          "important": true
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "content",
            "attrName": "title.innerContent",
            "label": "Carousel Title",
            "description": "Title displayed above the portfolio.",
            "category": "basic_option",
            "priority": 10,
            "render": true,
            "features": {
              "dynamicContent": {
                "type": "text"
              },
              "sticky": false,
              "preset": "content"
            },
            "component": {
              "type": "field",
              "name": "divi/text",
              "props": {
                "showPlaceholderOnEmpty": true
              }
            }
          }
        },
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTitleText",
              "attrName": "title.decoration.font",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Title",
                  "groupLabel": "Title Text",
                  "dynamicSubgroupHost": true,
                  "fields": {
                    "headingLevel": {
                      "render": true
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "overlay": {
      "type": "object",
      "selector": "{{selector}} .et_pb_portfolio_item .et_overlay",
      "styleProps": {
        "background": {
          "selector": "{{selectorPrefix}}.et_pb_fullwidth_portfolio{{baseSelector}} .et_pb_portfolio_image .et_overlay"
        },
        "icon": {
          "selector": "{{selectorPrefix}}.et_pb_fullwidth_portfolio{{baseSelector}} .et_pb_portfolio_image .et_overlay:before",
          "important": {
            "desktop": {
              "value": {
                "color": true,
                "font-family": true,
                "content": true,
                "font-weight": true
              }
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designOverlay",
              "attrName": "overlay.decoration.background",
              "subName": "color",
              "label": "Overlay Background Color",
              "description": "Pick a color to use for the icon that appears when hovering over a Carousel Item.",
              "priority": 20,
              "render": true,
              "features": {
                "dynamicContent": {
                  "type": "color"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            }
          },
          "icon": {
            "groupType": "group-items",
            "items": {
              "color": {
                "groupSlug": "designOverlay",
                "attrName": "overlay.decoration.icon",
                "subName": "color",
                "label": "Overlay Icon Color",
                "priority": 10,
                "render": true,
                "features": {
                  "dynamicContent": {
                    "type": "color"
                  }
                },
                "component": {
                  "type": "field",
                  "name": "divi/color-picker"
                }
              },
              "icon": {
                "groupSlug": "designOverlay",
                "attrName": "overlay.decoration.icon",
                "label": "Overlay Icon",
                "category": "configuration",
                "priority": 30,
                "render": true,
                "component": {
                  "type": "group",
                  "name": "divi/icon",
                  "props": {
                    "grouped": false,
                    "fieldLabel": "Overlay Icon",
                    "fields": {
                      "color": {
                        "render": false
                      },
                      "icon": {
                        "render": true
                      },
                      "useSize": {
                        "render": false
                      },
                      "size": {
                        "features": {
                          "preset": "content"
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "image": {
      "type": "object",
      "selector": "{{selector}} .et_pb_portfolio_image",
      "scriptDataProps": {
        "animation": {
          "selector": "{{selector}} .et_pb_portfolio_image"
        }
      },
      "styleProps": {
        "fit": {
          "selector": "{{selector}} .et_pb_portfolio_image img"
        },
        "sizing": {
          "propertySelectors": {
            "desktop": {
              "value": {
                "aspect-ratio": "{{selector}} .et_pb_portfolio_image img"
              }
            }
          }
        },
        "boxShadow": {
          "useOverlay": true
        }
      },
      "styleComponentsProps": {
        "background": false,
        "boxShadow": {
          "settings": {
            "overlay": true
          }
        }
      },
      "settings": {
        "decoration": {
          "image": {
            "panel": "design",
            "groupType": "group",
            "groupName": "image",
            "priority": 10,
            "component": {
              "type": "group",
              "name": "divi/image",
              "props": {
                "attrName": "image",
                "groupLabel": "Image",
                "grouped": true,
                "dynamicSubgroupHost": true,
                "presetGroup": "divi/image"
              }
            }
          }
        }
      }
    },
    "meta": {
      "type": "object",
      "selector": "{{selector}} .post-meta, {{selector}} .post-meta a",
      "supportsCustomAttributes": true,
      "attributes": {
        "class": "post-meta"
      },
      "styleProps": {
        "font": {
          "propertySelectors": {
            "font": {
              "desktop": {
                "value": {
                  "text-align": "{{selector}} .et_pb_portfolio_image p.post-meta"
                }
              }
            }
          },
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true
                }
              }
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "font": {
            "component": {
              "props": {
                "fieldLabel": "Meta",
                "groupLabel": "Meta Text",
                "dynamicSubgroupHost": true
              }
            }
          }
        }
      }
    },
    "portfolioGrid": {
      "type": "object",
      "selector": "{{selector}} .et_pb_portfolio_items",
      "settings": {
        "advanced": {}
      }
    },
    "portfolioItemTitle": {
      "type": "object",
      "selector": "{{selector}} .et_pb_module_header",
      "supportsCustomAttributes": true,
      "tagName": "h3",
      "elementType": "heading",
      "attributes": {
        "class": "et_pb_module_header"
      }
    }
  },
  "customCssFields": {
    "portfolioTitle": {
      "label": "Carousel Title",
      "subName": "portfolioTitle",
      "selectorSuffix": "> h2"
    },
    "portfolioItem": {
      "label": "Carousel Item",
      "subName": "portfolioItem",
      "selectorSuffix": " .et_pb_portfolio_item"
    },
    "portfolioOverlay": {
      "label": "Item Overlay",
      "subName": "portfolioOverlay",
      "selectorSuffix": " span.et_overlay"
    },
    "portfolioItemTitle": {
      "label": "Item Title",
      "subName": "portfolioItemTitle",
      "selectorSuffix": " .meta h3"
    },
    "portfolioMeta": {
      "label": "Meta",
      "subName": "portfolioMeta",
      "selectorSuffix": " .meta p"
    },
    "portfolioArrows": {
      "label": "Navigation Arrows",
      "subName": "portfolioArrows",
      "selectorSuffix": " .et-pb-slider-arrows a"
    }
  },
  "settings": {
    "advanced": "auto",
    "groups": {
      "content": {
        "panel": "content",
        "priority": 10,
        "groupName": "content",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Content"
          }
        }
      },
      "contentElements": {
        "panel": "content",
        "priority": 10,
        "groupName": "contentElements",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Elements",
            "preset": "content"
          }
        }
      },
      "designLayout": {
        "panel": "design",
        "priority": 10,
        "groupName": "layout",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Layout",
            "clipboardCategory": "style",
            "presetGroup": "divi/layout"
          }
        }
      },
      "designOverlay": {
        "panel": "design",
        "priority": 10,
        "groupName": "designOverlay",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Overlay"
          }
        }
      },
      "designTitleText": {
        "panel": "design",
        "priority": 20,
        "groupName": "designTitleText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Title Text",
            "presetGroup": "divi/font",
            "dynamicSubgroupHost": true
          }
        }
      },
      "designPortfolioItemTitleText": {
        "panel": "design",
        "priority": 20,
        "groupName": "designPortfolioItemTitleText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Carousel Item Title Text",
            "presetGroup": "divi/font",
            "dynamicSubgroupHost": true
          }
        }
      },
      "designAnimation": {
        "panel": "design",
        "groupName": "animation",
        "priority": 200,
        "multiElements": false,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Animation",
            "presetGroup": "divi/animation"
          }
        }
      }
    }
  }
}