{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/counters",
  "d4Shortcode": "et_pb_counters",
  "title": "Bar Counters",
  "titles": "Bar Counters",
  "moduleIcon": "divi/module-bar-counters",
  "childModuleName": "divi/counter",
  "childModuleTitle": "Bar Counter",
  "category": "module",
  "childrenName": [
    "divi/counter"
  ],
  "allowAllElements": true,
  "videos": [
    {
      "id": "gn11R_zitEw",
      "name": "An introduction to the Bar 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": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "layout": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLayout",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/layout",
                "props": {
                  "grouped": false,
                  "defaultGroupAttr": {
                    "desktop": {
                      "value": {
                        "flexDirection": "column",
                        "columnGap": "30px",
                        "rowGap": "10px"
                      }
                    }
                  }
                }
              }
            }
          },
          "overflow": {},
          "order": {},
          "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": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      },
      "styleProps": {
        "spacing": {
          "selector": "{{selector}}.et_pb_counters",
          "propertySelectors": {
            "desktop": {
              "value": {
                "padding": "{{selector}} .et_pb_counter_amount"
              }
            }
          },
          "important": {
            "desktop": {
              "value": {
                "margin": true
              }
            }
          }
        },
        "sizing": {
          "propertySelectors": {
            "desktop": {
              "value": {
                "margin-left": "{{selector}}.et_pb_module",
                "margin-right": "{{selector}}.et_pb_module"
              }
            }
          },
          "important": {
            "desktop": {
              "value": {
                "margin-left": true,
                "margin-right": true
              }
            }
          }
        }
      }
    },
    "barCounter": {
      "type": "object",
      "selector": "{{selector}} .et_pb_counter_container",
      "settings": {
        "decoration": {
          "background": {},
          "border": {},
          "boxShadow": {}
        }
      },
      "styleProps": {
        "background": {
          "selector": "{{selector}}.et_pb_counters .et_pb_counter_container"
        },
        "border": {
          "selector": "{{selector}} .et_pb_counter_container",
          "propertySelectors": {
            "desktop": {
              "value": {
                "border-radius": "{{selector}} .et_pb_counter_container, {{selector}} .et_pb_counter_amount"
              }
            }
          }
        }
      },
      "styleComponentsProps": {
        "background": false
      }
    },
    "title": {
      "type": "object",
      "selector": "{{selector}}.et_pb_counters .et_pb_counter_title",
      "settings": {
        "decoration": {
          "font": {
            "component": {
              "props": {
                "fieldLabel": "Title",
                "groupLabel": "Title Text",
                "dynamicSubgroupHost": true,
                "fields": {
                  "headingLevel": {
                    "render": false
                  }
                }
              }
            }
          }
        }
      },
      "attributes": {
        "class": "et_pb_module_header"
      },
      "styleProps": {
        "font": {
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true
                }
              }
            }
          }
        }
      },
      "inlineEditor": "plainText",
      "tagName": "span",
      "childrenSanitizer": "et_core_esc_previously"
    },
    "barProgress": {
      "type": "object",
      "selector": "{{selector}}.et_pb_counters .et_pb_counter_amount_number",
      "settings": {
        "decoration": {
          "font": {
            "component": {
              "props": {
                "fieldLabel": "Percentage",
                "groupLabel": "Percentage Text",
                "dynamicSubgroupHost": true
              }
            }
          }
        },
        "advanced": {
          "usePercentages": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentElements",
              "attrName": "barProgress.advanced.usePercentages",
              "category": "configuration",
              "priority": 10,
              "render": true,
              "label": "Show Percentage",
              "description": "Turning off percentages will remove the percentage text from within the filled portion of the bar.",
              "features": {
                "sticky": false,
                "preset": [
                  "html"
                ]
              },
              "component": {
                "type": "field",
                "name": "divi/toggle",
                "props": {
                  "options": {
                    "off": "Off",
                    "on": "On"
                  }
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "font": {
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true
                }
              }
            }
          }
        }
      }
    },
    "children": {
      "type": "object",
      "settings": {
        "decoration": {
          "background": {
            "panel": "design",
            "priority": 5,
            "groupName": "background",
            "groupType": "group",
            "component": {
              "name": "divi/composite",
              "props": {
                "groupLabel": "Bar",
                "clipboardCategory": "style",
                "fields": {
                  "color": {
                    "attrName": "children.barProgress.decoration.background",
                    "subName": "color",
                    "label": "Bar Background Color",
                    "description": "This will change the fill color for the bar.",
                    "groupName": "divi/background",
                    "priority": 10,
                    "render": true,
                    "component": {
                      "type": "field",
                      "name": "divi/color-picker",
                      "props": {}
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "counterTitle": {
      "label": "Counter Title",
      "subName": "counterTitle",
      "selectorSuffix": " .et_pb_counter_title"
    },
    "counterContainer": {
      "label": "Counter Container",
      "subName": "counterContainer",
      "selectorSuffix": " .et_pb_counter_container"
    },
    "counterAmount": {
      "label": "Counter Amount",
      "subName": "counterAmount",
      "selectorSuffix": " .et_pb_counter_amount"
    }
  },
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentElements": {
        "panel": "content",
        "priority": 5,
        "groupName": "contentElements",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Elements",
            "preset": "content"
          }
        }
      },
      "designLayout": {
        "panel": "design",
        "priority": 5,
        "groupName": "designLayout",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Layout",
            "clipboardCategory": "style",
            "presetGroup": "divi/layout"
          }
        }
      }
    }
  },
  "mousetrap": {
    "inner": {
      "edited": true
    }
  }
}