{ "apiVersion": 2, "name": "sep/separator", "title": "Section Separator", "description": "Separate the section in beautiful way.", "category": "widgets", "version": "2.0.2", "keywords": [ "wave separator", "wave section separator", "separator", "icon separator", "divider block", "page separator" ], "textdomain": "separator", "attributes": { "align": { "type": "string", "default": "full" }, "segments": { "type": "number", "default": 20 }, "waves": { "type": "array", "default": [ { "speed": 1.5, "shape": 1.8, "position": 0, "fillColor": "#0d5cb4", "strokeWidth": 2, "strokeColor": "#4c9af0" }, { "speed": 1, "shape": 1.5, "position": 75, "fillColor": "#05acec", "strokeWidth": 2, "strokeColor": "#4c9af0" }, { "speed": 2, "shape": 1.9, "position": 150, "fillColor": "#093da8", "strokeWidth": 2, "strokeColor": "#4c9af0" } ] }, "position": { "type": "string", "default": "bottom" }, "height": { "type": "string", "default": "300px" }, "preset": { "type": "string", "default": "none" }, "amplitude": { "type": "number", "default": 34 }, "flip": { "type": "boolean", "default": false }, "waveDirection": { "type": "string", "default": "ltr" }, "separatorType": { "type": "string", "default": "wave" }, "pills": { "type": "array", "default": [ { "text": "Ready to go", "colors": { "bg": "#a3e635", "color": "#000000", "bgType": "solid" }, "rotate": -8 }, { "text": "Skip the boring bits", "rotate": 5, "colors": { "bg": "#d946ef", "color": "#000000", "bgType": "solid" } }, { "text": "100% free", "rotate": -3, "colors": { "bg": "#fde047", "color": "#000000", "bgType": "solid" } }, { "text": "Get results faster", "rotate": 7, "colors": { "bg": "#ef4444", "color": "#000000", "bgType": "solid" } }, { "text": "Modern layouts", "rotate": -5, "colors": { "bg": "#8b5cf6", "color": "#000000", "bgType": "solid" } }, { "text": "Starter sites", "rotate": 4, "colors": { "bg": "#84cc16", "color": "#000000", "bgType": "solid" } }, { "text": "Solid code", "rotate": -6, "colors": { "bg": "#c7f9a8", "color": "#000000", "bgType": "solid" } }, { "text": "No hidden costs", "rotate": 8, "colors": { "bg": "#facc15", "color": "#000000", "bgType": "solid" } }, { "text": "Easy setup", "rotate": -4, "colors": { "bg": "#65a30d", "color": "#000000", "bgType": "solid" } }, { "text": "Publish quickly", "rotate": 6, "colors": { "bg": "#38bdf8", "color": "#000000", "bgType": "solid" } }, { "text": "Professional look", "rotate": -7, "colors": { "bg": "#c084fc", "color": "#000000", "bgType": "solid" } }, { "text": "Stand out", "rotate": 3, "colors": { "bg": "#fb923c", "color": "#000000", "bgType": "solid" } }, { "text": "Use templates", "rotate": -5, "colors": { "bg": "#ef4444", "color": "#000000", "bgType": "solid" } }, { "text": "Ready-to-use layouts", "rotate": 7, "colors": { "bg": "#bef264", "color": "#000000", "bgType": "solid" } }, { "text": "Test new ideas", "rotate": -6, "colors": { "bg": "#f59e0b", "color": "#000000", "bgType": "solid" } }, { "text": "Unlimited sites", "rotate": 5, "colors": { "bg": "#fde68a", "color": "#000000", "bgType": "solid" } } ] }, "activePill": { "type": "number", "default": 0 }, "activeGradientItem": { "type": "number", "default": 0 }, "pillScrollDirection": { "type": "string", "default": "ltr" }, "pillAnimationDuration": { "type": "number", "default": 50 }, "pillAnimationEnabled": { "type": "boolean", "default": true }, "styles": { "type": "object", "default": { "pill": { "track": { "bg": { "color": "#0000" }, "padding": { "desktop": { "top": "1rem", "right": "1rem", "bottom": "1rem", "left": "1rem" }, "mobile": { "top": "1rem", "right": "1rem", "bottom": "1rem", "left": "1rem" }, "tablet": { "top": "1rem", "right": "1rem", "bottom": "1rem", "left": "1rem" } }, "margin": { "desktop": { "top": "0", "right": "0", "bottom": "0", "left": "0" }, "mobile": { "top": "0", "right": "0", "bottom": "0", "left": "0" }, "tablet": { "top": "0", "right": "0", "bottom": "0", "left": "0" } } }, "item": { "gap": "16px", "padding": { "desktop": { "top": "16px", "right": "32px", "bottom": "16px", "left": "32px" }, "mobile": { "top": "16px", "right": "16px", "bottom": "16px", "left": "16px" }, "tablet": { "top": "16px", "right": "16px", "bottom": "16px", "left": "16px" } }, "typo": { "fontWeight": 500, "fontSize": { "desktop": 16, "tablet": 16, "mobile": 14 }, "lineHeight": 1, "fontFamily": "ui-sans-serif, system-ui" }, "border": { "color": "", "style": "", "width": "" }, "borderRadius": { "top": "50px", "right": "50px", "bottom": "50px", "left": "50px" }, "shadow": [ { "hOffset": "0", "vOffset": "2px", "blur": "6px", "spread": "0", "color": "rgba(0, 0, 0, 0.06)", "isInset": false } ] } }, "gradient": { "background": { "type": "linear", "color": "linear-gradient(90deg, #06b6d4, #3b82f6, #8b5cf6)" }, "backgroundType": "pattern", "bg": { "type": "linear", "color": "linear-gradient(90deg, #06b6d4, #3b82f6, #8b5cf6)" }, "padding": { "desktop": { "top": "4rem", "right": "0", "bottom": "4rem", "left": "0" }, "tablet": { "top": "10px", "right": "20px", "bottom": "10px", "left": "20px" }, "mobile": { "top": "8px", "right": "16px", "bottom": "8px", "left": "16px" } }, "margin": { "desktop": { "top": "0px", "right": "0px", "bottom": "0px", "left": "0px" }, "tablet": { "top": "0px", "right": "0px", "bottom": "0px", "left": "0px" }, "mobile": { "top": "0px", "right": "0px", "bottom": "0px", "left": "0px" } }, "patternOpacity": 0.03, "showPattern": true, "pattern": { "angle": 45, "transparentGap": 10, "color1": "#c90000", "stop1": 10, "color2": "rgba(0, 252, 76, 0.8)", "stop2": 20 }, "organicWaves": { "enabled": true, "color": "#FFFFFF", "topOpacity": 0.3, "bottomOpacity": 0.3, "height": "120px" }, "item": { "padding": { "desktop": { "top": "12px", "right": "24px", "bottom": "12px", "left": "24px" }, "tablet": { "top": "10px", "right": "20px", "bottom": "10px", "left": "20px" }, "mobile": { "top": "8px", "right": "16px", "bottom": "8px", "left": "16px" } }, "typo": { "fontWeight": 700, "fontSize": { "desktop": 16, "tablet": 16, "mobile": 14 }, "lineHeight": 1.2 }, "borderRadius": { "top": "12px", "right": "12px", "bottom": "12px", "left": "12px" }, "border": { "color": "", "style": "", "width": "" }, "shadow": [ { "hOffset": "0", "vOffset": "10px", "blur": "15px", "spread": "0", "color": "rgba(0,0,0,0.15)", "isInset": false } ] } } } }, "gradientItems": { "type": "array", "default": [ { "text": "Lightning Fast", "colors": { "bg": "rgba(255,255,255,0.9)", "color": "#1e3a8a", "bgType": "solid" } }, { "text": "Secure", "colors": { "bg": "rgba(255,255,255,0.9)", "color": "#1e3a8a", "bgType": "solid" } }, { "text": "Scalable", "colors": { "bg": "rgba(255,255,255,0.9)", "color": "#1e3a8a", "bgType": "solid" } } ] }, "iconSep": { "type": "object", "default": { "ele": "", "size": 1, "align": "center", "variant": "solid", "thickness": 2, "color": "#010101", "fill": "#010101", "lineStyle": "solid", "bg": { "type": "gradient", "gradient": "linear-gradient(90deg, #ec4899, #8b5cf6)" }, "gap": "1em", "iconSpacing": 1, "iconSpacingType": "preset", "margin": { "vertical": { "top": "10px", "bottom": "10px" } } } } }, "supports": { "align": [ "wide", "full" ], "html": false }, "example": { "attributes": { "preview": true } }, "editorScript": [ "file:./index.js", "paperJS", "wp-api", "wp-util" ], "editorStyle": "file:./index.css", "style": "file:./view.css", "render": "file:./render.php", "viewScript": [ "file:./view.js", "paperJS" ] }