{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/svg",
  "d4Shortcode": "et_pb_svg",
  "moduleClassName": "et_pb_svg",
  "moduleOrderClassName": "et_pb_svg",
  "title": "SVG",
  "titles": "SVGs",
  "moduleIcon": "divi/module-svg",
  "category": "module",
  "childrenName": [],
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "styleProps": {
        "spacing": {
          "important": {
            "desktop": {
              "value": {
                "margin-bottom": true
              }
            }
          }
        }
      },
      "settings": {
        "meta": {
          "meta": {}
        },
        "advanced": {
          "elements": {},
          "html": {},
          "loop": {}
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "layout": {},
          "overflow": {},
          "order": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "svg": {
      "type": "object",
      "label": "SVG",
      "selector": "{{selector}} .et_pb_svg_inner svg",
      "supportsCustomAttributes": true,
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "sourceType": {
              "groupSlug": "contentSvgSource",
              "subName": "sourceType",
              "label": "Source Type",
              "description": "Choose whether to render SVG from pasted code or uploaded source.",
              "category": "basic_option",
              "priority": 5,
              "render": true,
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false,
                "preset": "content"
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "defaultValue": "code",
                  "options": {
                    "code": {
                      "label": "SVG Code"
                    },
                    "src": {
                      "label": "Uploaded SVG"
                    }
                  }
                }
              }
            },
            "code": {
              "groupSlug": "contentSvgSource",
              "subName": "code",
              "label": "SVG Code",
              "description": "Paste sanitized SVG markup.",
              "category": "basic_option",
              "priority": 10,
              "render": true,
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "preset": "content"
              },
              "component": {
                "type": "field",
                "name": "divi/code",
                "props": {
                  "mode": "html"
                }
              }
            },
            "src": {
              "groupSlug": "contentSvgSource",
              "subName": "src",
              "label": "SVG File",
              "description": "Upload an SVG file.",
              "category": "basic_option",
              "priority": 15,
              "render": true,
              "features": {
                "dynamicContent": {
                  "type": "url"
                },
                "preset": "content"
              },
              "component": {
                "type": "field",
                "name": "divi/upload",
                "props": {
                  "dataType": "svg",
                  "chooseText": "Choose an SVG file",
                  "uploadButtonText": "Upload an SVG file"
                }
              }
            },
            "srcNotice": {
              "groupSlug": "contentSvgSource",
              "subName": "srcNotice",
              "label": "",
              "description": "",
              "render": true,
              "priority": 16,
              "features": {
                "responsive": false,
                "sticky": false,
                "hover": false,
                "preset": "content"
              },
              "component": {
                "type": "field",
                "name": "divi/warning",
                "props": {
                  "message": "You must <a href=\"https://help.elegantthemes.com/en/articles/11982083-how-to-upload-svg-and-json-files\" target=\"_blank\" rel=\"noopener\">enable SVG uploads</a> before uploading svg files."
                }
              }
            },
            "title": {
              "groupSlug": "contentSvgSource",
              "subName": "title",
              "label": "Title",
              "description": "Optional SVG title element.",
              "category": "configuration",
              "priority": 18,
              "render": true,
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false,
                "preset": "content"
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "linkUrl": {
              "groupSlug": "contentSvgLink",
              "subName": "linkUrl",
              "label": "Link URL",
              "description": "Set a URL to wrap the SVG with a link.",
              "category": "basic_option",
              "priority": 20,
              "render": true,
              "features": {
                "dynamicContent": {
                  "type": "url"
                },
                "responsive": false,
                "hover": false,
                "sticky": false,
                "preset": "content"
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "linkTarget": {
              "groupSlug": "contentSvgLink",
              "subName": "linkTarget",
              "label": "Link Target",
              "description": "Choose where the link opens.",
              "category": "configuration",
              "priority": 25,
              "render": true,
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false,
                "preset": "content"
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "defaultValue": "off",
                  "options": {
                    "off": {
                      "label": "In The Current Tab"
                    },
                    "on": {
                      "label": "In A New Tab"
                    }
                  }
                }
              }
            },
            "rel": {
              "groupSlug": "contentSvgLink",
              "subName": "rel",
              "label": "Link Rel",
              "description": "Optional rel attribute for the link.",
              "category": "configuration",
              "priority": 30,
              "render": true,
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false,
                "preset": "content"
              },
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          }
        },
        "advanced": {
          "fill": {
            "groupType": "group-items",
            "items": {
              "color": {
                "groupSlug": "designSvgFill",
                "subName": "color",
                "label": "Fill Color",
                "description": "Primary fill color for the SVG.",
                "category": "layout",
                "priority": 10,
                "render": true,
                "features": {
                  "dynamicContent": {
                    "type": "color"
                  },
                  "preset": [
                    "style"
                  ]
                },
                "component": {
                  "type": "field",
                  "name": "divi/color-picker"
                }
              },
              "opacity": {
                "groupSlug": "designSvgFill",
                "subName": "opacity",
                "label": "Fill Opacity",
                "description": "Opacity for SVG fill color.",
                "className": "et-vb-field-input-range-filter et-vb-field-input-range-filter--opacity",
                "category": "layout",
                "priority": 30,
                "render": true,
                "features": {
                  "dynamicContent": {
                    "type": "number"
                  },
                  "preset": [
                    "style"
                  ]
                },
                "component": {
                  "type": "field",
                  "name": "divi/range",
                  "props": {
                    "cssProperty": "fill-opacity",
                    "cssSliderUI": true,
                    "minLimit": 0,
                    "maxLimit": 1,
                    "step": 0.01,
                    "defaultValue": "1",
                    "defaultUnit": ""
                  }
                }
              }
            }
          },
          "stroke": {
            "groupType": "group-items",
            "items": {
              "color": {
                "groupSlug": "designSvgStroke",
                "subName": "color",
                "label": "Stroke Color",
                "description": "Stroke color for the SVG.",
                "category": "layout",
                "priority": 10,
                "render": true,
                "features": {
                  "dynamicContent": {
                    "type": "color"
                  },
                  "preset": [
                    "style"
                  ]
                },
                "component": {
                  "type": "field",
                  "name": "divi/color-picker"
                }
              },
              "width": {
                "groupSlug": "designSvgStroke",
                "subName": "width",
                "label": "Stroke Width",
                "description": "Stroke width for the SVG.",
                "category": "layout",
                "priority": 20,
                "render": true,
                "features": {
                  "dynamicContent": {
                    "type": "number"
                  },
                  "preset": [
                    "style"
                  ]
                },
                "component": {
                  "type": "field",
                  "name": "divi/range",
                  "props": {
                    "cssProperty": "stroke-width",
                    "minLimit": 0,
                    "maxLimit": 50,
                    "step": 1,
                    "defaultUnit": "px"
                  }
                }
              },
              "opacity": {
                "groupSlug": "designSvgStroke",
                "subName": "opacity",
                "label": "Stroke Opacity",
                "description": "Opacity for SVG stroke color.",
                "className": "et-vb-field-input-range-filter et-vb-field-input-range-filter--opacity",
                "category": "layout",
                "priority": 30,
                "render": true,
                "features": {
                  "dynamicContent": {
                    "type": "number"
                  },
                  "preset": [
                    "style"
                  ]
                },
                "component": {
                  "type": "field",
                  "name": "divi/range",
                  "props": {
                    "cssProperty": "stroke-opacity",
                    "cssSliderUI": true,
                    "minLimit": 0,
                    "maxLimit": 1,
                    "step": 0.01,
                    "defaultValue": "1",
                    "defaultUnit": ""
                  }
                }
              }
            }
          }
        },
        "decoration": {}
      },
      "styleProps": {}
    }
  },
  "customCssFields": {
    "module": {
      "label": "Module",
      "subName": "module",
      "selectorSuffix": ""
    },
    "svg": {
      "label": "SVG",
      "subName": "svg",
      "selectorSuffix": " .et_pb_svg_inner svg"
    }
  },
  "settings": {
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentSvgSource": {
        "panel": "content",
        "priority": 10,
        "multiElements": true,
        "groupName": "svgSource",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "SVG Source"
          }
        }
      },
      "contentSvgLink": {
        "panel": "content",
        "priority": 20,
        "multiElements": true,
        "groupName": "link",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Link"
          }
        }
      },
      "designSvgFill": {
        "panel": "design",
        "priority": 10,
        "multiElements": true,
        "groupName": "designSvgFill",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Fill",
            "clipboardCategory": "style"
          }
        }
      },
      "designSvgStroke": {
        "panel": "design",
        "priority": 20,
        "multiElements": true,
        "groupName": "stroke",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Stroke",
            "clipboardCategory": "style"
          }
        }
      }
    }
  }
}