{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "squad-modules/reading-progress",
  "d4Shortcode": "disq_reading_progress",
  "title": "Reading Progress",
  "titles": "Reading Progress",
  "moduleIcon": "squad-modules/reading-progress",
  "moduleClassName": "disq_reading_progress",
  "category": "module",
  "folder": "squad-modules",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "htmlAttributes": {}
        },
        "decoration": {
          "animation": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "font": {},
          "overflow": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      },
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Reading Progress"
            }
          }
        }
      }
    },
    "readingProgressSettings": {
      "type": "object",
      "selector": "{{selector}} .squad-reading-progress",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "barStyle": {
              "groupSlug": "contentProgress",
              "attrName": "readingProgressSettings.innerContent",
              "subName": "barStyle",
              "label": "Style",
              "description": "A full-width bar or a corner circular ring.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "bar": {
                      "label": "Bar"
                    },
                    "circular": {
                      "label": "Circular"
                    }
                  }
                }
              }
            },
            "position": {
              "groupSlug": "contentProgress",
              "attrName": "readingProgressSettings.innerContent",
              "subName": "position",
              "label": "Position",
              "description": "Bars use top/bottom; circular rings use a corner.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "top": {
                      "label": "Top"
                    },
                    "bottom": {
                      "label": "Bottom"
                    },
                    "bottom-right": {
                      "label": "Bottom Right"
                    },
                    "bottom-left": {
                      "label": "Bottom Left"
                    },
                    "top-right": {
                      "label": "Top Right"
                    },
                    "top-left": {
                      "label": "Top Left"
                    }
                  }
                }
              }
            },
            "targetSelector": {
              "groupSlug": "contentProgress",
              "attrName": "readingProgressSettings.innerContent",
              "subName": "targetSelector",
              "label": "Target Selector",
              "description": "Optional CSS selector for the content area to track. Empty tracks the whole page.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "hideOnComplete": {
              "groupSlug": "contentProgress",
              "attrName": "readingProgressSettings.innerContent",
              "subName": "hideOnComplete",
              "label": "Hide On Complete",
              "description": "Fade the indicator out once reading reaches 100%.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 40,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "showPercent": {
              "groupSlug": "contentProgress",
              "attrName": "readingProgressSettings.innerContent",
              "subName": "showPercent",
              "label": "Show Percent",
              "description": "Show the progress percentage (circular style only).",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 50,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "barColor": {
              "groupSlug": "designProgress",
              "attrName": "readingProgressSettings.innerContent",
              "subName": "barColor",
              "label": "Bar Color",
              "description": "Fill color. Falls back to the theme accent when empty.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            },
            "useGradient": {
              "groupSlug": "designProgress",
              "attrName": "readingProgressSettings.innerContent",
              "subName": "useGradient",
              "label": "Use Gradient",
              "description": "Use a gradient fill (bar style only).",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "gradientEnd": {
              "groupSlug": "designProgress",
              "attrName": "readingProgressSettings.innerContent",
              "subName": "gradientEnd",
              "label": "Gradient End Color",
              "description": "End color of the gradient fill.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            },
            "barHeight": {
              "groupSlug": "designProgress",
              "attrName": "readingProgressSettings.innerContent",
              "subName": "barHeight",
              "label": "Bar Thickness",
              "description": "Bar thickness in pixels (bar style only).",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 40,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 2,
                  "max": 12,
                  "step": 1,
                  "allowedUnits": [],
                  "defaultUnit": ""
                }
              }
            }
          }
        }
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "barStyle": "bar",
              "position": "top",
              "targetSelector": "",
              "barColor": "",
              "useGradient": "off",
              "gradientEnd": "",
              "barHeight": "4",
              "hideOnComplete": "off",
              "showPercent": "off"
            }
          }
        }
      }
    }
  },
  "settings": {
    "groups": {
      "contentProgress": {
        "panel": "content",
        "priority": 10,
        "groupName": "readingProgressSettings",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Progress"
          }
        }
      },
      "designProgress": {
        "panel": "design",
        "priority": 10,
        "groupName": "readingProgressSettings",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Progress Bar"
          }
        }
      }
    }
  }
}
