{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpivb/image-viewer-directory",
  "title": "Image Viewer",
  "description": "Turn an image into an interactive viewer: zoom, magnify, image map and 360° panorama rotation.",
  "category": "widgets",
  "keywords": [
    "image",
    "viewer",
    "block",
    "zoom",
    "magnify",
    "map",
    "panorama"
  ],
  "textdomain": "image-viewer",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "cId": {
      "type": "string",
      "default": ""
    },
    "img": {
      "type": "object",
      "default": {
        "id": null,
        "url": "https://templates.bplugins.com/wp-content/uploads/2025/02/n-39.jpg",
        "alt": "",
        "title": ""
      }
    },
    "viewerType": {
      "type": "string",
      "default": "map"
    },
    "maps": {
      "type": "array",
      "default": [
        {
          "mapColor": "#ddd6",
          "mapBorder": {
            "color": "#080714e0",
            "width": "0px",
            "style": "solid"
          },
          "mapShow": false,
          "top": 100,
          "left": 100,
          "width": 100,
          "height": 100,
          "shape": "rect",
          "link": "https://bplugins.com/",
          "title": "bPlugins",
          "target": "_blank"
        }
      ]
    },
    "zoom": {
      "type": "object",
      "default": {
        "disablePan": false,
        "disableZoom": false,
        "disableXAxis": false,
        "disableYAxis": false,
        "duration": 200,
        "panOnlyWhenZoomed": false,
        "startScale": 1,
        "step": 0.3,
        "contain": "null",
        "border": {
          "color": "#11d67400",
          "width": "2px",
          "style": "solid"
        }
      }
    },
    "magnify": {
      "type": "object",
      "default": {
        "shadow": [
          {
            "hOffset": "0px",
            "vOffset": "0px",
            "blur": "0px",
            "spreed": "7px",
            "color": "rgba(255, 255, 255, 0.85)",
            "isInset": true
          }
        ],
        "speed": 200,
        "timeOut": -1,
        "finalWidth": 500,
        "finalHeight": 500,
        "magnifieWidth": 500,
        "magnifieHeight": 500,
        "limitBounds": true,
        "height": 200
      }
    },
    "width": {
      "type": "string",
      "default": "100%"
    },
    "height": {
      "type": "string",
      "default": "320px"
    },
    "autoRotate": {
      "type": "boolean",
      "default": true
    },
    "rotateSpeed": {
      "type": "number",
      "default": 2
    },
    "hideControl": {
      "type": "boolean",
      "default": true
    },
    "autoPlay": {
      "type": "boolean",
      "default": true
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {
      "preview": true,
      "columns": {
        "desktop": 1,
        "tablet": 1,
        "mobile": 1
      }
    }
  },
  "editorScript": [
    "file:./index.js",
    "jquery",
    "bpivb-panzoom",
    "bpivb-magnify",
    "bpivb-three",
    "bpivb-panoramajs",
    "wp-api",
    "wp-util"
  ],
  "editorStyle": [
    "file:./index.css",
    "bpivb-magnify"
  ],
  "style": [
    "file:./Frontend/view.css",
    "bpivb-magnify"
  ],
  "render": "file:./render.php",
  "viewScript": [
    "file:./Frontend/view.js",
    "jquery",
    "bpivb-panzoom",
    "bpivb-magnify",
    "bpivb-three",
    "bpivb-panoramajs"
  ]
}