{
  "name": "dina/progress-bar-item",
  "d4Shortcode": "dina_progress_bar_child",
  "title": "Progress Bar Item",
  "titles": "Progress Bar Items",
  "moduleIcon": "dina/progress-bar",
  "moduleClassName": "dina_progress_bar_child",
  "moduleOrderClassName": "dina_progress_bar_child",
  "category": "child-module",
  "childrenName": [],
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Progress Bar Item"
            }
          }
        },
        "advanced": {
          "useIcon": {
            "desktop": {
              "value": "off"
            }
          },
          "level": {
            "desktop": {
              "value": "90%"
            }
          },
          "hideName": {
            "desktop": {
              "value": "off"
            }
          },
          "hideLevel": {
            "desktop": {
              "value": "off"
            }
          },
          "textPlacement": {
            "desktop": {
              "value": "outside"
            }
          }
        }
      },
      "styleProps": {
        "spacing": {
          "important": true
        }
      },
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "useIcon": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentText",
              "attrName": "module.advanced.useIcon",
              "label": "Use Icon",
              "description": "Here you can choose whether icon will be display or not.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "level": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentText",
              "attrName": "module.advanced.level",
              "label": "Level",
              "description": "Define progress bar level.",
              "priority": 50,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 100,
                  "step": 1,
                  "allowedUnits": [
                    "%"
                  ],
                  "defaultUnit": "%"
                }
              }
            }
          },
          "hideName": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentSettings",
              "attrName": "module.advanced.hideName",
              "label": "Hide Name Text",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "hideLevel": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentSettings",
              "attrName": "module.advanced.hideLevel",
              "label": "Hide Level Text",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "textPlacement": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentSettings",
              "attrName": "module.advanced.textPlacement",
              "label": "Text Placement",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "outside": {
                      "label": "Outside"
                    },
                    "inside": {
                      "label": "Inside"
                    }
                  }
                }
              }
            }
          },
          "barHeight": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designProgressBar",
              "attrName": "module.advanced.barHeight",
              "label": "Height",
              "description": "Define the progress bar height.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 1,
                  "max": 350,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          },
          "borderRound": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designProgressBar",
              "attrName": "module.advanced.borderRound",
              "label": "Corner Round",
              "description": "Define the progress bar corner border radius.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 500,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "%"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          },
          "tooltipBg": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLevel",
              "attrName": "module.advanced.tooltipBg",
              "label": "Level Tooltip Background",
              "description": "Define level tooltip background color.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "tooltipRound": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLevel",
              "attrName": "module.advanced.tooltipRound",
              "label": "Tooltip Round",
              "description": "Define the progress bar level tooltip border radius.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 500,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "%"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          },
          "offsetX": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLevel",
              "attrName": "module.advanced.offsetX",
              "label": "Tooltip Vertical Offset",
              "description": "Define the progress bar level tooltip vertical position.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": -500,
                  "max": 500,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          },
          "htmlAttributes": {}
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "layout": {},
          "overflow": {},
          "order": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "bar": {
      "type": "object",
      "selector": ".dina_progress_bar-container {{selector}} .dina_progress",
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designProgressBar",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/background",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Progress Bar"
                }
              }
            }
          }
        }
      }
    },
    "level": {
      "type": "object",
      "selector": ".dina_progress_bar-container {{selector}} .dina_progress-level",
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designProgressBar",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/background",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Level"
                }
              }
            }
          }
        }
      }
    },
    "levelTooltip": {
      "type": "object",
      "selector": ".dina_progress_bar-container {{selector}} .dina_progress-level:before",
      "settings": {
        "decoration": {
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLevel",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Level Tooltip",
                  "fields": {
                    "margin": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "levelText": {
      "type": "object",
      "selector": ".dina_progress_bar-container {{selector}} .dina_progress-level:before, .dina_progress_bar-container {{selector}} .dina_progress_bar-level-text",
      "settings": {
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLevelText",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Level",
                  "fields": {
                    "headingLevel": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "icon": {
      "type": "object",
      "selector": ".dina_progress_bar-container {{selector}} .dina_progress_bar-icon i.dina_icon",
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "unicode": "",
              "type": "divi",
              "weight": "400"
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/background",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Icon"
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Icon",
                  "fields": {
                    "margin": {
                      "render": false
                    }
                  }
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Icon"
                }
              }
            }
          }
        },
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentText",
            "attrName": "icon.innerContent",
            "label": "Select Icon",
            "priority": 20,
            "render": true,
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false
            },
            "component": {
              "type": "field",
              "name": "divi/icon-picker"
            }
          }
        },
        "advanced": {
          "color": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "attrName": "icon.advanced.color",
              "label": "Icon Color",
              "description": "Here you can change icon color.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": true
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "size": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "attrName": "icon.advanced.size",
              "label": "Icon Size",
              "description": "Here you can change icon size.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": true
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 1000,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          }
        }
      }
    },
    "iconWrapper": {
      "type": "object",
      "selector": ".dina_progress_bar-container {{selector}} .dina_progress_bar-icon",
      "settings": {
        "decoration": {
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designIcon",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Icon Wrapper",
                  "fields": {
                    "padding": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "name": {
      "type": "object",
      "selector": ".dina_progress_bar-container {{selector}} .dina_progress_bar-name",
      "tagName": "span",
      "attributes": {
        "class": "dina_progress_bar-name"
      },
      "inlineEditor": "plainText",
      "childrenSanitizer": "et_core_esc_previously",
      "settings": {
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designNameText",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Name",
                  "fields": {
                    "headingLevel": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        },
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentText",
            "attrName": "name.innerContent",
            "label": "Name",
            "description": "Define progress bar name.",
            "priority": 30,
            "render": true,
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false,
              "dynamicContent": {
                "type": "text"
              }
            },
            "component": {
              "type": "field",
              "name": "divi/text"
            }
          }
        }
      }
    },
    "description": {
      "type": "object",
      "selector": ".dina_progress_bar-container {{selector}} .dina_progress_bar-description p",
      "tagName": "div",
      "attributes": {
        "class": "dina_progress_bar-description"
      },
      "inlineEditor": "richText",
      "childrenSanitizer": "et_core_esc_previously",
      "settings": {
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designDescriptionText",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Description",
                  "fields": {
                    "headingLevel": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        },
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentText",
            "attrName": "description.innerContent",
            "label": "Description",
            "description": "Define progress bar description.",
            "priority": 40,
            "render": true,
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false,
              "dynamicContent": {
                "type": "text"
              }
            },
            "component": {
              "type": "field",
              "name": "divi/richtext"
            }
          }
        }
      }
    }
  },
  "customCssFields": {},
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentText": {
        "panel": "content",
        "priority": 10,
        "groupName": "contentText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Content"
          }
        }
      },
      "contentSettings": {
        "panel": "content",
        "priority": 20,
        "groupName": "contentSettings",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Settings"
          }
        }
      },
      "designProgressBar": {
        "panel": "design",
        "priority": 30,
        "groupName": "designProgressBar",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Progress Bar"
          }
        }
      },
      "designIcon": {
        "panel": "design",
        "priority": 40,
        "groupName": "designIcon",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Icon"
          }
        }
      },
      "designLevel": {
        "panel": "design",
        "priority": 50,
        "groupName": "designLevel",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Level"
          }
        }
      },
      "designLevelText": {
        "panel": "design",
        "priority": 60,
        "groupName": "designLevelText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Level Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      },
      "designNameText": {
        "panel": "design",
        "priority": 70,
        "groupName": "designNameText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Name Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      },
      "designDescriptionText": {
        "panel": "design",
        "priority": 80,
        "groupName": "designDescriptionText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Description Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      }
    }
  }
}