{
  "name": "woolentor/image-marker",
  "category": "woolentor-blocks",
  "title": "WL: Image Marker",
  "description": "Display image marker / product hotspots.",
  "keywords": [
    "woolentor",
    "shop idicator",
    "image indicator",
    "marker",
    "image marker"
  ],
  "supports": {
    "align": [
      "wide",
      "full"
    ]
  },
  "attributes": {
    "blockUniqId": {
      "type": "string",
      "default": ""
    },
    "bgProperty": {
      "type": "object",
      "default": {
        "imageId": null,
        "imageUrl": "",
        "position": "",
        "attachment": "",
        "repeat": "",
        "size": ""
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}}"
      }
    },
    "style": {
      "type": "string",
      "default": "1"
    },
    "markerList": {
      "type": "array",
      "default": [
        {
          "title": "Marker One",
          "content": "Lorem ipsum pisaci volupt atem accusa saes ntisdumtiu loperm asaerks.",
          "horizontal": 50,
          "verticle": 15
        },
        {
          "title": "Marker Two",
          "content": "Lorem ipsum pisaci volupt atem accusa saes ntisdumtiu loperm asaerks.",
          "horizontal": 40,
          "verticle": 20
        },
        {
          "title": "Marker Three",
          "content": "Lorem ipsum pisaci volupt atem accusa saes ntisdumtiu loperm asaerks.",
          "horizontal": 60,
          "verticle": 30
        }
      ]
    },
    "markerColor": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer::before { color: {{markerColor}}; }"
      }
    },
    "markerBGColor": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer { background-color: {{markerBGColor}}; }"
      }
    },
    "markerBorder": {
      "type": "object",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer"
      }
    },
    "markerBorderRadius": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer { border-radius: {{markerBorderRadius}}; }"
      }
    },
    "markerPadding": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer { padding: {{markerPadding}}; }"
      }
    },
    "markerContentBGColor": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer .wlb_pointer_box { background-color: {{markerContentBGColor}}; }"
      }
    },
    "markerContentBorderRadius": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer .wlb_pointer_box { border-radius: {{markerContentBorderRadius}}; }"
      }
    },
    "markerContentPadding": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer .wlb_pointer_box { padding: {{markerContentPadding}}; }"
      }
    },
    "markerTitleColor": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer .wlb_pointer_box h4 { color: {{markerTitleColor}}; }"
      }
    },
    "markerTitleTypography": {
      "type": "object",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer .wlb_pointer_box h4"
      }
    },
    "markerTitleSize": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer .wlb_pointer_box h4 { font-size: {{markerTitleSize}}; }"
      },
      "deprecated": true,
      "_comment": "legacy font size before markerTitleTypography"
    },
    "markerTitleMargin": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer .wlb_pointer_box h4 { margin: {{markerTitleMargin}}; }"
      }
    },
    "markerDescriptionColor": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer .wlb_pointer_box p { color: {{markerDescriptionColor}}; }"
      }
    },
    "markerDescriptionTypography": {
      "type": "object",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer .wlb_pointer_box p"
      }
    },
    "markerDescriptionSize": {
      "type": "string",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer .wlb_pointer_box p { font-size: {{markerDescriptionSize}}; }"
      },
      "deprecated": true,
      "_comment": "legacy font size before markerDescriptionTypography"
    },
    "markerDescriptionMargin": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} .wlb_image_pointer .wlb_pointer_box p { margin: {{markerDescriptionMargin}}; }"
      }
    },
    "markerImageBorder": {
      "type": "object",
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}}"
      }
    },
    "markerImageBorderRadius": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": "",
        "unit": "px",
        "link": "yes"
      },
      "style": {
        "selector": "{{WOOLENTOR_WRAPPER}} { border-radius: {{markerImageBorderRadius}}; }"
      }
    }
  }
}