{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "folioblocks/pb-loupe-block",
  "version": "1.2",
  "title": "Loupe Block",
  "category": "folioblocks",
  "icon": "<svg viewBox=\"0 0 1247.24 1247.24\" width=\"24\" height=\"24\" role=\"img\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M415 130H176c-30 0-55 25-55 55v239h55V185h239v-55zM832 130h239c30 0 55 25 55 55v239h-55V185H832v-55zM1117 832v239c0 30-25 55-55 55H832v-55h239V832h55zM415 1117H176c-30 0-55-25-55-55V832h55v239h239v46z\"/><path d=\"M580 350 A230 230 0 1 1 579.9 350 M580 440 A140 140 0 1 0 580.1 440\"/><path d=\"M707 707l243 243 40-40-243-243-40 40z\"/></svg>",
  "description": "Magnify part of an image with a circular loupe.",
  "example": {
    "attributes": {
      "preview": true
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "color": {
      "background": true,
      "gradients": false,
      "text": false
    },
    "spacing": {
      "margin": true,
      "padding": true
    },
    "anchor": false,
    "customClassName": false,
    "ariaLabel": true,
    "html": false,
    "shadow": true,
    "border": true,
    "__experimentalStyle": {
      "shadow": {
        "cssProperty": "box-shadow"
      },
      "border": {
        "cssProperty": "border"
      },
      "borderRadius": {
        "cssProperty": "border-radius"
      }
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true,
      "__experimentalDefaultControls": {
        "color": true,
        "radius": true,
        "style": true,
        "width": true
      }
    }
  },
  "attributes": {
    "preview": {
      "type": "boolean",
      "default": false
    },
    "id": {
      "type": "number"
    },
    "url": {
      "type": "string"
    },
    "alt": {
      "type": "string",
      "default": ""
    },
    "resolution": {
      "type": "string",
      "default": "large"
    },
    "availableSize": {
      "type": "array",
      "items": {
        "type": "string"
      },
      "default": []
    },
    "magnification": {
      "type": "number",
      "default": 10
    },
    "loupeSize": {
      "type": "number",
      "default": 150
    },
    "loupeShape": {
      "type": "string",
      "default": "circle"
    },
    "loupeTheme": {
      "type": "string",
      "default": "light"
    },
    "loupeBorderWidth": {
      "type": "number",
      "default": 2
    },
    "loupeBorderColor": {
      "type": "string",
      "default": "#ffffff"
    },
    "lazyLoad": {
      "type": "boolean",
      "default": false
    },
    "disableRightClick": {
      "type": "boolean",
      "default": false
    }
  },
  "textdomain": "folioblocks",
  "editorScript": [
    "file:./index.js",
    "file:./premium.js"
  ],
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "render": "file:./render.php",
  "viewScript": [
    "file:./view.js",
    "file:./premium-view.js"
  ]
}