{
    "apiVersion": "1",
    "name": "csb/content-slider-block",
    "title": "Content Slider",
    "description": "Display slider in a beautiful way.",
    "category": "widgets",
    "keywords": [
        "carousel slider",
        "content carousel",
        "custom slider"
    ],
    "textdomain": "content-slider-block",
    "attributes": {
        "align": {
            "type": "string",
            "default": ""
        },
        "cId": {
            "type": "string",
            "default": ""
        },
        "slides": {
            "type": "array",
            "default": [
                {
                    "background": {
                        "color": "#00000080"
                    },
                    "position": "center center",
                    "title": "Slide Title 1",
                    "titleColor": "#fff",
                    "description": "This content area describes slider 1 descriptions/details.",
                    "descColor": "#fff",
                    "btnText": "Button 1",
                    "btnLink": "#",
                    "btnColors": {
                        "color": "#fff",
                        "bg": "#4527a4"
                    },
                    "btnHovColors": {
                        "color": "#fff",
                        "bg": "#8344c5"
                    }
                },
                {
                    "background": {
                        "color": "#00000080"
                    },
                    "position": "center center",
                    "title": "Slide Title 2",
                    "titleColor": "#fff",
                    "description": "This content area describes slider 2 descriptions/details.",
                    "descColor": "#fff",
                    "btnText": "Button 2",
                    "btnLink": "#",
                    "btnColors": {
                        "color": "#fff",
                        "bg": "#4527a4"
                    },
                    "btnHovColors": {
                        "color": "#fff",
                        "bg": "#8344c5"
                    }
                }
            ]
        },
        "columns": {
            "type": "object",
            "default": {
                "desktop": 1,
                "tablet": 1,
                "mobile": 1
            }
        },
        "columnGap": {
            "type": "string",
            "default": 15
        },
        "sliderWidth": {
            "type": "string",
            "default": "100%"
        },
        "sliderHeight": {
            "type": "string",
            "default": "400px"
        },
        "sliderAlign": {
            "type": "string",
            "default": "center"
        },
        "isLoop": {
            "type": "boolean",
            "default": true
        },
        "isTouchMove": {
            "type": "boolean",
            "default": false
        },
        "isAutoplay": {
            "type": "boolean",
            "default": true
        },
        "speed": {
            "type": "number",
            "default": 1.5
        },
        "effect": {
            "type": "string",
            "default": "slide"
        },
        "isPage": {
            "type": "boolean",
            "default": true
        },
        "isPageClickable": {
            "type": "boolean",
            "default": true
        },
        "isPageDynamic": {
            "type": "boolean",
            "default": true
        },
        "pageColor": {
            "type": "string",
            "default": "#fff"
        },
        "pageWidth": {
            "type": "string",
            "default": "15px"
        },
        "pageHeight": {
            "type": "string",
            "default": "15px"
        },
        "pageBorder": {
            "type": "object",
            "default": {
                "radius": "50%"
            }
        },
        "isPrevNext": {
            "type": "boolean",
            "default": true
        },
        "prevNextColor": {
            "type": "string",
            "default": "#fff"
        },
        "isTitle": {
            "type": "boolean",
            "default": true
        },
        "titleTypo": {
            "type": "object",
            "default": {
                "fontSize": 25
            }
        },
        "titleColor": {
            "type": "string",
            "default": ""
        },
        "titleMargin": {
            "type": "object",
            "default": {
                "bottom": "15px"
            }
        },
        "isDesc": {
            "type": "boolean",
            "default": true
        },
        "descTypo": {
            "type": "object",
            "default": {
                "fontSize": 15
            }
        },
        "descColor": {
            "type": "string",
            "default": ""
        },
        "descMargin": {
            "type": "object",
            "default": {
                "bottom": "15px"
            }
        },
        "isBtn": {
            "type": "boolean",
            "default": true
        },
        "btnTypo": {
            "type": "object",
            "default": {
                "fontSize": 16
            }
        },
        "btnColors": {
            "type": "string",
            "default": ""
        },
        "btnHovColors": {
            "type": "string",
            "default": ""
        },
        "btnPadding": {
            "type": "object",
            "default": {
                "vertical": "12px",
                "horizontal": "35px"
            }
        },
        "btnBorder": {
            "type": "object",
            "default": {
                "radius": "3px"
            }
        }
    },
    "supports": {
        "align": [
            "wide",
            "full"
        ],
        "html": false
    },
    "example": {
        "attributes": {
            "preview": true,
            "columns": {
                "desktop": 1,
                "tablet": 1,
                "mobile": 1
            }
        }
    },
    "editorScript": "file:./dist/editor.js",
    "style": "file:./dist/style.css"
}