{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "folioblocks/before-after-block",
  "version": "1.0.4",
  "title": "Before & After Block",
  "category": "folioblocks",
  "icon": "<svg viewBox=\"0 0 1247.24 1247.24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-hidden=\"true\"><g data-name=\"Layer 1\" id=\"Layer_1-2\"><g><path d=\"m946.7782,109.66665l-794.55635,0c-20.65196,0 -37.49961,16.9725 -37.49961,37.7775l0,800.44495c0,20.80505 16.84765,37.77747 37.49961,37.77747l794.55635,0c20.65198,0 37.49963,-16.97241 37.49963,-37.77747l0,-800.44495c0,-20.805 -16.84766,-37.7775 -37.49963,-37.7775zm-793.46941,38.87251l376.62633,0l0,797.70749l-376.62633,0l0,-797.70749zm792.38255,798.25504l-376.62634,0l0,-798.25504l376.62634,0l0,797.70749l0,0.54755z\"/><g><path d=\"m407.65381,421.19415l0,252.39758l-125.54214,-126.4726l125.54214,-126.4725m16.3042,-55.29752c-3.80435,0 -7.60864,1.64246 -10.86948,4.92755l-165.21562,166.43994c-5.97818,6.02252 -5.97818,16.42499 0,22.44751l165.21562,166.44006c3.26083,3.28503 7.06512,4.92749 10.86948,4.92749c8.15207,0 15.76065,-6.57001 15.76065,-15.87756l0,-332.87997c0,-9.30746 -7.60858,-15.8775 -15.76065,-15.8775l0,0l0,-0.54752z\"/><path d=\"m691.34631,421.19415l125.54211,126.47247l-125.54211,126.47247l0,-252.39749m-16.30414,-56.39249c-8.15216,0 -15.76068,6.57004 -15.76068,15.8775l0,332.88007c0,9.3075 7.60852,15.8775 15.76068,15.8775c3.80426,0 7.60852,-1.64252 10.86938,-4.92755l165.21552,-166.44006c5.97821,-6.02246 5.97821,-16.42499 0,-22.44745l-165.21552,-166.43997c-3.26086,-3.285 -7.06512,-4.92752 -10.86938,-4.92752l0,0l0,0.54749z\"/></g></g></g></svg>",
  "description": "Provides a slider to compare two images side-by-side or top-to-bottom.",
  "example": {
    "attributes": {
      "preview": true
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "color": {
      "background": true,
      "gradients": true,
      "text": false
    },
    "spacing": {
      "margin": true,
      "padding": true
    },
    "customClassName": false,
    "anchor": 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
    },
    "beforeImage": {
      "type": "object",
      "default": null
    },
    "afterImage": {
      "type": "object",
      "default": null
    },
    "resolution": {
      "type": "string",
      "default": "large"
    },
    "sliderOrientation": {
      "type": "string",
      "default": "horizontal"
    },
    "startingPosition": {
      "type": "number",
      "default": 50
    },
    "showLabels": {
      "type": "boolean",
      "default": false
    },
    "labelPosition": {
      "type": "string",
      "default": "center"
    },
    "labelTextColor": {
      "type": "string",
      "default": "#ffffff"
    },
    "labelBackgroundColor": {
      "type": "string",
      "default": "rgba(0, 0, 0, 0.6)"
    },
    "sliderColor": {
      "type": "string",
      "default": "#ffffff"
    },
    "disableRightClick": {
      "type": "boolean",
      "default": false
    },
    "lazyLoad": {
      "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"
  ]
}