{
  "apiVersion": 3,
  "name": "b-blocks/animated-text",
  "title": "Animated Text",
  "description": "Apply animation on any text.",
  "category": "bBlocks",
  "keywords": [
    "animated text",
    "text animation",
    "text animated"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "loop": {
      "type": "boolean",
      "default": true
    },
    "animateIn": {
      "type": "string",
      "default": "char"
    },
    "inEffect": {
      "type": "string",
      "default": "fadeInLeftBig"
    },
    "inSequence": {
      "type": "string",
      "default": "default"
    },
    "outEffect": {
      "type": "string",
      "default": "rollOut"
    },
    "outSequence": {
      "type": "string",
      "default": "shuffle"
    },
    "textAlign": {
      "type": "string",
      "default": "center"
    },
    "background": {
      "type": "object",
      "default": {
        "color": "#0000"
      }
    },
    "content": {
      "type": "string",
      "default": "Animated text for animation",
      "selector": ".atbAnimatedText .content"
    },
    "typography": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": "22px",
          "tablet": "20px",
          "mobile": "18px"
        }
      }
    },
    "color": {
      "type": "string",
      "default": "#333"
    },
    "padding": {
      "type": "object",
      "default": {
        "vertical": "15px",
        "horizontal": "15px"
      }
    },
    "border": {
      "type": "object",
      "default": {
        "radius": "5px"
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {
      "preview": true
    }
  },
  "editorScript": "file:../index.js",
  "style": [
    "file:./view.css",
    "animate"
  ],
  "render": "file:./render.php",
  "viewScript": [
    "file:./view.js",
    "textillate"
  ]
}