{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "create-block/animation-scroll-block",
  "version": "0.1.0",
  "title": "Animation on Scroll (Free)",
  "category": "adaire-blocks-free",
  "icon": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_77_96)\">\n<rect width=\"24\" height=\"24\" rx=\"5\" fill=\"#F0F0F1\"/>\n<g clip-path=\"url(#clip1_77_96)\">\n<path d=\"M5.71891 5.16108C5.89501 5.16108 6.06389 5.08448 6.18841 4.94814C6.31293 4.81179 6.38288 4.62687 6.38288 4.43405V3.72702C6.38288 3.5342 6.31293 3.34928 6.18841 3.21294C6.06389 3.0766 5.89501 3 5.71891 3C5.54281 3 5.37393 3.0766 5.24941 3.21294C5.12489 3.34928 5.05494 3.5342 5.05494 3.72702V4.43042C5.0545 4.5262 5.07135 4.62113 5.10453 4.70975C5.1377 4.79838 5.18654 4.87896 5.24824 4.94685C5.30993 5.01475 5.38328 5.06863 5.46405 5.10539C5.54483 5.14215 5.63144 5.16108 5.71891 5.16108Z\" fill=\"#D52940\"/>\n<path d=\"M5.7189 8.95981C5.895 8.95981 6.06388 8.88321 6.1884 8.74687C6.31292 8.61053 6.38287 8.42561 6.38287 8.23279V7.52939C6.38287 7.33657 6.31292 7.15165 6.1884 7.01531C6.06388 6.87896 5.895 6.80237 5.7189 6.80237C5.54281 6.80237 5.37392 6.87896 5.2494 7.01531C5.12489 7.15165 5.05493 7.33657 5.05493 7.52939V8.23279C5.05493 8.42561 5.12489 8.61053 5.2494 8.74687C5.37392 8.88321 5.54281 8.95981 5.7189 8.95981Z\" fill=\"#D52940\"/>\n<path d=\"M7.13309 6.7078H7.77548C7.95157 6.7078 8.12046 6.6312 8.24498 6.49486C8.3695 6.35852 8.43945 6.1736 8.43945 5.98078C8.43945 5.78796 8.3695 5.60304 8.24498 5.46669C8.12046 5.33035 7.95157 5.25375 7.77548 5.25375H7.13309C6.95699 5.25375 6.78811 5.33035 6.66359 5.46669C6.53907 5.60304 6.46912 5.78796 6.46912 5.98078C6.46912 6.1736 6.53907 6.35852 6.66359 6.49486C6.78811 6.6312 6.95699 6.7078 7.13309 6.7078Z\" fill=\"#D52940\"/>\n<path d=\"M3.66397 6.7078H4.30636C4.48246 6.7078 4.65134 6.6312 4.77586 6.49486C4.90038 6.35852 4.97033 6.1736 4.97033 5.98078C4.97033 5.78796 4.90038 5.60304 4.77586 5.46669C4.65134 5.33035 4.48246 5.25375 4.30636 5.25375H3.66397C3.48787 5.25375 3.31899 5.33035 3.19447 5.46669C3.06995 5.60304 3 5.78796 3 5.98078C3 6.1736 3.06995 6.35852 3.19447 6.49486C3.31899 6.6312 3.48787 6.7078 3.66397 6.7078Z\" fill=\"#D52940\"/>\n<path d=\"M18.5253 10.2975C18.7758 10.2975 19.016 10.1885 19.1932 9.99456C19.3703 9.80061 19.4698 9.53756 19.4698 9.26327V8.26725C19.4698 7.99297 19.3703 7.72992 19.1932 7.53597C19.016 7.34202 18.7758 7.23306 18.5253 7.23306C18.2748 7.23306 18.0346 7.34202 17.8574 7.53597C17.6803 7.72992 17.5808 7.99297 17.5808 8.26725V9.26327C17.5808 9.53756 17.6803 9.80061 17.8574 9.99456C18.0346 10.1885 18.2748 10.2975 18.5253 10.2975Z\" fill=\"#D52940\"/>\n<path d=\"M18.5253 15.6829C18.7758 15.6829 19.016 15.5739 19.1932 15.38C19.3703 15.186 19.4698 14.923 19.4698 14.6487V13.6509C19.4698 13.3766 19.3703 13.1135 19.1932 12.9196C19.016 12.7256 18.7758 12.6167 18.5253 12.6167C18.2748 12.6167 18.0346 12.7256 17.8574 12.9196C17.6803 13.1135 17.5808 13.3766 17.5808 13.6509V14.6487C17.5808 14.923 17.6803 15.186 17.8574 15.38C18.0346 15.5739 18.2748 15.6829 18.5253 15.6829Z\" fill=\"#D52940\"/>\n<path d=\"M21.4401 10.4229H20.5305C20.28 10.4229 20.0398 10.5319 19.8626 10.7258C19.6855 10.9198 19.586 11.1828 19.586 11.4571C19.586 11.7314 19.6855 11.9944 19.8626 12.1884C20.0398 12.3823 20.28 12.4913 20.5305 12.4913H21.4401C21.6906 12.4913 21.9309 12.3823 22.108 12.1884C22.2851 11.9944 22.3846 11.7314 22.3846 11.4571C22.3846 11.1828 22.2851 10.9198 22.108 10.7258C21.9309 10.5319 21.6906 10.4229 21.4401 10.4229Z\" fill=\"#D52940\"/>\n<path d=\"M17.468 11.4571C17.468 11.1828 17.3685 10.9198 17.1913 10.7258C17.0142 10.5319 16.774 10.4229 16.5235 10.4229H15.6122C15.3617 10.4229 15.1214 10.5319 14.9443 10.7258C14.7672 10.9198 14.6677 11.1828 14.6677 11.4571C14.6677 11.7314 14.7672 11.9944 14.9443 12.1884C15.1214 12.3823 15.3617 12.4913 15.6122 12.4913H16.5235C16.774 12.4913 17.0142 12.3823 17.1913 12.1884C17.3685 11.9944 17.468 11.7314 17.468 11.4571Z\" fill=\"#D52940\"/>\n</g>\n</g>\n<path d=\"M12.4204 14.6666C12.4204 14.8435 12.4906 15.013 12.6156 15.138C12.7406 15.2631 12.9102 15.3333 13.087 15.3333L15.0464 15.3333C15.1973 15.3039 15.3539 15.3275 15.4894 15.4003C15.6249 15.473 15.7311 15.5904 15.79 15.7326C15.8488 15.8747 15.8567 16.0328 15.8123 16.1801C15.7679 16.3273 15.674 16.4547 15.5464 16.5406L10.989 21.0973C10.9143 21.172 10.8256 21.2313 10.728 21.2718C10.6303 21.3122 10.5257 21.333 10.42 21.333C10.3144 21.333 10.2097 21.3122 10.1121 21.2718C10.0145 21.2313 9.92575 21.172 9.85103 21.0973L5.29436 16.5406C5.16676 16.4547 5.0728 16.3273 5.0284 16.1801C4.984 16.0328 4.9919 15.8747 5.05075 15.7326C5.10961 15.5904 5.2158 15.473 5.35133 15.4003C5.48686 15.3275 5.64338 15.3039 5.79436 15.3333L7.75369 15.3333C7.93051 15.3333 8.10007 15.2631 8.2251 15.138C8.35012 15.013 8.42036 14.8435 8.42036 14.6666L8.42036 13.3333C8.42036 13.1565 8.4906 12.9869 8.61562 12.8619C8.74065 12.7369 8.91022 12.6666 9.08703 12.6666L11.7537 12.6666C11.9305 12.6666 12.1001 12.7369 12.2251 12.8619C12.3501 12.9869 12.4204 13.1565 12.4204 13.3333L12.4204 14.6666Z\" fill=\"#D52940\"/>\n<path d=\"M12.4201 10L8.4201 10Z\" fill=\"#D52940\"/>\n<path d=\"M12.4201 10L8.4201 10\" stroke=\"#D52940\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<defs>\n<clipPath id=\"clip0_77_96\">\n<rect width=\"24\" height=\"24\" rx=\"5\" fill=\"white\"/>\n</clipPath>\n<clipPath id=\"clip1_77_96\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>",
  "description": "Add scroll animations to any content with inner blocks",
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "customClassName": true,
    "innerBlocks": true
  },
  "textdomain": "animation-scroll-block",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js",
  "attributes": {
    "blockId": {
      "type": "string",
      "default": ""
    },
    "animationType": {
      "type": "string",
      "default": "fade-in"
    },
    "animationDuration": {
      "type": "number",
      "default": 1000
    },
    "animationDelay": {
      "type": "number",
      "default": 0
    },
    "animationEasing": {
      "type": "string",
      "default": "ease-out"
    },
    "reverseOnScrollOut": {
      "type": "boolean",
      "default": false
    },
    "animationDistance": {
      "type": "number",
      "default": 50
    },
    "flipAxis": {
      "type": "string",
      "default": "horizontal"
    },
    "flipDirection": {
      "type": "string",
      "default": "clockwise"
    },
    "threshold": {
      "type": "number",
      "default": 0.2
    },
    "once": {
      "type": "boolean",
      "default": true
    },
    "containerMode": {
      "type": "string",
      "default": "full"
    },
    "containerMaxWidth": {
      "type": "object",
      "default": {
        "desktop": {
          "value": 1200,
          "unit": "px"
        },
        "tablet": {
          "value": 100,
          "unit": "%"
        },
        "mobile": {
          "value": 100,
          "unit": "%"
        }
      }
    },
    "marginTop": {
      "type": "object",
      "default": {
        "desktop": 0,
        "tablet": 0,
        "mobile": 0
      }
    },
    "marginRight": {
      "type": "object",
      "default": {
        "desktop": 0,
        "tablet": 0,
        "mobile": 0
      }
    },
    "marginBottom": {
      "type": "object",
      "default": {
        "desktop": 0,
        "tablet": 0,
        "mobile": 0
      }
    },
    "marginLeft": {
      "type": "object",
      "default": {
        "desktop": 0,
        "tablet": 0,
        "mobile": 0
      }
    },
    "paddingTop": {
      "type": "object",
      "default": {
        "desktop": 0,
        "tablet": 0,
        "mobile": 0
      }
    },
    "paddingRight": {
      "type": "object",
      "default": {
        "desktop": 0,
        "tablet": 0,
        "mobile": 0
      }
    },
    "paddingBottom": {
      "type": "object",
      "default": {
        "desktop": 0,
        "tablet": 0,
        "mobile": 0
      }
    },
    "paddingLeft": {
      "type": "object",
      "default": {
        "desktop": 0,
        "tablet": 0,
        "mobile": 0
      }
    }
  }
}