{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "squad-modules/lottie",
  "d4Shortcode": "disq_lottie",
  "title": "Lottie Image",
  "titles": "Lottie Images",
  "moduleIcon": "squad-modules/lottie",
  "moduleClassName": "disq_lottie",
  "category": "module",
  "folder": "squad-modules",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "htmlAttributes": {}
        },
        "decoration": {
          "animation": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "overflow": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      },
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Lottie Image"
            }
          }
        }
      },
      "styleProps": {
        "spacing": {
          "important": true
        }
      }
    },
    "lottie": {
      "type": "object",
      "selector": "{{selector}} .squad-lottie-wrapper .squad-lottie-player",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "srcType": {
              "groupSlug": "contentLottie",
              "attrName": "lottie.innerContent",
              "subName": "srcType",
              "label": "Source Type",
              "description": "Choose a source type to display from your lottie.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "remote": {
                      "label": "External URL"
                    },
                    "local": {
                      "label": "Upload"
                    }
                  }
                }
              }
            },
            "srcRemote": {
              "groupSlug": "contentLottie",
              "attrName": "lottie.innerContent",
              "subName": "srcRemote",
              "label": "External URL",
              "description": "Enter the URL of the Lottie JSON animation to display.",
              "features": {
                "dynamicContent": {
                  "type": "url"
                },
                "sticky": false,
                "hover": false,
                "responsive": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "srcUpload": {
              "groupSlug": "contentLottie",
              "attrName": "lottie.innerContent",
              "subName": "srcUpload",
              "label": "Upload a Lottie json",
              "description": "A json file is chosen for lottie.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/upload"
              }
            },
            "triggerMethod": {
              "groupSlug": "contentAnimation",
              "attrName": "lottie.innerContent",
              "subName": "triggerMethod",
              "label": "Animation Interaction",
              "description": "Here you can choose interactivity with your Lottie animation.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "hover": {
                      "label": "Play on hover/mouse over"
                    },
                    "click": {
                      "label": "Play on click"
                    },
                    "scroll": {
                      "label": "Play on scroll"
                    },
                    "play-on-show": {
                      "label": "Play when container is visible"
                    },
                    "freeze-click": {
                      "label": "Freeze on click"
                    },
                    "none": {
                      "label": "None"
                    }
                  }
                }
              }
            },
            "mouseoutAction": {
              "groupSlug": "contentAnimation",
              "attrName": "lottie.innerContent",
              "subName": "mouseoutAction",
              "label": "On Mouseout Action",
              "description": "Here you can choose an action when mouse out with your Lottie animation.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "no_action": {
                      "label": "No action"
                    },
                    "reverse": {
                      "label": "Reverse"
                    }
                  }
                }
              }
            },
            "clickAction": {
              "groupSlug": "contentAnimation",
              "attrName": "lottie.innerContent",
              "subName": "clickAction",
              "label": "On Click Action",
              "description": "Here you can choose an action when click with your Lottie animation.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "no_action": {
                      "label": "No action"
                    },
                    "lock": {
                      "label": "Lock animation"
                    }
                  }
                }
              }
            },
            "scroll": {
              "groupSlug": "contentAnimation",
              "attrName": "lottie.innerContent",
              "subName": "scroll",
              "label": "Relative To",
              "description": "Here you can choose a relation when scroll event with your Lottie animation.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 40,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "page": {
                      "label": "Entire page"
                    },
                    "row": {
                      "label": "Within this section/row"
                    }
                  }
                }
              }
            },
            "playOnHover": {
              "groupSlug": "contentAnimation",
              "attrName": "lottie.innerContent",
              "subName": "playOnHover",
              "label": "Play On Hover",
              "description": "Here you can choose whether or not your Lottie will animate on hover.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 50,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "loop": {
              "groupSlug": "contentAnimation",
              "attrName": "lottie.innerContent",
              "subName": "loop",
              "label": "Loop",
              "description": "Here you can choose whether or not your Lottie will animate in loop.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 60,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "loopNoTimes": {
              "groupSlug": "contentAnimation",
              "attrName": "lottie.innerContent",
              "subName": "loopNoTimes",
              "label": "Amount Of Loops",
              "description": "Enter the number of times you wish to have the animation loop before stopping.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 70,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 100,
                  "step": 1,
                  "allowedUnits": [],
                  "defaultUnit": ""
                }
              }
            },
            "delay": {
              "groupSlug": "contentAnimation",
              "attrName": "lottie.innerContent",
              "subName": "delay",
              "label": "Delay",
              "description": "Delay the lottie animation (in ms).",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 80,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 8000,
                  "step": 1,
                  "allowedUnits": [],
                  "defaultUnit": ""
                }
              }
            },
            "speed": {
              "groupSlug": "contentAnimation",
              "attrName": "lottie.innerContent",
              "subName": "speed",
              "label": "Animation Speed",
              "description": "The speed of the animation.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 90,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0.1,
                  "max": 2.5,
                  "step": 0.1,
                  "allowedUnits": [],
                  "defaultUnit": ""
                }
              }
            },
            "mode": {
              "groupSlug": "contentAnimation",
              "attrName": "lottie.innerContent",
              "subName": "mode",
              "label": "Play Mode",
              "description": "Here you can choose play mode for your Lottie animation.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 100,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "normal": {
                      "label": "Normal"
                    },
                    "bounce": {
                      "label": "Reverse on complete"
                    }
                  }
                }
              }
            },
            "direction": {
              "groupSlug": "contentAnimation",
              "attrName": "lottie.innerContent",
              "subName": "direction",
              "label": "Direction",
              "description": "Here you can choose play direction for your Lottie animation.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 110,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "1": {
                      "label": "Normal"
                    },
                    "-1": {
                      "label": "Reverse"
                    }
                  }
                }
              }
            },
            "renderer": {
              "groupSlug": "contentAnimation",
              "attrName": "lottie.innerContent",
              "subName": "renderer",
              "label": "Render",
              "description": "Here you can choose renderer for your Lottie animation.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 120,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "svg": {
                      "label": "SVG"
                    },
                    "canvas": {
                      "label": "Canvas"
                    }
                  }
                }
              }
            },
            "color": {
              "groupSlug": "designLottie",
              "attrName": "lottie.innerContent",
              "subName": "color",
              "label": "Lottie Color",
              "description": "Here you can define a custom color for lottie image.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            },
            "width": {
              "groupSlug": "designLottie",
              "attrName": "lottie.innerContent",
              "subName": "width",
              "label": "Lottie Width",
              "description": "Here you can choose lottie width.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 1,
                  "max": 200,
                  "step": 1,
                  "defaultUnit": "px"
                }
              }
            },
            "height": {
              "groupSlug": "designLottie",
              "attrName": "lottie.innerContent",
              "subName": "height",
              "label": "Lottie Height",
              "description": "Here you can choose lottie height.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 1,
                  "max": 200,
                  "step": 1,
                  "defaultUnit": "px"
                }
              }
            }
          }
        }
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "srcType": "remote",
              "triggerMethod": "freeze-click",
              "mouseoutAction": "no_action",
              "clickAction": "no_action",
              "scroll": "row",
              "playOnHover": "off",
              "loop": "off",
              "loopNoTimes": "0",
              "delay": "0",
              "speed": "1",
              "mode": "normal",
              "direction": "1",
              "renderer": "svg"
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "lottieWrapper": {
      "label": "Lottie Wrapper",
      "subName": "lottieWrapper",
      "selectorSuffix": " .squad-lottie-wrapper"
    },
    "lottieContainer": {
      "label": "Lottie Container",
      "subName": "lottieContainer",
      "selectorSuffix": " .lottie-player-container"
    }
  },
  "settings": {
    "groups": {
      "contentLottie": {
        "panel": "content",
        "priority": 10,
        "groupName": "lottie",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Lottie"
          }
        }
      },
      "contentAnimation": {
        "panel": "content",
        "priority": 20,
        "groupName": "lottie",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Animation Options"
          }
        }
      },
      "designLottie": {
        "panel": "design",
        "priority": 10,
        "groupName": "lottie",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Lottie"
          }
        }
      }
    }
  }
}