{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "squad-modules/skill-bar-item",
  "d4Shortcode": "disq_skill_bar_item",
  "title": "Skill Bar Item",
  "titles": "Skill Bar Items",
  "moduleIcon": "squad-modules/skill-bar",
  "moduleClassName": "disq_skill_bar_item",
  "category": "child-module",
  "folder": "squad-modules",
  "parentModuleName": "squad-modules/skill-bar",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "decoration": {
          "background": {},
          "border": {},
          "boxShadow": {},
          "disabledOn": {},
          "filters": {},
          "spacing": {}
        }
      },
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Skill Bar Item"
            }
          }
        }
      }
    },
    "slideItem": {
      "type": "object",
      "selector": "{{selector}} .squad-skill-bar__wrapper",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "useName": {
              "groupSlug": "contentBar",
              "attrName": "slideItem.innerContent",
              "subName": "useName",
              "label": "Show Name",
              "description": "Show the skill name text.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "name": {
              "groupSlug": "contentBar",
              "attrName": "slideItem.innerContent",
              "subName": "name",
              "label": "Name",
              "description": "The skill name text.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "level": {
              "groupSlug": "contentBar",
              "attrName": "slideItem.innerContent",
              "subName": "level",
              "label": "Level",
              "description": "Fill percentage (0–100). This is the animation target.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 100,
                  "step": 1,
                  "allowedUnits": [],
                  "defaultUnit": ""
                }
              }
            },
            "hideLevel": {
              "groupSlug": "contentBar",
              "attrName": "slideItem.innerContent",
              "subName": "hideLevel",
              "label": "Hide Level Text",
              "description": "Hide the percentage label.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 40,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "textPlacement": {
              "groupSlug": "contentBar",
              "attrName": "slideItem.innerContent",
              "subName": "textPlacement",
              "label": "Text Placement",
              "description": "Place the text inside or above the bar.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 50,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "inside": {
                      "label": "Inside"
                    },
                    "outside": {
                      "label": "Outside"
                    }
                  }
                }
              }
            },
            "barHeight": {
              "groupSlug": "contentStyle",
              "attrName": "slideItem.innerContent",
              "subName": "barHeight",
              "label": "Bar Height",
              "description": "Height of the bar track (e.g. 30px).",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "barRadius": {
              "groupSlug": "contentStyle",
              "attrName": "slideItem.innerContent",
              "subName": "barRadius",
              "label": "Bar Border Radius",
              "description": "Corner radius (e.g. 40px).",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "trackColor": {
              "groupSlug": "contentColors",
              "attrName": "slideItem.innerContent",
              "subName": "trackColor",
              "label": "Track Color",
              "description": "Background color of the bar track.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            },
            "trackGradient": {
              "groupSlug": "contentColors",
              "attrName": "slideItem.innerContent",
              "subName": "trackGradient",
              "label": "Track Gradient",
              "description": "Optional CSS gradient for the track (overrides Track Color).",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "fillColor": {
              "groupSlug": "contentColors",
              "attrName": "slideItem.innerContent",
              "subName": "fillColor",
              "label": "Fill Color",
              "description": "Background color of the filled portion.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            },
            "fillGradient": {
              "groupSlug": "contentColors",
              "attrName": "slideItem.innerContent",
              "subName": "fillGradient",
              "label": "Fill Gradient",
              "description": "Optional CSS gradient for the fill (overrides Fill Color).",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 40,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          }
        }
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "useName": "on",
              "name": "Web Design",
              "level": "70",
              "hideLevel": "off",
              "textPlacement": "inside",
              "barHeight": "30px",
              "barRadius": "40px",
              "trackColor": "#dddddd",
              "fillColor": "#5E2EFF"
            }
          }
        }
      }
    }
  },
  "settings": {
    "groups": {
      "contentBar": {
        "panel": "content",
        "priority": 10,
        "groupName": "bar",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Bar"
          }
        }
      },
      "contentStyle": {
        "panel": "content",
        "priority": 20,
        "groupName": "style",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Bar Style"
          }
        }
      },
      "contentColors": {
        "panel": "content",
        "priority": 30,
        "groupName": "colors",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Colors"
          }
        }
      }
    }
  }
}