{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 2,
  "name": "blockwheels/marquee",
  "title": "Marquee",
  "category": "blockwheels",
  "description": "CSS-based scrolling marquee to display text and images.",
  "keywords": [
    "marquee",
    "scrolling",
    "ticker",
    "carousel",
    "slider"
  ],
  "supports": {
    "html": false,
    "align": [
      "wide",
      "full"
    ]
  },
  "textdomain": "blockwheels",
  "providesContext": {
    "blockwheels/marquee-icon": "marqueeIcon",
    "blockwheels/marquee-icon-width": "marqueeIconWidth",
    "blockwheels/marquee-item-align": "contentAlign",
    "blockwheels/marquee-seamless": "seamless",
    "blockwheels/marquee-show-image": "enableImage",
    "blockwheels/marquee-show-text": "enableText"
  },
  "attributes": {
    "blockId": {
      "type": "string"
    },
    "postId": {
      "type": "integer"
    },
    "direction": {
      "type": "string",
      "default": "left"
    },
    "speed": {
      "type": "object",
      "default": {
        "desktop": 20,
        "tablet": 20,
        "mobile": 20
      }
    },
    "itemGap": {
      "type": "object",
      "default": {
        "desktop": "30px",
        "tablet": "30px",
        "mobile": "20px"
      }
    },
    "contentAlign": {
      "type": "string",
      "default": "center"
    },
    "pauseOnHover": {
      "type": "boolean",
      "default": true
    },
    "seamless": {
      "type": "boolean",
      "default": true
    },
    "separator": {
      "type": "string",
      "default": "none"
    },
    "separatorColor": {
      "type": "string"
    },
    "colPadding": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "10px",
          "right": "0px",
          "bottom": "10px",
          "left": "0px"
        },
        "tablet": {
          "top": "10px",
          "right": "0px",
          "bottom": "10px",
          "left": "0px"
        },
        "mobile": {
          "top": "10px",
          "right": "0px",
          "bottom": "10px",
          "left": "0px"
        }
      }
    },
    "colMargin": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "0px",
          "bottom": "0px"
        },
        "tablet": {
          "top": "0px",
          "bottom": "0px"
        },
        "mobile": {
          "top": "0px",
          "bottom": "0px"
        }
      }
    },
    "enableImage": {
      "type": "boolean",
      "default": true
    },
    "enableText": {
      "type": "boolean",
      "default": true
    },
    "marqueeIcon": {
      "type": "string",
      "default": "fe_star"
    },
    "marqueeIconWidth": {
      "type": "number",
      "default": 2
    },
    "itemLabelGap": {
      "type": "number",
      "default": 10
    },
    "iconSize": {
      "type": "object",
      "default": {
        "desktop": "24px",
        "tablet": "24px",
        "mobile": "20px"
      }
    },
    "iconPadding": {
      "type": "object",
      "default": {
        "desktop": "0px",
        "tablet": "0px",
        "mobile": "0px"
      }
    },
    "iconBorderRadius": {
      "type": "string"
    },
    "iconBorderWidth": {
      "type": "string",
      "default": "1px"
    },
    "iconBorderStyle": {
      "type": "string",
      "default": "none"
    },
    "iconColor": {
      "type": "string",
      "default": "#000000"
    },
    "iconBgColor": {
      "type": "string"
    },
    "iconBgGradient": {
      "type": "string"
    },
    "iconBorderColor": {
      "type": "string"
    },
    "imageWidth": {
      "type": "object",
      "default": {
        "desktop": "120px",
        "tablet": "120px",
        "mobile": "100px"
      }
    },
    "imageRadius": {
      "type": "string",
      "default": "0px"
    },
    "textFontFamily": {
      "type": "string"
    },
    "textFontWeight": {
      "type": "string",
      "default": "400"
    },
    "textFontStyle": {
      "type": "string",
      "default": "normal"
    },
    "textFontSize": {
      "type": "object",
      "default": {
        "desktop": "",
        "tablet": "",
        "mobile": ""
      }
    },
    "textLetterSpacing": {
      "type": "object",
      "default": {
        "desktop": "",
        "tablet": "",
        "mobile": ""
      }
    },
    "textLetterCase": {
      "type": "string",
      "default": "none"
    },
    "textFontColor": {
      "type": "string",
      "default": "#000000"
    }
  },
  "example": {
    "innerBlocks": [
      {
        "name": "blockwheels/marquee-item",
        "attributes": {
          "text": "Web Branding",
          "iconSource": "icon",
          "itemIcon": "fe_star"
        }
      },
      {
        "name": "blockwheels/marquee-item",
        "attributes": {
          "text": "Clean Code",
          "iconSource": "icon",
          "itemIcon": "fe_code"
        }
      },
      {
        "name": "blockwheels/marquee-item",
        "attributes": {
          "text": "Fast Support",
          "iconSource": "icon",
          "itemIcon": "fe_users"
        }
      }
    ]
  },
  "editorScript": [
    "file:index.js"
  ],
  "editorStyle": [
    "file:index.css"
  ],
  "style": [
    "file:style-index.css"
  ]
}