{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "flexa/modal",
  "version": "1.0.0",
  "title": "Modal",
  "category": "flexa",
  "description": "A pop-up dialog opened by a button, text, image or icon trigger and filled with any inner blocks — set the modal width, max-height, padding, background and radius, the overlay colour, the close button, and show-once, click-overlay and press-escape behaviour.",
  "keywords": [
    "flexa",
    "modal",
    "popup",
    "dialog",
    "lightbox",
    "overlay"
  ],
  "textdomain": "flexa-block",
  "attributes": {
    "blockId": {
      "type": "string"
    },
    "triggerType": {
      "type": "string",
      "default": "button",
      "enum": [
        "button",
        "text",
        "image",
        "icon"
      ]
    },
    "triggerText": {
      "type": "string",
      "default": "Open"
    },
    "triggerIcon": {
      "type": "object",
      "default": {
        "source": "none",
        "name": "",
        "markup": "",
        "url": "",
        "id": null
      }
    },
    "triggerImage": {
      "type": "object",
      "default": {
        "id": null,
        "url": "",
        "alt": "",
        "width": null,
        "height": null
      }
    },
    "triggerAlign": {
      "type": "object",
      "default": {
        "desktop": "",
        "tablet": "",
        "mobile": ""
      }
    },
    "triggerTypography": {
      "type": "object",
      "default": {
        "desktop": {},
        "tablet": {},
        "mobile": {}
      }
    },
    "triggerTextColor": {
      "type": "object",
      "default": {
        "light": "",
        "dark": ""
      }
    },
    "triggerTextColorHover": {
      "type": "object",
      "default": {
        "light": "",
        "dark": ""
      }
    },
    "triggerBackground": {
      "type": "object",
      "default": {
        "light": "",
        "dark": ""
      }
    },
    "triggerBackgroundHover": {
      "type": "object",
      "default": {
        "light": "",
        "dark": ""
      }
    },
    "triggerPadding": {
      "type": "object",
      "default": {
        "desktop": {},
        "tablet": {},
        "mobile": {}
      }
    },
    "triggerRadius": {
      "type": "object",
      "default": {
        "value": "",
        "unit": "px"
      }
    },
    "triggerIconSize": {
      "type": "object",
      "default": {
        "value": "",
        "unit": "px"
      }
    },
    "modalWidth": {
      "type": "object",
      "default": {
        "desktop": {
          "value": "600",
          "unit": "px"
        },
        "tablet": {},
        "mobile": {}
      }
    },
    "modalMaxHeight": {
      "type": "object",
      "default": {
        "desktop": {},
        "tablet": {},
        "mobile": {}
      }
    },
    "modalPadding": {
      "type": "object",
      "default": {
        "desktop": {},
        "tablet": {},
        "mobile": {}
      }
    },
    "modalBackground": {
      "type": "object",
      "default": {
        "light": "",
        "dark": ""
      }
    },
    "modalRadius": {
      "type": "object",
      "default": {
        "value": "",
        "unit": "px"
      }
    },
    "overlayColor": {
      "type": "object",
      "default": {
        "light": "",
        "dark": ""
      }
    },
    "closeIconSize": {
      "type": "object",
      "default": {
        "value": "",
        "unit": "px"
      }
    },
    "closeIconColor": {
      "type": "object",
      "default": {
        "light": "",
        "dark": ""
      }
    },
    "closePosition": {
      "type": "string",
      "default": "inside",
      "enum": [
        "inside",
        "outside"
      ]
    },
    "showOnce": {
      "type": "boolean",
      "default": false
    },
    "closeOnOverlay": {
      "type": "boolean",
      "default": true
    },
    "closeOnEsc": {
      "type": "boolean",
      "default": true
    },
    "spacing": {
      "type": "object",
      "default": {
        "desktop": {},
        "tablet": {},
        "mobile": {}
      }
    },
    "border": {
      "type": "object",
      "default": {
        "desktop": {
          "style": "",
          "width": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": "",
            "unit": "px"
          },
          "color": {
            "light": "",
            "dark": ""
          },
          "radius": {
            "topLeft": "",
            "topRight": "",
            "bottomRight": "",
            "bottomLeft": "",
            "unit": "px"
          }
        },
        "tablet": {},
        "mobile": {}
      }
    },
    "boxShadow": {
      "type": "object",
      "default": {
        "horizontal": "0",
        "vertical": "10",
        "blur": "40",
        "spread": "0",
        "color": {
          "light": "rgba(0,0,0,0.2)",
          "dark": ""
        },
        "inset": false,
        "enabled": false
      }
    },
    "responsiveVisibility": {
      "type": "object",
      "default": {
        "hideOnDesktop": false,
        "hideOnTablet": false,
        "hideOnMobile": false
      }
    },
    "animation": {
      "type": "object",
      "default": {
        "type": "none",
        "duration": "normal",
        "delay": ""
      }
    },
    "htmlAttributes": {
      "type": "object",
      "default": {
        "customAttributes": []
      }
    }
  },
  "supports": {
    "anchor": true,
    "className": true,
    "html": false
  },
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js",
  "render": "file:./render.php"
}