{ "$schema": "https://schemas.wp.org/trunk/block.json", "apiVersion": 3, "name": "blynex/lottie-animation", "version": "1.0.0", "title": "Lottie Animation", "category": "blynex-blocks", "icon": "format-video", "description": "Display and customize Lottie (JSON-based SVG) animations with advanced playback controls.", "keywords": [ "lottie", "animation", "json", "vector", "svg" ], "example": {}, "supports": { "html": false, "align": [ "wide", "full", "left", "center", "right" ], "spacing": { "padding": true, "margin": true }, "color": { "background": true } }, "attributes": { "animationSource": { "type": "string", "default": "upload" }, "animationJSON": { "type": "object", "default": null }, "animationURL": { "type": "string", "default": "" }, "mediaId": { "type": "number", "default": 0 }, "autoplay": { "type": "boolean", "default": true }, "loop": { "type": "boolean", "default": true }, "playOnHover": { "type": "boolean", "default": false }, "playOnScroll": { "type": "boolean", "default": false }, "scrollThreshold": { "type": "number", "default": 30 }, "speed": { "type": "number", "default": 1 }, "direction": { "type": "string", "default": "normal" }, "startFrame": { "type": "number", "default": 0 }, "endFrame": { "type": "number", "default": 0 }, "width": { "type": "string", "default": "400px" }, "height": { "type": "string", "default": "400px" }, "alignment": { "type": "string", "default": "center" }, "maintainAspectRatio": { "type": "boolean", "default": true }, "borderRadius": { "type": "string", "default": "0px" }, "backgroundColor": { "type": "string", "default": "" }, "overlayColor": { "type": "string", "default": "" }, "boxShadow": { "type": "boolean", "default": false }, "boxShadowValue": { "type": "string", "default": "0 4px 6px rgba(0, 0, 0, 0.1)" }, "linkUrl": { "type": "string", "default": "" }, "linkNewTab": { "type": "boolean", "default": false }, "hoverEffect": { "type": "string", "default": "none" }, "altText": { "type": "string", "default": "" }, "ariaLabel": { "type": "string", "default": "" }, "role": { "type": "string", "default": "img" }, "showControls": { "type": "boolean", "default": false }, "lazyLoad": { "type": "boolean", "default": true } }, "textdomain": "blynex", "editorScript": "file:./index.js", "editorStyle": "file:./style.scss", "style": "file:./style.scss", "viewScript": "file:./view.js" }