{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "squad-modules/charts",
  "d4Shortcode": "disq_charts",
  "title": "Charts",
  "titles": "Charts",
  "moduleIcon": "squad-modules/charts",
  "moduleClassName": "disq_charts",
  "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": "Charts"
            }
          }
        }
      }
    },
    "chartsSettings": {
      "type": "object",
      "selector": "{{selector}} .squad-charts",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "chartType": {
              "groupSlug": "contentChart",
              "attrName": "chartsSettings.innerContent",
              "subName": "chartType",
              "label": "Chart Type",
              "description": "The type of chart to render.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "bar": {
                      "label": "Bar"
                    },
                    "line": {
                      "label": "Line"
                    },
                    "pie": {
                      "label": "Pie"
                    },
                    "doughnut": {
                      "label": "Doughnut"
                    }
                  }
                }
              }
            },
            "labels": {
              "groupSlug": "contentChart",
              "attrName": "chartsSettings.innerContent",
              "subName": "labels",
              "label": "Labels",
              "description": "One label per line (the chart categories/axis).",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/textarea"
              }
            },
            "datasets": {
              "groupSlug": "contentChart",
              "attrName": "chartsSettings.innerContent",
              "subName": "datasets",
              "label": "Datasets",
              "description": "One dataset per line as \"Name: v1,v2,v3\".",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/textarea"
              }
            },
            "colors": {
              "groupSlug": "contentChart",
              "attrName": "chartsSettings.innerContent",
              "subName": "colors",
              "label": "Custom Colors",
              "description": "Optional. One color per line; falls back to the default palette when empty.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 40,
              "component": {
                "type": "field",
                "name": "divi/textarea"
              }
            },
            "title": {
              "groupSlug": "contentChart",
              "attrName": "chartsSettings.innerContent",
              "subName": "title",
              "label": "Chart Title",
              "description": "Optional title shown above the chart.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 50,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "showLegend": {
              "groupSlug": "contentOptions",
              "attrName": "chartsSettings.innerContent",
              "subName": "showLegend",
              "label": "Show Legend",
              "description": "Display the chart legend.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "showGrid": {
              "groupSlug": "contentOptions",
              "attrName": "chartsSettings.innerContent",
              "subName": "showGrid",
              "label": "Show Grid",
              "description": "Display the grid lines (bar/line charts).",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "beginAtZero": {
              "groupSlug": "contentOptions",
              "attrName": "chartsSettings.innerContent",
              "subName": "beginAtZero",
              "label": "Begin At Zero",
              "description": "Force the value axis to start at zero (bar/line charts).",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "animateOnScroll": {
              "groupSlug": "contentOptions",
              "attrName": "chartsSettings.innerContent",
              "subName": "animateOnScroll",
              "label": "Animate On Scroll",
              "description": "Defer the chart animation until it scrolls into view.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 40,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "chartHeight": {
              "groupSlug": "contentOptions",
              "attrName": "chartsSettings.innerContent",
              "subName": "chartHeight",
              "label": "Chart Height",
              "description": "Height of the chart canvas in pixels.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 50,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 150,
                  "max": 600,
                  "step": 10,
                  "allowedUnits": [],
                  "defaultUnit": ""
                }
              }
            },
            "borderWidth": {
              "groupSlug": "contentOptions",
              "attrName": "chartsSettings.innerContent",
              "subName": "borderWidth",
              "label": "Border Width",
              "description": "Width of the dataset borders.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 60,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 6,
                  "step": 1,
                  "allowedUnits": [],
                  "defaultUnit": ""
                }
              }
            }
          }
        }
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "chartType": "bar",
              "labels": "Q1\nQ2\nQ3\nQ4",
              "datasets": "Sales: 12,19,3,5",
              "colors": "",
              "showLegend": "on",
              "showGrid": "on",
              "beginAtZero": "on",
              "animateOnScroll": "on",
              "chartHeight": "300",
              "title": "",
              "borderWidth": "2"
            }
          }
        }
      }
    }
  },
  "settings": {
    "groups": {
      "contentChart": {
        "panel": "content",
        "priority": 10,
        "groupName": "chartsSettings",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Chart"
          }
        }
      },
      "contentOptions": {
        "panel": "content",
        "priority": 20,
        "groupName": "chartsSettings",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Options"
          }
        }
      }
    }
  }
}
