{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bloqra/slider",
  "version": "1.0.0",
  "title": "Slider",
  "category": "bloqra",
  "icon": "slides",
  "description": "Slide anything. Each slide is a free-form canvas for any blocks — images, headings, groups, columns, whole hero sections — with arrows, dots and optional autoplay. Slides scroll natively on touch and keep working even without JavaScript.",
  "keywords": [
    "slider",
    "carousel",
    "slides",
    "slideshow",
    "hero",
    "content slider"
  ],
  "allowedBlocks": [
    "bloqra/slide"
  ],
  "example": {
    "attributes": {
      "perView": 1
    },
    "innerBlocks": [
      {
        "name": "bloqra/slide",
        "innerBlocks": [
          {
            "name": "core/heading",
            "attributes": {
              "level": 3,
              "content": "First slide"
            }
          },
          {
            "name": "core/paragraph",
            "attributes": {
              "content": "Any blocks can live here."
            }
          }
        ]
      },
      {
        "name": "bloqra/slide",
        "innerBlocks": [
          {
            "name": "core/heading",
            "attributes": {
              "level": 3,
              "content": "Second slide"
            }
          },
          {
            "name": "core/paragraph",
            "attributes": {
              "content": "Images, buttons, columns — anything."
            }
          }
        ]
      }
    ]
  },
  "attributes": {
    "perView": {
      "type": "number",
      "default": 1
    },
    "arrows": {
      "type": "boolean",
      "default": true
    },
    "dots": {
      "type": "boolean",
      "default": true
    },
    "autoplay": {
      "type": "boolean",
      "default": false
    },
    "interval": {
      "type": "number",
      "default": 5
    },
    "pauseOnHover": {
      "type": "boolean",
      "default": true
    },
    "loop": {
      "type": "boolean",
      "default": false
    },
    "scrollBy": {
      "type": "string",
      "default": ""
    },
    "peek": {
      "type": "string",
      "default": ""
    },
    "arrowPlacement": {
      "type": "string",
      "default": ""
    },
    "arrowSize": {
      "type": "string",
      "default": ""
    },
    "dotStyle": {
      "type": "string",
      "default": ""
    },
    "arrowColor": {
      "type": "string",
      "default": ""
    },
    "arrowBgColor": {
      "type": "string",
      "default": ""
    },
    "dotColor": {
      "type": "string",
      "default": ""
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "listView": true,
    "color": {
      "text": true,
      "background": true,
      "gradients": true,
      "link": true
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true
    },
    "spacing": {
      "padding": true,
      "margin": true,
      "blockGap": true,
      "__experimentalSkipSerialization": [
        "blockGap"
      ],
      "__experimentalDefaultControls": {
        "blockGap": true
      }
    },
    "shadow": true,
    "typography": {
      "fontSize": true,
      "lineHeight": true,
      "__experimentalFontFamily": true,
      "__experimentalFontWeight": true,
      "__experimentalFontStyle": true,
      "__experimentalTextTransform": true,
      "__experimentalTextDecoration": true,
      "__experimentalLetterSpacing": true
    }
  },
  "textdomain": "bloqra",
  "editorScript": [
    "bloqra-icons",
    "file:./index.js"
  ],
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js"
}