{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/circle-counter",
  "d4Shortcode": "et_pb_circle_counter",
  "moduleClassName": "et_pb_circle_counter",
  "moduleOrderClassName": "et_pb_circle_counter",
  "title": "Circle Counter",
  "titles": "Circle Counters",
  "moduleIcon": "divi/module-circle-counter",
  "category": "module",
  "childrenName": [],
  "videos": [
    {
      "id": "EEGJY0EbzFs",
      "name": "An introduction to the Circle Counter 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}}",
      "settings": {
        "meta": {
          "meta": {}
        },
        "advanced": {
          "elements": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentElements",
              "priority": 5,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/elements",
                "props": {
                  "grouped": false
                }
              }
            }
          },
          "html": {},
          "link": {},
          "loop": {},
          "text": {}
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "layout": {},
          "overflow": {},
          "order": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      },
      "styleProps": {
        "background": {
          "selector": "{{selector}}.et_pb_circle_counter .et_pb_circle_counter_inner"
        },
        "border": {
          "selector": "{{selector}}.et_pb_circle_counter"
        },
        "overflow": {
          "selector": "{{selector}}.et_pb_circle_counter"
        },
        "spacing": {
          "selector": "{{selector}}.et_pb_circle_counter",
          "important": {
            "desktop": {
              "value": {
                "margin": true
              }
            }
          }
        },
        "sizing": {
          "propertySelectors": {
            "desktop": {
              "value": {
                "margin-left": "{{selector}}.et_pb_circle_counter.et_pb_module",
                "margin-right": "{{selector}}.et_pb_circle_counter.et_pb_module"
              }
            }
          },
          "important": {
            "desktop": {
              "value": {
                "margin-left": true,
                "margin-right": true
              }
            }
          }
        },
        "layout": {
          "selector": "{{selector}} .et_pb_circle_counter_inner"
        }
      }
    },
    "circle": {
      "type": "object",
      "selector": "{{selector}} .percent canvas",
      "settings": {
        "advanced": {
          "circle": {
            "panel": "design",
            "priority": 5,
            "groupName": "circle",
            "groupLabel": "Circle",
            "groupType": "group",
            "component": {
              "name": "divi/composite",
              "props": {
                "groupLabel": "Circle",
                "clipboardCategory": "style",
                "fields": {
                  "color": {
                    "attrName": "circle.advanced.color",
                    "label": "Circle Color",
                    "description": "This will change the fill color for the bar.",
                    "priority": 5,
                    "render": true,
                    "defaultAttr": {
                      "desktop": {
                        "value": "$variable({\"type\":\"color\",\"value\":{\"name\":\"gcid-primary-color\",\"settings\":{}}})$"
                      }
                    },
                    "features": {
                      "dynamicContent": {
                        "type": "color"
                      }
                    },
                    "component": {
                      "type": "field",
                      "name": "divi/color-picker",
                      "props": {}
                    }
                  },
                  "backgroundColor": {
                    "attrName": "circle.advanced.background",
                    "subName": "color",
                    "label": "Circle Background Color",
                    "description": "Pick a color to be used in the unfilled space of the circle.",
                    "groupName": "divi/background",
                    "priority": 10,
                    "render": true,
                    "features": {
                      "preset": [
                        "style"
                      ],
                      "dynamicContent": {
                        "type": "color"
                      }
                    },
                    "component": {
                      "type": "field",
                      "name": "divi/color-picker",
                      "props": {}
                    }
                  },
                  "backgroundOpacity": {
                    "attrName": "circle.advanced.background",
                    "subName": "opacity",
                    "label": "Circle Background Opacity",
                    "description": "Decrease the opacity of the unfilled space of the circle to make the color fade into the background.",
                    "category": "configuration",
                    "groupName": "divi/background",
                    "priority": 15,
                    "render": true,
                    "defaultAttr": {
                      "desktop": {
                        "value": {
                          "opacity": "0.1"
                        }
                      }
                    },
                    "component": {
                      "type": "field",
                      "name": "divi/range",
                      "props": {
                        "allowedUnits": [
                          ""
                        ],
                        "defaultUnit": "",
                        "minLimit": 0.1,
                        "max": 1,
                        "step": 0.05
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "title": {
      "type": "object",
      "selector": "{{selector}}.et_pb_circle_counter h3, {{selector}}.et_pb_circle_counter h1.et_pb_module_header, {{selector}}.et_pb_circle_counter h2.et_pb_module_header, {{selector}}.et_pb_circle_counter h4.et_pb_module_header, {{selector}}.et_pb_circle_counter h5.et_pb_module_header, {{selector}}.et_pb_circle_counter h6.et_pb_module_header, {{selector}}.et_pb_circle_counter h3 a, {{selector}}.et_pb_circle_counter h1.et_pb_module_header a, {{selector}}.et_pb_circle_counter h2.et_pb_module_header a, {{selector}}.et_pb_circle_counter h4.et_pb_module_header a, {{selector}}.et_pb_circle_counter h5.et_pb_module_header a, {{selector}}.et_pb_circle_counter h6.et_pb_module_header a",
      "supportsCustomAttributes": true,
      "attributes": {
        "class": "et_pb_module_header"
      },
      "tagName": "h3",
      "inlineEditor": "plainText",
      "allowHtml": true,
      "elementType": "heading",
      "childrenSanitizer": "et_core_esc_previously",
      "styleProps": {
        "font": {
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true
                }
              }
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentText",
            "priority": 5,
            "render": true,
            "attrName": "title.innerContent",
            "label": "Title",
            "description": "Input a title for the circle counter.",
            "category": "basic_option",
            "features": {
              "dynamicContent": {
                "type": "text"
              },
              "preset": "content"
            },
            "component": {
              "name": "divi/text",
              "type": "field"
            }
          }
        },
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTitleText",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Title",
                  "dynamicSubgroupHost": true,
                  "fields": {
                    "headingLevel": {
                      "render": true
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "number": {
      "type": "object",
      "selector": "{{selector}}.et_pb_circle_counter .percent p",
      "supportsCustomAttributes": true,
      "styleProps": {
        "font": {
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true
                }
              }
            }
          }
        }
      },
      "settings": {
        "advanced": {
          "percentSign": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentElements",
              "priority": 15,
              "render": true,
              "attrName": "number.advanced.percentSign",
              "label": "Percent Sign",
              "description": "Here you can choose whether the percent sign should be added after the number set above.",
              "category": "configuration",
              "features": {
                "sticky": false,
                "preset": [
                  "html"
                ]
              },
              "component": {
                "type": "field",
                "name": "divi/toggle",
                "props": {
                  "options": {
                    "off": "Off",
                    "on": "On"
                  }
                }
              }
            }
          }
        },
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentText",
            "priority": 10,
            "render": true,
            "attrName": "number.innerContent",
            "label": "Number",
            "description": "Define a number for the circle counter. (Don't include the percentage sign, use the option below.). <strong>Note: You can use only natural numbers from 0 to 100</strong>",
            "category": "basic_option",
            "features": {
              "preset": "content"
            },
            "component": {
              "name": "divi/text",
              "type": "field"
            }
          }
        },
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designNumberText",
              "priority": 20,
              "render": true,
              "component": {
                "name": "divi/font",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Number",
                  "dynamicSubgroupHost": true,
                  "fields": {
                    "headingLevel": {
                      "render": false
                    },
                    "lineHeight": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "contentContainer": {
      "type": "object",
      "selector": "{{selector}} .et_pb_circle_counter_inner",
      "elementType": "wrapper",
      "attributes": {
        "class": "et_pb_circle_counter_inner"
      }
    }
  },
  "customCssFields": {
    "percent": {
      "label": "Percent Container",
      "subName": "percent",
      "selectorSuffix": " .percent"
    },
    "circleCounterTitle": {
      "label": "Circle Counter Title",
      "subName": "circleCounterTitle",
      "selectorSuffix": " .et_pb_module_header"
    },
    "percentText": {
      "label": "Percent Text",
      "subName": "percentText",
      "selectorSuffix": " .percent p"
    }
  },
  "script": [
    "divi-module-library-script-circle-counter"
  ],
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentText": {
        "panel": "content",
        "priority": 10,
        "groupName": "text",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Text"
          }
        }
      },
      "contentElements": {
        "panel": "content",
        "priority": 15,
        "groupName": "element",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Elements",
            "preset": "content"
          }
        }
      },
      "designTitleText": {
        "panel": "design",
        "priority": 20,
        "groupName": "titleText",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Title Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font",
            "dynamicSubgroupHost": true,
            "dynamicSubgroupHostLayoutStyle": "moduleLayout"
          }
        }
      },
      "designNumberText": {
        "panel": "design",
        "priority": 25,
        "groupName": "numberText",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Number Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font",
            "dynamicSubgroupHost": true
          }
        }
      }
    }
  }
}