{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "squad-modules/image-hotspot-pin",
  "d4Shortcode": "disq_image_hotspot_pin",
  "title": "Image Hotspot Pin",
  "titles": "Image Hotspot Pins",
  "moduleIcon": "squad-modules/image-hotspots",
  "moduleClassName": "disq_image_hotspot_pin",
  "category": "child-module",
  "folder": "squad-modules",
  "parentModuleName": "squad-modules/image-hotspots",
  "allowAllElements": true,
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "decoration": {
          "background": {},
          "border": {},
          "boxShadow": {},
          "disabledOn": {},
          "filters": {},
          "font": {},
          "spacing": {}
        }
      },
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Image Hotspot Pin"
            }
          }
        }
      }
    },
    "slideItem": {
      "type": "object",
      "selector": "{{selector}} .squad-hotspots__tooltip",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "posX": {
              "groupSlug": "contentPosition",
              "attrName": "slideItem.innerContent",
              "subName": "posX",
              "label": "Position X (%)",
              "description": "Horizontal position of the pin as a percent of the image width.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 100,
                  "step": 1,
                  "allowedUnits": [],
                  "defaultUnit": ""
                }
              }
            },
            "posY": {
              "groupSlug": "contentPosition",
              "attrName": "slideItem.innerContent",
              "subName": "posY",
              "label": "Position Y (%)",
              "description": "Vertical position of the pin as a percent of the image height.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 100,
                  "step": 1,
                  "allowedUnits": [],
                  "defaultUnit": ""
                }
              }
            },
            "markerType": {
              "groupSlug": "contentMarker",
              "attrName": "slideItem.innerContent",
              "subName": "markerType",
              "label": "Marker Type",
              "description": "What to show inside the hotspot pin.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "dot": {
                      "label": "Dot"
                    },
                    "icon": {
                      "label": "Icon"
                    },
                    "number": {
                      "label": "Number"
                    }
                  }
                }
              }
            },
            "icon": {
              "groupSlug": "contentMarker",
              "attrName": "slideItem.innerContent",
              "subName": "icon",
              "label": "Marker Icon",
              "description": "Icon shown when Marker Type is Icon.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/icon-picker"
              }
            },
            "number": {
              "groupSlug": "contentMarker",
              "attrName": "slideItem.innerContent",
              "subName": "number",
              "label": "Marker Number",
              "description": "Number shown when Marker Type is Number.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "tooltipTitle": {
              "groupSlug": "contentTooltip",
              "attrName": "slideItem.innerContent",
              "subName": "tooltipTitle",
              "label": "Tooltip Title",
              "description": "The heading shown inside the tooltip.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "tooltipContent": {
              "groupSlug": "contentTooltip",
              "attrName": "slideItem.innerContent",
              "subName": "tooltipContent",
              "label": "Tooltip Content",
              "description": "The body text shown inside the tooltip.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/textarea"
              }
            },
            "tooltipPosition": {
              "groupSlug": "contentTooltip",
              "attrName": "slideItem.innerContent",
              "subName": "tooltipPosition",
              "label": "Tooltip Position",
              "description": "Where the tooltip appears relative to the pin.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "top": {
                      "label": "Top"
                    },
                    "bottom": {
                      "label": "Bottom"
                    },
                    "left": {
                      "label": "Left"
                    },
                    "right": {
                      "label": "Right"
                    }
                  }
                }
              }
            }
          }
        }
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "posX": "50",
              "posY": "50",
              "markerType": "dot",
              "icon": "",
              "number": "",
              "tooltipTitle": "Hotspot",
              "tooltipContent": "Describe this point of interest.",
              "tooltipPosition": "top"
            }
          }
        }
      }
    },
    "marker": {
      "type": "object",
      "selector": "{{selector}} .squad-hotspots__marker",
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designMarker",
              "attrName": "marker.decoration.background",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/background",
                "type": "group"
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designMarker",
              "attrName": "marker.decoration.border",
              "priority": 20,
              "render": true,
              "component": {
                "name": "divi/border",
                "type": "group"
              }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designMarker",
              "attrName": "marker.decoration.boxShadow",
              "priority": 30,
              "render": true,
              "component": {
                "name": "divi/box-shadow",
                "type": "group"
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designMarker",
              "attrName": "marker.decoration.spacing",
              "priority": 40,
              "render": true,
              "component": {
                "name": "divi/spacing",
                "type": "group"
              }
            }
          }
        }
      }
    },
    "tooltip": {
      "type": "object",
      "selector": "{{selector}} .squad-hotspots__tooltip",
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "attrName": "tooltip.decoration.background",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/background",
                "type": "group"
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "attrName": "tooltip.decoration.border",
              "priority": 20,
              "render": true,
              "component": {
                "name": "divi/border",
                "type": "group"
              }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "attrName": "tooltip.decoration.boxShadow",
              "priority": 30,
              "render": true,
              "component": {
                "name": "divi/box-shadow",
                "type": "group"
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "attrName": "tooltip.decoration.spacing",
              "priority": 40,
              "render": true,
              "component": {
                "name": "divi/spacing",
                "type": "group"
              }
            }
          }
        }
      }
    }
  },
  "settings": {
    "groups": {
      "contentPosition": {
        "panel": "content",
        "priority": 10,
        "groupName": "position",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Position"
          }
        }
      },
      "contentMarker": {
        "panel": "content",
        "priority": 20,
        "groupName": "marker",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Marker"
          }
        }
      },
      "contentTooltip": {
        "panel": "content",
        "priority": 30,
        "groupName": "tooltip",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Tooltip"
          }
        }
      },
      "designMarker": {
        "panel": "design",
        "priority": 10,
        "groupName": "designMarker",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Marker"
          }
        }
      },
      "designTooltip": {
        "panel": "design",
        "priority": 20,
        "groupName": "designTooltip",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Tooltip"
          }
        }
      }
    }
  }
}