{
    "$schema": "https://schemas.wp.org/trunk/block.json",
    "apiVersion": 3,
    "name": "smart-social-media-buttons/main",
    "version": "1.0.1",
    "title": "Smart Social Media Buttons",
    "category": "widgets",
    "description": "A widget for adding social media icon buttons with custom URLs.",
	"attributes": {
		"blockName": { "type": "string", "default": "smart-social-media-buttons/main" },
		"uniqueClass": { "type": "string", "default": "" },

		"alignmentMode": { "type": "string", "default": "horizontal" },
		"horizontalAlignDesktop": { "type": "string", "default": "flex-start" },
		"horizontalAlignTablet": { "type": "string", "default": "" },
		"horizontalAlignMobile": { "type": "string", "default": "" },

		"verticalAlignDesktop": { "type": "string", "default": "flex-start" },
		"verticalAlignTablet": { "type": "string", "default": "" },
		"verticalAlignMobile": { "type": "string", "default": "" },

		"columnGapDesktop": { "type": "number", "default": 10 },
		"columnGapTablet": { "type": "number", "default": "" },
		"columnGapMobile": { "type": "number", "default": "" },

		"rowGapDesktop": { "type": "number", "default": 10 },
		"rowGapTablet": { "type": "number", "default": "" },
		"rowGapMobile": { "type": "number", "default": "" },

		"fullWidth": { "type": "boolean", "default": false },
		"flexWrap": { "type": "string", "default": "wrap" },

		"minHeightDesktop": { "type": "number", "default": 80 },
		"minHeightTablet": { "type": "number", "default": "" },
		"minHeightMobile": { "type": "number", "default": "" },

		"contentVerticalAlignDesktop": { "type": "string", "default": "flex-start" },
		"contentVerticalAlignTablet": { "type": "string", "default": "" },
		"contentVerticalAlignMobile": { "type": "string", "default": "" },

		"maxWidthDesktop": { "type": "number", "default": 1500 },
		"maxWidthTablet": { "type": "number", "default": "" },
		"maxWidthMobile": { "type": "number", "default": "" },

		"contentHorizontalAlignDesktop": { "type": "string", "default": "flex-start" },
		"contentHorizontalAlignTablet": { "type": "string", "default": "" },
		"contentHorizontalAlignMobile": { "type": "string", "default": "" },

		"paddingSync": { "type": "boolean", "default": true },

		"paddingTopDesktop": { "type": "number", "default": 10 },
		"paddingTopTablet": { "type": "number", "default": 0 },
		"paddingTopMobile": { "type": "number", "default": 0 },

		"paddingRightDesktop": { "type": "number", "default": 10 },
		"paddingRightTablet": { "type": "number", "default": 0 },
		"paddingRightMobile": { "type": "number", "default": 0 },

		"paddingBottomDesktop": { "type": "number", "default": 10 },
		"paddingBottomTablet": { "type": "number", "default": 0 },
		"paddingBottomMobile": { "type": "number", "default": 0 },

		"paddingLeftDesktop": { "type": "number", "default": 10 },
		"paddingLeftTablet": { "type": "number", "default": 0 },
		"paddingLeftMobile": { "type": "number", "default": 0 },

		"marginSync": { "type": "boolean", "default": true },

		"marginTopDesktop": { "type": "number", "default": 0 },
		"marginTopTablet": { "type": "number", "default": 0 },
		"marginTopMobile": { "type": "number", "default": 0 },
		
		"marginRightDesktop": { "type": "number", "default": 0 },
		"marginRightTablet": { "type": "number", "default": 0 },
		"marginRightMobile": { "type": "number", "default": 0 },

		"marginBottomDesktop": { "type": "number", "default": 0 },
		"marginBottomTablet": { "type": "number", "default": 0 },
		"marginBottomMobile": { "type": "number", "default": 0 },

		"marginLeftDesktop": { "type": "number", "default": 0 },
		"marginLeftTablet": { "type": "number", "default": 0 },
		"marginLeftMobile": { "type": "number", "default": 0 },

		"backgroundMode": { "type": "string", "default": "solid" },
		"backgroundColor": { "type": "string", "default": "transparent" },
		"hoverBackgroundColor": { "type": "string", "default": null },
		"backgroundOpacity": { "type": "number", "default": 1 },
		"hoverBackgroundOpacity": { "type": "number", "default": 1 },
		"backgroundGradient": { "type": "string", "default": null },

		"backgroundImageDesktop": { "type": "string", "default": "" },
		"backgroundImageTablet": { "type": "string", "default": "" },
		"backgroundImageMobile": { "type": "string", "default": "" },

		"backgroundImageURLDesktop": { "type": "string", "default": "" },
		"backgroundImageURLTablet": { "type": "string", "default": "" },
		"backgroundImageURLMobile": { "type": "string", "default": "" },

		"backgroundFixed": { "type": "boolean", "default": false },
		"backgroundPosition": { "type": "string", "default": "" },
		"backgroundSize": { "type": "string", "default": "" },

		"backgroundCustomSizeDesktop": { "type": "number", "default": null },
		"backgroundCustomSizeTablet": { "type": "number", "default": null },
		"backgroundCustomSizeMobile": { "type": "number", "default": null },

		"backgroundRepeat": { "type": "string", "default": "" },
		"backgroundTint": { "type": "number", "default": 0 },
		"backgroundBlendMode": { "type": "string", "default": "" },

		"borderStyle": { "type": "string", "default": "none" },
		"borderColor": { "type": "string", "default": "#000000" },
		"borderOpacity": { "type": "number", "default": 1 },

		"borderTopWidthDesktop": { "type": "number", "default": 1 },
		"borderTopWidthTablet": { "type": "number", "default": "" },
		"borderTopWidthMobile": { "type": "number", "default": "" },

		"borderRightWidthDesktop": { "type": "number", "default": 1 },
		"borderRightWidthTablet": { "type": "number", "default": "" },
		"borderRightWidthMobile": { "type": "number", "default": "" },

		"borderBottomWidthDesktop": { "type": "number", "default": 1 },
		"borderBottomWidthTablet": { "type": "number", "default": "" },
		"borderBottomWidthMobile": { "type": "number", "default": "" },

		"borderLeftWidthDesktop": { "type": "number", "default": 1 },
		"borderLeftWidthTablet": { "type": "number", "default": "" },
		"borderLeftWidthMobile": { "type": "number", "default": "" },

		"borderWidthSync": { "type": "boolean", "default": true },
		"hoverBorderColor": { "type": "string", "default": "" },
		"hoverBorderOpacity": { "type": "number", "default": 1 },

		"hoverBorderTopWidthDesktop": { "type": "number", "default": "" },
		"hoverBorderTopWidthTablet": { "type": "number", "default": "" },
		"hoverBorderTopWidthMobile": { "type": "number", "default": "" },

		"hoverBorderRightWidthDesktop": { "type": "number", "default": "" },
		"hoverBorderRightWidthTablet": { "type": "number", "default": "" },
		"hoverBorderRightWidthMobile": { "type": "number", "default": "" },

		"hoverBorderBottomWidthDesktop": { "type": "number", "default": "" },
		"hoverBorderBottomWidthTablet": { "type": "number", "default": "" },
		"hoverBorderBottomWidthMobile": { "type": "number", "default": "" },

		"hoverBorderLeftWidthDesktop": { "type": "number", "default": "" },
		"hoverBorderLeftWidthTablet": { "type": "number", "default": "" },
		"hoverBorderLeftWidthMobile": { "type": "number", "default": "" },

		"hoverBorderWidthSync": { "type": "boolean", "default": true },

		"topLeftRadiusDesktop": { "type": "number", "default": 0 },
		"topLeftRadiusTablet": { "type": "number", "default": 0 },
		"topLeftRadiusMobile": { "type": "number", "default": 0 },

		"topRightRadiusDesktop": { "type": "number", "default": 0 },
		"topRightRadiusTablet": { "type": "number", "default": 0 },
		"topRightRadiusMobile": { "type": "number", "default": 0 },

		"bottomLeftRadiusDesktop": { "type": "number", "default": 0 },
		"bottomLeftRadiusTablet": { "type": "number", "default": 0 },
		"bottomLeftRadiusMobile": { "type": "number", "default": 0 },

		"bottomRightRadiusDesktop": { "type": "number", "default": 0 },
		"bottomRightRadiusTablet": { "type": "number", "default": 0 },
		"bottomRightRadiusMobile": { "type": "number", "default": 0 },

		"radiusSync": { "type": "boolean", "default": true },

		"boxShadowHOffset": { "type": "number", "default": 0 },
		"boxShadowVOffset": { "type": "number", "default": 0 },
		"boxShadowBlur": { "type": "number", "default": 0 },
		"boxShadowSpread": { "type": "number", "default": 0 },
		"boxShadowColor": { "type": "string", "default": "#000000" },
		"boxShadowOpacity": { "type": "number", "default": 1 },
		"hoverBoxShadowHOffset": { "type": "number", "default": 0 },
		"hoverBoxShadowVOffset": { "type": "number", "default": 0 },
		"hoverBoxShadowBlur": { "type": "number", "default": 0 },
		"hoverBoxShadowSpread": { "type": "number", "default": 0 },
		"hoverBoxShadowColor": { "type": "string", "default": null },
		"hoverBoxShadowOpacity": { "type": "number", "default": 1 } },
    "supports": {
    	"html": false,
		"widgets": true
    },
	"allowedBlocks": ["ssmb/icon-button"],
    "textdomain": "smart-social-media-buttons",
    "editorScript": "file:index.js",
    "editorStyle": "file:index.css",
    "style": "file:style-index.css",
	"usesContext": [ "widget" ],
	"keywords": [ "social", "link", "icon", "button", "custom", "URL", "media" ],
	"example": {
        "attributes": {
            "alignmentMode": "horizontal",
            "columnGapDesktop": 20,
            "rowGapDesktop": 10
        },
        "innerBlocks": [
            {
                "name": "ssmb/icon-button",
                "attributes": {
                    "buttonIcon": { "iconName": "facebook", "prefix": "fab" },
                    "buttonBackgroundColor": "#0866FF",
                    "buttonIconColor": "#ffffff"
                }
            },
            {
                "name": "ssmb/icon-button",
                "attributes": {
                    "buttonIcon": { "iconName": "instagram", "prefix": "fab" },
                    "buttonBackgroundColor": "#e1306c",
                    "buttonIconColor": "#ffffff"
                }
            },
            {
                "name": "ssmb/icon-button",
                "attributes": {
                    "buttonIcon": { "iconName": "linkedin", "prefix": "fab" },
                    "buttonBackgroundColor": "#0c66c2",
                    "buttonIconColor": "#ffffff"
                }
            },
			{
                "name": "ssmb/icon-button",
                "attributes": {
                    "buttonIcon": { "iconName": "x-twitter", "prefix": "fab" },
                    "buttonBackgroundColor": "#000000",
                    "buttonIconColor": "#ffffff"
                }
            },
            {
                "name": "ssmb/icon-button",
                "attributes": {
                    "buttonIcon": { "iconName": "youtube", "prefix": "fab" },
                    "buttonBackgroundColor": "#ff0000",
                    "buttonIconColor": "#ffffff"
                }
            }
        ]
    }
}